:root{--bg:#0c1219;--bg2:#111923;--card:#151f2a;--card2:#101820;--line:#2a3848;--line2:#33465a;--text:#e9eff5;--muted:#8f9eae;--green:#25c875;--green2:#17aa61;--blue:#4ca6ff;--violet:#9b7cff;--cyan:#4fd7dd;--amber:#f5bc55;--red:#ff6b76}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(37,200,117,.07),transparent 32%),radial-gradient(circle at 90% 0,rgba(76,166,255,.06),transparent 28%),var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px 22px}.auth-wrap{width:min(1080px,100%);display:grid;grid-template-columns:.92fr 1.08fr;background:rgba(17,25,35,.97);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.42)}.auth-brand{position:relative;padding:52px 48px;background:linear-gradient(145deg,#101922,#0c141c);border-right:1px solid var(--line);overflow:hidden}.auth-brand:before,.auth-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.auth-brand:before{width:260px;height:260px;background:rgba(37,200,117,.08);right:-100px;top:-80px}.auth-brand:after{width:200px;height:200px;background:rgba(76,166,255,.06);left:-80px;bottom:-100px}.brand-mark{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-bottom:46px}.brand-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,rgba(37,200,117,.2),rgba(37,200,117,.07));border:1px solid rgba(37,200,117,.25);display:grid;place-items:center;color:#55dc93}.brand-icon svg,.field-icon svg,.benefit-icon svg,.status-icon svg,.nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-size:21px;font-weight:850;letter-spacing:-.03em}.brand-name span{color:#44d988}.auth-brand h1{position:relative;z-index:1;font-size:34px;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}.auth-brand p{position:relative;z-index:1;color:var(--muted);margin:0 0 30px;max-width:430px}.benefits{position:relative;z-index:1;display:grid;gap:15px}.benefit{display:flex;gap:13px;align-items:flex-start;color:#c8d1dc}.benefit-icon{flex:0 0 35px;width:35px;height:35px;border-radius:11px;display:grid;place-items:center}.benefit:nth-child(1) .benefit-icon{background:#1a3150;color:#63b4ff}.benefit:nth-child(2) .benefit-icon{background:#302b4d;color:#ac8cff}.benefit:nth-child(3) .benefit-icon{background:#173b34;color:#53dba0}.benefit:nth-child(4) .benefit-icon{background:#3b3020;color:#f3c66d}.benefit strong{display:block;font-size:14px;color:#e5edf5;margin-bottom:2px}.benefit small{color:#7f8d9c}.auth-panel{padding:48px 50px;background:rgba(21,31,42,.93)}.auth-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:30px}.auth-heading h2{font-size:28px;margin:0 0 5px;letter-spacing:-.025em}.auth-heading p{margin:0;color:var(--muted)}.back-link{color:#8ea0b2;text-decoration:none;font-weight:700;font-size:13px;display:flex;align-items:center;gap:7px;padding-top:7px}.back-link:hover{color:#dfe8f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}.field label{display:block;color:#b9c5d1;font-weight:700;font-size:13px;margin:0 0 7px}.input-wrap{position:relative}.field-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#698096;display:grid;place-items:center}.field-icon svg{width:18px;height:18px}.control{width:100%;height:47px;border:1px solid var(--line2);background:#0e1720;border-radius:12px;color:#edf4fa;padding:0 42px 0 42px;outline:none;font:inherit;transition:.18s}.control.no-icon{padding-left:14px}.control:focus{border-color:#36ce80;box-shadow:0 0 0 3px rgba(37,200,117,.12)}.control::placeholder{color:#5f7184}.eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#718499;width:34px;height:34px;border-radius:9px;cursor:pointer}.eye:hover{background:#172431;color:#c7d3df}.field-error{min-height:18px;margin-top:5px;color:#ff8d96;font-size:12px}.form-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:7px 0 18px}.check{display:flex;align-items:center;gap:8px;color:#95a5b5;font-size:13px}.check input{accent-color:#25c875}.link{color:#54d991;text-decoration:none;font-weight:700}.link:hover{text-decoration:underline}.btn{border:0;border-radius:12px;min-height:47px;padding:0 18px;font-weight:850;font-size:14px;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.btn-primary{width:100%;background:linear-gradient(180deg,#27c976,#1eaf66);color:#fff;box-shadow:0 10px 28px rgba(20,154,86,.19)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-secondary{background:#15212d;border:1px solid #344456;color:#d7e0e9}.auth-switch{margin-top:22px;padding-top:20px;border-top:1px solid #263442;text-align:center;color:#8f9eae}.notice{border-radius:12px;padding:11px 13px;margin:0 0 18px;font-size:13px}.notice.error{background:rgba(155,54,63,.13);border:1px solid rgba(255,107,118,.32);color:#ffb2b8}.notice.success{background:rgba(37,200,117,.10);border:1px solid rgba(37,200,117,.28);color:#91e7b7}.notice.info{background:rgba(76,166,255,.09);border:1px solid rgba(76,166,255,.25);color:#a9d3ff}.strength{height:5px;background:#202e3d;border-radius:10px;overflow:hidden;margin-top:8px}.strength span{display:block;height:100%;width:0;transition:.2s;background:#ff7078}.strength-label{font-size:11px;color:#718397;margin-top:5px}.account-page{min-height:100vh;background:var(--bg)}.account-topbar{height:76px;border-bottom:1px solid var(--line);background:rgba(14,21,29,.94);display:flex;align-items:center}.account-topbar .inner{width:min(1240px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between}.account-brand{font-size:22px;font-weight:900;color:#eaf2f8;text-decoration:none}.account-brand span{color:#3bd486}.account-layout{width:min(1240px,calc(100% - 32px));margin:30px auto 60px;display:grid;grid-template-columns:250px 1fr;gap:24px}.account-sidebar,.account-main-card{background:#141e28;border:1px solid var(--line);border-radius:18px}.account-sidebar{padding:16px;height:max-content;position:sticky;top:98px}.account-user{padding:12px 10px 17px;border-bottom:1px solid #263442;margin-bottom:10px}.avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#1d4a38,#163225);display:grid;place-items:center;font-size:18px;font-weight:900;color:#71e5a8;margin-bottom:11px}.account-user strong{display:block}.account-user small{color:var(--muted)}.account-nav{display:grid;gap:5px}.account-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:#9eabba;text-decoration:none;font-weight:700;font-size:13px}.account-nav a:hover,.account-nav a.active{background:#1a2733;color:#edf4f9}.nav-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.account-nav a:nth-child(1) .nav-icon{color:#5fb4ff;background:#183049}.account-nav a:nth-child(2) .nav-icon{color:#b094ff;background:#2e2947}.account-nav a:nth-child(3) .nav-icon{color:#55dda0;background:#163930}.account-nav a:nth-child(4) .nav-icon{color:#efc765;background:#3b3120}.account-nav a:nth-child(5) .nav-icon{color:#e77c87;background:#3e2429}.account-main-card{padding:25px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-title h1{margin:0;font-size:25px}.page-title p{margin:4px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:#101821;border:1px solid #273543;border-radius:14px;padding:16px}.stat small{display:block;color:#8696a6;margin-bottom:7px}.stat strong{font-size:21px}.stat.member strong{color:#65dea1}.section{background:#101821;border:1px solid #273543;border-radius:14px;padding:18px;margin-top:16px}.section h3{margin:0 0 13px;font-size:15px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 10px;border-bottom:1px solid #24313e;font-size:13px}.table th{color:#77899a;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.badge.green{background:#17372c;color:#61d99d}.badge.amber{background:#3b301d;color:#ecc567}.badge.red{background:#3b2328;color:#f38c95}.badge.blue{background:#17324b;color:#71b8f5}.empty{padding:28px 12px;text-align:center;color:#718294}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-actions{margin-top:16px;display:flex;justify-content:flex-end}.btn-small{min-height:40px}.toast{position:fixed;right:22px;top:22px;z-index:9999;min-width:280px;max-width:380px;padding:13px 15px;border-radius:13px;background:#17222d;border:1px solid #304153;box-shadow:0 18px 45px #0008;display:flex;gap:10px;align-items:flex-start}.toast.success{border-color:#286b4b}.toast.error{border-color:#7d3940}.toast.hidden{display:none}@media(max-width:860px){.auth-wrap{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{padding:34px 26px}.account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.stats{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}}@media(max-width:520px){.auth-shell{padding:0}.auth-wrap{border-radius:0;min-height:100vh}.auth-panel{padding:28px 20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats{grid-template-columns:1fr}.account-layout{width:min(100% - 20px,1240px)}.page-title{display:block}}