:root{--navy:#14284b;--blue:#225ceb;--blue2:#314fd7;--ink:#1d2a3b;--muted:#68758a;--line:#dce4ef;--bg:#f5f7fb;--surface:#fff;--ok:#177a49;--warn:#9a6500;--danger:#b72b2b;--shadow:0 18px 50px rgba(22,40,76,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.hidden{display:none!important}a{color:inherit}.site-toast{position:fixed;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 44px));padding:13px 16px;border-radius:14px;background:#172238;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.18s;z-index:9999}.site-toast.show{opacity:1;transform:none}.site-toast.ok{background:#146b43}.site-toast.warn{background:#8c5b00}.site-toast.danger{background:#9d2929}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,560px) 1fr;background:linear-gradient(145deg,#f7f9fd 0%,#edf2fb 54%,#e8eefb 100%)}.auth-panel{display:flex;align-items:center;justify-content:center;padding:38px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.brand-mark{display:flex;align-items:center;gap:14px;margin-bottom:28px}.brand-logo{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--blue2));color:#fff;font-size:27px;box-shadow:0 10px 25px rgba(34,92,235,.26)}.brand-mark b{display:block;font-size:22px}.brand-mark small{color:var(--muted)}.auth-card h1{font-size:28px;margin:0 0 8px}.auth-card>p{color:var(--muted);line-height:1.55;margin:0 0 24px}.field{display:grid;gap:7px;margin:14px 0}.field span{font-weight:700;font-size:13px}.field input{height:48px;border:1px solid #cfd9e7;border-radius:13px;padding:0 14px;outline:none;background:#fff}.field input:focus{border-color:#6a8df2;box-shadow:0 0 0 3px rgba(34,92,235,.10)}.primary-btn,.secondary-btn,.link-btn{border:0;border-radius:13px;cursor:pointer;font-weight:800}.primary-btn{height:48px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;width:100%}.secondary-btn{height:44px;background:#edf2ff;color:#244db7;padding:0 16px}.link-btn{background:transparent;color:#3154a8;padding:9px}.auth-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.auth-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.5}.hero-panel{position:relative;overflow:hidden;display:flex;align-items:center;padding:70px;background:linear-gradient(145deg,#16305e 0%,#244d91 52%,#1d4384 100%);color:#fff}.hero-panel:before,.hero-panel:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}.hero-panel:before{width:420px;height:420px;right:-120px;top:-90px}.hero-panel:after{width:260px;height:260px;left:45%;bottom:-120px}.hero-content{max-width:650px;position:relative;z-index:1}.hero-eyebrow{letter-spacing:.12em;font-size:12px;font-weight:900;color:#b8cbff}.hero-content h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:15px 0 18px}.hero-content p{font-size:18px;line-height:1.65;color:#dbe6ff;max-width:570px}.hero-points{display:grid;gap:12px;margin-top:30px}.hero-points div{display:flex;gap:11px;align-items:center;color:#f0f5ff}.hero-points span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.12)}
.pending-shell,.config-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#f6f8fc,#eaf0fb)}.pending-card,.config-card{width:min(650px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow);text-align:center}.pending-icon{font-size:50px;margin-bottom:12px}.pending-card h1,.config-card h1{margin:0 0 12px}.pending-card p,.config-card p{color:var(--muted);line-height:1.6}.pending-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin:25px 0}.pending-summary>div{padding:15px;border:1px solid var(--line);border-radius:14px}.pending-summary span{display:block;color:var(--muted);font-size:12px}.pending-summary b{display:block;margin-top:5px}.pending-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.config-code{background:#111b2e;color:#dbe6ff;border-radius:15px;padding:16px;text-align:left;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.app-site{min-height:100vh}.site-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80}.site-brand{display:flex;align-items:center;gap:12px}.site-brand .mini-logo{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--blue),var(--blue2));display:grid;place-items:center;color:#fff;font-size:20px}.site-brand b{display:block}.site-brand small{display:block;color:var(--muted);font-size:11px}.site-user{display:flex;align-items:center;gap:12px}.site-user-text{text-align:right}.site-user-text b{font-size:13px;display:block}.site-user-text span{font-size:11px;color:var(--muted)}.top-link{font-size:12px;color:#33579d;text-decoration:none;font-weight:800;padding:9px 11px;border-radius:10px;background:#eef3ff}.logout-btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 12px;cursor:pointer;font-weight:800;color:#45536a}.app-frame{padding:24px;max-width:1580px;margin:0 auto}.site-loading{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;color:var(--muted)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.hero-panel{display:none}.auth-panel{padding:22px}.site-topbar{height:auto;padding:12px 15px;align-items:flex-start}.site-user{flex-wrap:wrap;justify-content:flex-end}.site-user-text{display:none}.app-frame{padding:12px}.pending-summary{grid-template-columns:1fr}}@media(max-width:560px){.auth-card{padding:24px;border-radius:20px}.auth-actions{flex-direction:column;align-items:stretch}.link-btn{text-align:left}.site-brand small{display:none}.top-link{display:none}}