.symon-app{--s-bg:#0c141c;--s-panel:#15212b;--s-edge:#2b3b43;--s-green:#3dd46b;--s-muted:#a7b7bd;color:#f4f8f9;background:var(--s-bg);font-family:Inter,'Segoe UI',Arial,sans-serif;min-height:640px;border-radius:12px;overflow:hidden;box-shadow:0 20px 65px #0002}.symon-app *{box-sizing:border-box}.symon-app a{color:var(--s-green);text-decoration:none}.symon-top{background:#101d27;border-bottom:1px solid #263a40;display:flex;justify-content:space-between;align-items:center;padding:19px 32px}.symon-brand{display:flex;gap:12px;align-items:center;letter-spacing:2px}.symon-brand-mark,.symon-hero-icon{background:linear-gradient(135deg,#7be79d,#168d50);color:#092519;border-radius:12px;font-weight:900;display:grid;place-items:center}.symon-brand-mark{width:46px;height:46px;font-size:30px}.symon-brand strong{display:block;font-size:27px;line-height:1}.symon-brand small{display:block;font-size:9px;letter-spacing:2.1px;margin-top:5px;color:#b3d7bd}.symon-top-right{font-size:11px;letter-spacing:2px;color:#80949c}.symon-notice{padding:12px 24px;background:#18372b;color:#d5ffe3}.symon-auth-grid{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.symon-welcome{background:linear-gradient(150deg,#1f995b,#126039);padding:80px 65px}.symon-hero-icon{background:#ffffff26;color:#fff;font-size:72px;width:112px;height:112px;margin-bottom:32px}.symon-welcome h1{font-size:38px;color:#fff}.symon-welcome p{font-size:17px;color:#e0f9e7;max-width:440px}.symon-feature{margin:20px 0;color:#fff}.symon-auth-card{padding:65px 65px 40px}.symon-auth-card h2{font-size:32px;margin:0 0 8px;color:#fff}.symon-auth-card p{color:var(--s-muted)}.symon-auth-card label{display:block;margin:16px 0 6px;color:#e2edf0;font-size:14px}.symon-auth-card input:not([type=checkbox]){display:block;width:100%;background:#0e1820;color:#fff;border:1px solid #38505b;border-radius:8px;padding:13px}.symon-auth-card button,.symon-signout{border:0;border-radius:8px;background:var(--s-green);color:#092417;font-weight:700;padding:13px 20px;cursor:pointer}.symon-auth-card form>button{width:100%;margin-top:18px}.symon-auth-card .symon-check{display:flex;align-items:center;gap:8px}.symon-auth-card details{margin-top:20px;border-top:1px solid #33454e;padding-top:18px}.symon-auth-card summary{color:var(--s-green);cursor:pointer}.symon-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:680px}.symon-side{background:linear-gradient(180deg,#176e43,#0d442f);padding:30px 16px}.symon-side-label{font-size:11px;letter-spacing:2px;color:#c1ebd0;margin:0 12px 20px}.symon-side a{display:block;padding:13px 15px;border-radius:9px;color:#ebfff3;margin-bottom:5px;font-size:14px}.symon-side a.active{background:#ffffff25;font-weight:700}.symon-side a[aria-disabled=true]{opacity:.55;cursor:not-allowed}.symon-lock{float:right}.symon-side form{margin-top:60px}.symon-signout{width:100%;background:#ffffff20;color:#fff}.symon-main{padding:38px 44px}.symon-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.symon-eyebrow{font-size:11px;letter-spacing:2px;color:var(--s-green);font-weight:800}.symon-heading h1{font-size:34px;color:#fff;margin:9px 0}.symon-heading p{color:var(--s-muted)}.symon-avatar{background:#246e4c;border:1px solid #4da77b;border-radius:50%;height:46px;width:46px;display:grid;place-items:center;font-weight:700}.symon-main h2{color:#fff}.symon-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.symon-card,.symon-panel{background:var(--s-panel);border:1px solid var(--s-edge);border-radius:14px;padding:24px}.symon-card-icon{font-size:30px;margin-bottom:18px}.symon-card h3{color:#fff;font-size:19px;margin:0 0 12px}.symon-card p{color:var(--s-muted);font-size:13px;min-height:44px}.symon-card a,.symon-card span{font-weight:700;font-size:13px}.symon-card.locked{opacity:.65}.symon-panel{max-width:960px}.symon-panel p{color:var(--s-muted)}.symon-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:26px}.symon-mini-grid div{background:#0f1922;padding:24px;border-radius:9px}.symon-mini-grid strong,.symon-mini-grid span{display:block}.symon-mini-grid span{color:var(--s-muted);margin-top:12px;font-size:13px}@media(max-width:900px){.symon-auth-grid{grid-template-columns:1fr}.symon-welcome{padding:40px}.symon-auth-card{padding:35px}.symon-layout{grid-template-columns:1fr}.symon-side{display:flex;flex-wrap:wrap;gap:6px}.symon-side-label{width:100%}.symon-side a{padding:9px}.symon-side form{margin:0}.symon-main{padding:26px}.symon-mini-grid{grid-template-columns:1fr}.symon-top-right{display:none}}