:root{--bg: #0a0d13;--bg2: #0e131c;--panel: #141a26;--panel2: #1a2230;--line: #26303f;--txt: #eef3fb;--muted: #8290a6;--muted2: #5d6b81;--gold: #ffce3a;--gold2: #ffa617;--green: #3ddc97;--red: #ff5d5b;--blue: #4aa8ff;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--radius: 16px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1200px 700px at 80% -10%,rgba(255,206,58,.1),transparent 60%),radial-gradient(900px 600px at -5% 110%,rgba(61,220,151,.08),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);background-attachment:fixed;color:var(--txt);font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100vh}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--muted)}.loading__spinner{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,2.2vw,40px);height:70px;background:linear-gradient(180deg,var(--panel),var(--bg2));border-bottom:2px solid var(--line);border-image:linear-gradient(90deg,#26303f 0,#26303f,#ffce3a) 1}.header__brand{display:flex;align-items:center;gap:14px;min-width:0}.header__logo{color:var(--gold);font-size:20px;filter:drop-shadow(0 0 10px rgba(255,206,58,.5))}.header__title{font-family:Anton,Outfit,sans-serif;font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-size:clamp(18px,1.9vw,26px);line-height:1;background:linear-gradient(180deg,#fff,#cdd6e6);-webkit-background-clip:text;background-clip:text;color:transparent}.header__user{display:flex;align-items:center;gap:16px;flex:0 0 auto}.header__welcome{color:var(--muted);font-size:14px;font-weight:600}.header__signout{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel);border:1px solid var(--line);color:var(--txt);padding:9px 16px;border-radius:11px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.15s}.header__signout:hover{background:var(--panel2);border-color:#3a4759;transform:translateY(-1px)}.content{max-width:1120px;margin:0 auto;padding:clamp(32px,5vh,56px) clamp(18px,2.2vw,40px) 64px}.content__intro{margin-bottom:32px}.content__heading{margin:0 0 8px;font-family:Anton,Outfit,sans-serif;font-weight:400;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(28px,3.4vw,44px);line-height:1;background:linear-gradient(180deg,#fff,#cdd6e6);-webkit-background-clip:text;background-clip:text;color:transparent}.content__subheading{margin:0;color:var(--muted);font-size:15px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.tile{display:flex;align-items:center;gap:18px;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;color:inherit;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tile:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow),0 0 0 1px #ffce3a40}.tile__icon{font-size:28px;width:56px;height:56px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:13px;flex-shrink:0}.tile:hover .tile__icon{border-color:#ffce3a66}.tile__body{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.tile__name{font-weight:700;font-size:17px;letter-spacing:.01em;color:var(--txt)}.tile__description{font-size:13px;color:var(--muted);line-height:1.45}.tile__open{color:var(--gold);font-size:18px;flex-shrink:0;transition:transform .18s ease}.tile:hover .tile__open{transform:translate(2px,-2px)}.empty{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px dashed var(--line);border-radius:var(--radius);padding:48px 32px;text-align:center;box-shadow:var(--shadow)}.empty__title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--txt)}.empty__hint{margin:0 auto;max-width:480px;color:var(--muted);font-size:14px;line-height:1.55}.autherror{min-height:100vh;display:grid;place-items:center;padding:24px}.autherror__card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:44px 38px;max-width:460px;text-align:center}.autherror__icon{font-size:38px}.autherror__title{margin:14px 0 8px;font-family:Anton,Outfit,sans-serif;font-weight:400;letter-spacing:.03em;text-transform:uppercase;font-size:24px;color:var(--txt)}.autherror__message{margin:0 0 12px;color:var(--txt);font-size:15px;line-height:1.5}.autherror__hint{margin:0 0 26px;color:var(--muted);font-size:13px;line-height:1.55}.autherror__retry{background:var(--gold);color:#1a1300;border:none;padding:12px 24px;border-radius:11px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:.15s}.autherror__retry:hover{background:var(--gold2);transform:translateY(-1px)}