@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--bg:#0b1015;--panel:#111820;--line:#26313c;--text:#f4f0e9;--muted:#9aa6b2;--wine:#7b1834;--gold:#d7b56d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;background:radial-gradient(ellipse at 75% 20%,#3a2024 0%,#10151b 45%,#090d11 100%);display:grid;place-items:center;padding:28px}.login-shell{width:min(1120px,100%);min-height:650px;display:grid;grid-template-columns:430px 1fr;border:1px solid #30333a;border-radius:24px;overflow:hidden;background:#0e1318;box-shadow:0 28px 90px #0009}.login-panel{padding:46px 42px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(155deg,#151a20,#0c1014 80%)}.brand{display:flex;align-items:center;gap:13px;margin-bottom:54px}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#9b2848,#4c1025);color:#f0cf85;font-size:24px;border:1px solid #b05268}.brand strong{display:block;font-family:'Playfair Display',serif;font-size:25px}.brand small{display:block;color:#9ba2aa;font-size:8px;letter-spacing:2.4px;margin-top:4px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--gold);font-weight:700}.login-copy h1{font-size:34px;margin:12px 0 7px}.login-copy p,.welcome-card p{color:var(--muted);line-height:1.7}.login-copy{margin-bottom:26px}form label{display:block;color:#c5cbd1;font-size:12px;margin:17px 0 8px}input{width:100%;border:1px solid #303b46;background:#111820;color:#f4f0e9;padding:13px 14px;border-radius:10px;font:inherit;outline:none}input:focus{border-color:#a44760;box-shadow:0 0 0 3px #7b183426}.btn{border:0;border-radius:10px;padding:14px 17px;font:600 14px 'DM Sans',sans-serif;cursor:pointer}.btn-primary{margin-top:24px;width:100%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#7b1834,#9b2345);color:#fff}.alert{padding:11px 13px;background:#4a1723;border:1px solid #8a3448;border-radius:9px;color:#ffdbe2}.login-foot{color:#77818c;font-size:11px;margin-top:28px}.hero-panel{position:relative;min-height:650px;overflow:hidden;background:linear-gradient(130deg,#211c1d,#5a2b2c 42%,#17171a)}.hero-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 22%,#e4b66c70,transparent 20%),linear-gradient(120deg,transparent 35%,#100d0c9c),repeating-linear-gradient(110deg,transparent 0 60px,#ffffff05 61px 63px)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#090d12 0%,transparent 55%)}.hero-content{position:absolute;left:10%;top:22%;max-width:390px}.hero-content h2{font:600 clamp(42px,5vw,66px)/1.03 'Playfair Display',serif;margin:22px 0}.hero-content p{color:#d6d1cd;line-height:1.8;max-width:340px}.feature-row{display:flex;gap:25px;margin-top:52px;padding-top:22px;border-top:1px solid #ffffff36;color:var(--gold);font-size:11px}.feature-row b{display:block;color:#eee7df;margin-top:8px;font-size:12px}.hero-footer{position:absolute;bottom:30px;left:10%;font:600 11px 'DM Sans';letter-spacing:2px;color:#e7d1a0}.hero-footer span{display:block;font-size:8px;color:#92939a;margin-top:6px;letter-spacing:2.4px}
.app-page{min-height:100vh;background:#0a0f14}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#0d1319;border-right:1px solid #202a33;padding:24px 16px;display:flex;flex-direction:column;z-index:2}.brand-side{padding:0 7px 28px;border-bottom:1px solid #202a33;margin-bottom:26px}.brand-side strong{font-size:20px}.brand-side .brand-mark{width:38px;height:38px}.nav-label{color:#64717d;font-size:9px;font-weight:700;letter-spacing:2px;padding:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{padding:12px 13px;border-radius:9px;color:#aab4be;display:flex;gap:12px;align-items:center;font-size:13px}.nav-item>span{width:18px;text-align:center;font-size:17px;color:#9da8b4}.nav-item.active{background:linear-gradient(90deg,#68172e,#4b1527);color:#fff;box-shadow:inset 3px 0 #d8a66a}.nav-item.active>span{color:#e5bd7a}.sidebar-bottom{margin-top:auto;border-top:1px solid #202a33;padding:18px 8px 0;display:flex;align-items:center;gap:8px;color:#8995a0;font-size:11px}.status-dot,.live-chip i{width:7px;height:7px;border-radius:50%;background:#52c39a;display:inline-block}.main-area{margin-left:248px;padding:0 30px;max-width:1700px}.topbar{height:94px;border-bottom:1px solid #202a33;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar h1{font-size:24px;margin:6px 0 0}.top-actions{display:flex;align-items:center;gap:22px}.top-date{font-size:11px;color:#8d99a5}.user-pill{display:flex;align-items:center;gap:10px;border-left:1px solid #26313c;padding-left:20px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#38232b;border:1px solid #764050;color:#f0cb87;font-weight:700}.user-pill b,.user-pill small{display:block}.user-pill b{font-size:12px}.user-pill small{font-size:10px;color:#8d99a5;margin-top:4px}.btn-quiet{background:transparent;color:#d1b0b7;border:1px solid #3a2930;padding:9px 12px;border-radius:8px;cursor:pointer}.welcome-card{position:relative;overflow:hidden;margin-top:27px;padding:32px 36px;border:1px solid #4a2934;border-radius:17px;min-height:228px;background:linear-gradient(110deg,#28151d,#21171e 42%,#111920)}.welcome-card h2{font:600 37px/1.15 'Playfair Display',serif;margin:14px 0 10px}.welcome-card h2 span{color:#d9b779}.welcome-card p{max-width:470px;margin:0;font-size:12px}.welcome-orbit{position:absolute;right:15%;top:35px;width:160px;height:160px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #c49c6240;border-radius:50%}.ring-one{inset:0}.ring-two{inset:20px;transform:rotate(42deg);border-color:#9c4b634d}.orbit-core{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;border:1px solid #b88858;background:radial-gradient(circle,#6c243a,#24141b);color:#e7c57d;font:600 25px 'Playfair Display'}.welcome-tag{position:absolute;bottom:18px;right:24px;color:#8c8584;font-size:9px;letter-spacing:1.5px}.welcome-tag b{color:#d4b779;margin-left:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:29px 0 16px}.section-heading h2{font-size:17px;margin:0 0 5px}.section-heading p,.content-card .card-heading p{color:#85919d;font-size:11px;margin:0}.live-chip{font-size:10px;color:#7dbda8;display:flex;align-items:center;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card{background:linear-gradient(145deg,#131c24,#10171e);border:1px solid #26313b;border-radius:13px;padding:17px 18px;min-height:157px}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:19px}.burgundy{background:#541b30;color:#e28ba3}.gold{background:#45351b;color:#e3c276}.green{background:#15372f;color:#74d2b5}.blue{background:#172c45;color:#8ab6f0}.stat-label{font-size:9px;letter-spacing:1.3px;color:#87939f}.stat-card>strong{display:block;font-size:26px;margin-top:13px}.stat-card>strong small{font-size:12px;color:#a6b0ba}.stat-card p{font-size:11px;color:#9ca7b1;margin:4px 0 14px}.stat-bottom{border-top:1px solid #27313a;padding-top:10px;font-size:10px;color:#6f7e8a}.lower-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:17px}.content-card{border:1px solid #25303a;background:#111820;border-radius:14px;padding:21px}.card-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.card-heading h3,.next-card h3{margin:0 0 6px;font-size:15px}.pill{font-size:9px;letter-spacing:1px;color:#d9b779;border:1px solid #604c2d;background:#2d261a;padding:6px 8px;border-radius:6px}.roadmap-item{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #25303a}.roadmap-number{width:31px;height:31px;border-radius:9px;border:1px solid #33404c;display:grid;place-items:center;color:#9aa6b2;font-size:11px}.roadmap-number.done{border-color:#8e354f;background:#471b2b;color:#edb4c3}.roadmap-item b,.roadmap-item small{display:block}.roadmap-item b{font-size:12px}.roadmap-item small{font-size:10px;color:#7f8b96;margin-top:5px}.roadmap-status{margin-left:auto;font-size:10px;color:#d8b46c}.roadmap-status.muted{color:#71808c}.next-card{background:linear-gradient(155deg,#19191c,#111820)}.next-card .eyebrow{font-size:9px}.next-icon{margin:21px 0 15px;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#481b2c;color:#e4b2c0;font-size:24px}.next-card p{font-size:11px;line-height:1.7;color:#98a3ad}.mini-tags{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0 22px}.mini-tags span{font-size:9px;padding:6px 8px;border:1px solid #303b45;border-radius:6px;color:#aeb8c0}.progress-label{display:flex;justify-content:space-between;color:#8c98a3;font-size:10px}.progress-label b{color:#d7b56d}.progress-track{height:5px;background:#27303a;border-radius:99px;margin-top:9px;overflow:hidden}.progress-track span{display:block;width:15%;height:100%;background:linear-gradient(90deg,#781a35,#d4ad6b);border-radius:99px}.app-footer{display:flex;align-items:center;gap:10px;color:#d1b16f;font-size:9px;letter-spacing:1.6px;padding:25px 0 30px;margin-top:8px}.app-footer>span:nth-child(2){color:#6f7d89;font-size:8px}.footer-right{margin-left:auto;color:#697782;font-size:9px;letter-spacing:0}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.top-date{display:none}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.hero-panel{display:none}.login-panel{padding:35px 27px}.brand{margin-bottom:38px}.sidebar{width:70px;padding:20px 9px}.brand-side{justify-content:center;padding:0 0 22px}.brand-side>span:last-child,.nav-label,.nav-item:not(.active){display:none}.brand-side .brand-mark{width:42px}.nav-item.active{font-size:0;justify-content:center;padding:13px 0}.nav-item.active>span{font-size:20px}.sidebar-bottom{justify-content:center}.sidebar-bottom span,.sidebar-bottom small{display:none}.main-area{margin-left:70px;padding:0 15px}.topbar{height:82px}.top-actions{gap:9px}.user-pill{padding-left:9px}.user-pill>span:last-child{display:none}.btn-quiet{font-size:10px;padding:8px}.welcome-card{padding:25px 23px;min-height:220px}.welcome-card h2{font-size:31px}.welcome-orbit{right:-42px;opacity:.45}.stat-grid{gap:9px}.stat-card{padding:13px;min-height:145px}.stat-card>strong{font-size:22px}.content-card{padding:16px}.footer-right{display:none}}@media(max-width:420px){.stat-grid{grid-template-columns:1fr}.section-heading .live-chip{display:none}.topbar h1{font-size:21px}}