*{box-sizing:border-box}html,body{color:#10283d;background:#f3f6f9;min-height:100%;margin:0;font-family:Tahoma,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-shell{background:radial-gradient(circle at 17% 20%,#096991 0,#0000 28%),linear-gradient(145deg,#061827,#092f49 60%,#061827);place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{text-align:center;background:#fff;border-radius:30px;width:min(550px,100%);padding:38px 44px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00101f99}.login-card:before{content:"";background:linear-gradient(90deg,#08a7dd,#153f8d);height:5px;position:absolute;inset:0 0 auto}.demo-pill{color:#0879a4;background:#e7f7fd;border:1px solid #b9e6f5;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-block}.login-logo{object-fit:contain;width:220px;height:145px;margin:2px auto;display:block}.login-card h1{margin:0 0 12px;font-size:29px}.login-card>p{color:#617789;margin:0;line-height:1.9}.feature-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin:23px 0;display:flex}.feature-strip span{color:#4c6576;background:#f2f6f8;border-radius:9px;padding:8px 11px;font-size:11px}.primary{color:#fff;background:linear-gradient(135deg,#078fc4,#07567f);border:0;border-radius:12px;width:100%;padding:15px 24px;font-weight:700;box-shadow:0 10px 25px #0e83b438}.primary b{margin-right:9px;font-size:19px}.login-card small{color:#8797a4;margin-top:16px;line-height:1.7;display:block}.app-shell{min-height:100vh;display:flex}aside{color:#fff;z-index:5;background:linear-gradient(#071f35,#06172a);flex-direction:column;width:258px;padding:18px 13px;display:flex;position:fixed;top:0;bottom:0;right:0}.brand{border-bottom:1px solid #ffffff15;align-items:center;gap:10px;padding:0 4px 13px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:13px;width:58px;height:58px}.brand b{letter-spacing:1px;font-size:17px;display:block}.brand span{color:#73c5e4;font-size:8px}.trial{color:#b9ebfb;background:#0a4564;border-radius:9px;justify-content:space-between;margin:13px 3px 8px;padding:9px 11px;font-size:11px;display:flex}.trial b{color:#f1bd4a}nav{flex-direction:column;gap:2px;padding-left:2px;display:flex;overflow:auto}nav button{color:#b9c8d4;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:8px 10px;display:flex}nav button i{text-align:center;color:#73bedd;width:21px;font-size:17px;font-style:normal}nav button span b,nav button span small{display:block}nav button span b{font-size:12px}nav button span small{color:#7892a4;margin-top:2px;font-size:8px}nav button.active{color:#fff;background:linear-gradient(90deg,#0f739b55,#c6962c38);border-right:3px solid #d9a638}.profile{border-top:1px solid #ffffff17;align-items:center;gap:10px;margin-top:auto;padding:13px 5px 0;display:flex}.profile>span{color:#10283d;background:#c9982f;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{color:#8fa5b5;margin-top:3px;font-size:9px}.workspace{width:calc(100% - 258px);margin-right:258px}header{z-index:4;background:#fff;border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;height:72px;padding:0 26px;display:flex;position:sticky;top:0}.search{background:#f2f5f7;border-radius:11px;align-items:center;gap:10px;width:min(520px,58%);padding:10px 15px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%}.header-actions{align-items:center;gap:8px;display:flex}.header-actions .safe{color:#188363;background:#e8f7f1;border-radius:10px;padding:8px 10px;font-size:10px}.header-actions button{color:#173a53;background:#fff;border:1px solid #dbe4ea;border-radius:10px;width:39px;height:39px;position:relative}.header-actions em{color:#fff;background:#e84d58;border-radius:10px;padding:1px 5px;font-size:9px;position:absolute;top:-5px;left:-4px}.content{padding:27px}.welcome{justify-content:space-between;align-items:end;margin-bottom:23px;display:flex}.welcome h1{margin:6px 0;font-size:27px}.welcome p,.panel-head p{color:#768895;margin:0;font-size:12px}.eyebrow{color:#1688bb;font-size:12px;font-weight:700}.primary.small{width:auto;padding:11px 17px}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px;display:grid}.stats article{cursor:pointer;background:#fff;border:1px solid #e1e8ed;border-radius:16px;align-items:center;gap:14px;padding:18px;transition:all .2s;display:flex;box-shadow:0 5px 18px #16364d0a}.stats article:hover{transform:translateY(-3px);box-shadow:0 10px 25px #16364d16}.stats article>span{border-radius:13px;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.stats .gold{color:#b27d13;background:#fbf4e2}.stats .blue{color:#258bb5;background:#e9f5fa}.stats .green{color:#2d9970;background:#e8f7f0}.stats .violet{color:#7761b8;background:#f1edfb}.stats small,.stats b,.stats em{display:block}.stats small{color:#748694}.stats b{margin:3px 0;font-size:25px}.stats em{color:#94a1aa;font-size:9px;font-style:normal}.hero-demo{color:#fff;background:linear-gradient(120deg,#071f35,#0b4261);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:24px 27px;display:flex}.hero-demo span{color:#e5b958;font-size:10px}.hero-demo h2{margin:7px 0;font-size:22px}.hero-demo p{color:#9eb8ca;margin:0;font-size:11px}.hero-flow{align-items:center;gap:7px;display:flex}.hero-flow button{color:#fff;background:#ffffff0d;border:1px solid #ffffff2c;border-radius:10px;padding:10px 13px}.hero-flow button:hover{background:#0d83ae}.hero-flow i{color:#e5b958}.panel{background:#fff;border:1px solid #e0e7ec;border-radius:17px;box-shadow:0 6px 22px #16364d09}.panel-head{border-bottom:1px solid #e8edf1;justify-content:space-between;align-items:center;padding:18px 21px;display:flex}.panel-head h2{margin:0 0 5px;font-size:19px}.filters{background:#f3f6f8;border-radius:9px;gap:4px;padding:4px;display:flex}.filters button{color:#718391;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:10px}.filters .selected{color:#0b6f99;background:#fff;box-shadow:0 2px 7px #173a5318}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:right;border-bottom:1px solid #edf1f4;padding:14px 17px;font-size:12px}th{color:#71818f;background:#fbfcfd;font-size:10px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#f3f9fc}td b,td small{display:block}td small{color:#9aa7b0;margin-top:4px;font-size:9px}.status{color:#21855f;background:#e8f6ef;border-radius:12px;padding:6px 10px;font-size:10px;display:inline-block}.status.urgent{color:#bf3f49;background:#fdecec}.empty{text-align:center;color:#8495a2;padding:45px}.module-kpis{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px;display:grid}.module-kpis article{background:#fff;border:1px solid #e0e7ec;border-radius:14px;padding:17px}.module-kpis b,.module-kpis span{display:block}.module-kpis b{color:#0b719a;font-size:25px}.module-kpis span{color:#748694;margin-top:4px;font-size:10px}.bottom-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.compact{padding:17px 20px}.compact h3{margin:0 0 9px}.compact ul{margin:0;padding:0;list-style:none}.compact li{color:#536a7b;border-bottom:1px solid #edf1f4;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.compact li b{color:#0b739d}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title button{color:#0a7da8;background:0 0;border:0;font-size:10px}.overlay{z-index:20;background:#061827b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:21px;width:min(610px,100%);padding:29px;position:relative;box-shadow:0 30px 90px #00101f80}.modal h2{margin:7px 0 21px}.close{color:#6b7a87;background:#eef2f5;border:0;border-radius:9px;width:37px;height:37px;font-size:22px;position:absolute;top:16px;left:18px}.modal label{color:#506574;flex-direction:column;gap:7px;margin-bottom:13px;font-size:11px;font-weight:700;display:flex}.modal input{border:1px solid #d7e0e6;border-radius:10px;outline:none;padding:12px}.privacy{color:#778a97;background:#f3f7f9;border-radius:8px;padding:10px;font-size:10px}.detail-id{color:#0b789f;background:#edf7fb;border-radius:8px;padding:6px 10px;font-size:11px;display:inline-block}.detail dl{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;display:grid}.detail dl div{border:1px solid #e3e9ed;border-radius:10px;padding:12px}.detail dt{color:#7b8e9c;margin-bottom:7px;font-size:9px}.detail dd{margin:0;font-size:12px;font-weight:700}.detail-actions{gap:9px;display:flex}.detail-actions button{color:#0d6e94;background:#eef8fb;border:1px solid #0d7ba4;border-radius:9px;flex:1;padding:11px}.toast{color:#fff;z-index:30;background:#123d35;border-radius:11px;padding:13px 18px;font-size:11px;position:fixed;bottom:25px;left:25px;box-shadow:0 9px 30px #0003}.report-grid{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px;display:grid}.chart{min-height:330px}.trend{color:#208b67;background:#e8f7f0;border-radius:9px;padding:7px 10px}.bars{align-items:end;gap:20px;height:235px;padding:28px 30px 20px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bars span{background:linear-gradient(#17a4d4,#09698e);border-radius:8px 8px 3px 3px;width:100%;max-width:42px;display:block}.bars small{color:#758897;font-size:9px}.donut{background:conic-gradient(#0c8ebd 0 42%,#d7a63d 42% 75%,#785fb6 75%);border-radius:50%;place-items:center;width:145px;height:145px;margin:20px auto;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:91px;height:91px;position:absolute}.donut div{text-align:center;position:relative}.donut b,.donut small{display:block}.donut b{font-size:25px}.donut small{color:#82909a;font-size:9px}.legend i{border-radius:3px;width:8px;height:8px;margin-left:7px;display:inline-block}.legend .c1{background:#0c8ebd}.legend .c2{background:#d7a63d}.legend .c3{background:#785fb6}@media (width<=1050px){.stats{grid-template-columns:1fr 1fr}.hero-demo{flex-direction:column;align-items:flex-start;gap:20px}.report-grid{grid-template-columns:1fr}}@media (width<=760px){aside{width:74px;padding:14px 8px}.brand div,.trial,.profile div,nav button span{display:none}.brand img{width:48px}.workspace{width:calc(100% - 74px);margin-right:74px}nav button{justify-content:center;padding:10px}.content{padding:17px}.stats{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}.welcome{align-items:start;gap:17px}.welcome h1{font-size:22px}.primary.small{font-size:10px}.panel-head{flex-direction:column;align-items:start;gap:11px}.header-actions .safe{display:none}.module-kpis{grid-template-columns:1fr}.hero-flow{flex-wrap:wrap}.detail dl{grid-template-columns:1fr}}@media (width<=480px){.stats{grid-template-columns:1fr}.welcome{flex-direction:column}.search{width:70%}.login-card{padding:27px 21px}.login-card h1{font-size:24px}}.appeal-card{background:linear-gradient(110deg,#fffbf1,#f7f0df);border:1px solid #e8cc91;border-radius:18px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:16px;padding:20px 24px;display:flex}.appeal-card span{color:#b47a16;font-size:10px;font-weight:700}.appeal-card h2{margin:6px 0;font-size:19px}.appeal-card p{color:#778696;margin:0;font-size:10px}.appeal-action{align-items:center;gap:10px;display:flex}.appeal-action b{color:#f2c45d;background:#082641;border-radius:12px;place-items:center;width:48px;height:48px;font-size:21px;display:grid}.appeal-action button{color:#fff;background:#c89226;border:0;border-radius:10px;padding:12px 16px;font-weight:700}@media (width<=650px){.appeal-card{flex-direction:column;align-items:flex-start}.appeal-action{justify-content:flex-end;width:100%}}