@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f4f5;background:#0d0d0f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0d0d0f}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#111113;border-right:1px solid #29292d;padding:27px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#f04444,#9e1018);display:grid;place-items:center;font:800 17px Manrope;color:#fff;box-shadow:0 7px 20px #e11d2e35}.brand b{display:block;font:800 15px Manrope;letter-spacing:1.1px}.brand small{display:block;color:#85858c;font-size:8px;letter-spacing:1.1px;margin-top:4px}.company-tag{font-size:9px;letter-spacing:1.2px;color:#77777e;margin:40px 9px 13px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#e33c45;box-shadow:0 0 9px #e33c45}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#a5a5ac;padding:12px;border-radius:9px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;font-weight:600}.nav-item:hover,.nav-item.active{background:#292023;color:#fff}.nav-item.active svg{color:#f0444e}.nav-count{margin-left:auto;background:#3b2428;color:#ff9ca2;border-radius:20px;padding:2px 8px;font-size:10px}.sidebar-bottom{margin-top:auto}.secure{display:flex;gap:10px;align-items:center;border:1px solid #2b2b30;border-radius:10px;padding:12px;color:#9999a0;font-size:10px;margin-bottom:12px}.secure svg{color:#e74b54}.secure b{color:#e6e6e8;font-size:10px}.main{margin-left:258px;min-height:100vh}.topbar{height:72px;border-bottom:1px solid #242428;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#101012}.breadcrumb{display:flex;align-items:center;gap:9px;color:#77777e;font-size:12px}.breadcrumb b{color:#ededee}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{border:0;background:transparent;color:#a3a3aa;padding:6px;display:grid;place-items:center}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#342126;color:#ff9da4;font-size:11px;font-weight:800}.content{max-width:1420px;margin:auto;padding:39px 42px 25px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#e64b54;font-weight:800;margin:0 0 10px}.welcome-row h1,.login-card h1{font:800 29px Manrope;margin:0 0 7px;letter-spacing:-.8px}.muted{color:#85858d;font-size:12px;margin:0;line-height:1.6}.date-pill,.count-pill{border:1px solid #303035;border-radius:30px;padding:8px 12px;color:#a5a5ac;font-size:10px;display:flex;align-items:center;gap:7px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card,.panel{background:#151518;border:1px solid #29292e;border-radius:13px}.stat-card{padding:18px 19px;min-height:145px}.stat-icon{width:34px;height:34px;border-radius:9px;background:#24242a;color:#c4c4ca;display:grid;place-items:center;margin-bottom:14px}.stat-icon svg{width:17px}.stat-icon.red{background:#3b2025;color:#fa7279}.stat-card>span{display:block;font-size:9px;letter-spacing:1.1px;color:#888890;font-weight:700}.stat-card strong{display:block;font:800 25px Manrope;margin:5px 0 1px}.stat-card small{color:#777780;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.panel{padding:21px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.panel h2{font:700 15px Manrope;margin:0 0 5px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-item{background:#1b1b20;border:1px solid #2c2c32;border-radius:10px;padding:14px 12px;display:flex;align-items:center;gap:11px;color:#eee;text-align:left}.quick-item:hover{border-color:#a83a42;background:#211b1e}.quick-icon{width:34px;height:34px;border-radius:9px;background:#352126;color:#f16a72;display:grid;place-items:center}.quick-icon svg{width:17px}.quick-item b,.quick-item small{display:block}.quick-item b{font-size:11px}.quick-item small{font-size:9px;color:#85858c;margin-top:4px}.quick-item>svg{margin-left:auto;color:#777}.highlight{background:linear-gradient(145deg,#291a1d,#171719 65%);position:relative;overflow:hidden}.highlight-top{display:flex;align-items:center;gap:10px;color:#b3a1a3;font-size:9px;letter-spacing:1.4px}.lion-mark{width:37px;height:37px;border:1px solid #a9434a;border-radius:11px;display:grid;place-items:center;color:#ff7d83;font:800 14px Manrope}.highlight h2{font:800 19px Manrope;margin:20px 0 8px}.highlight p{font-size:11px;color:#aaa0a2;max-width:240px;line-height:1.6}.highlight-line{height:1px;background:#583137;margin:20px 0 12px}.highlight small{font-size:8px;letter-spacing:1.5px;color:#d17b80}.tip{display:flex;align-items:center;gap:10px;background:#17191a;border:1px solid #2d3530;border-radius:9px;padding:13px 15px;margin-top:16px;color:#aeb7b0;font-size:10px}.tip svg{color:#7fc18f;flex-shrink:0}.tip svg:last-child{margin-left:auto;color:#8b9690}.content footer{border-top:1px solid #242428;margin-top:33px;padding-top:17px;color:#77777e;font-size:8px;letter-spacing:1.3px}.content footer span{color:#d84a52;padding:0 5px}.footer-right{float:right;color:#626269!important}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#321b20,#0d0d0f 55%)}.login-card{width:min(100%,440px);background:#151518;border:1px solid #333037;border-radius:18px;padding:34px;box-shadow:0 25px 90px #0008}.login-card .brand{margin-bottom:35px}.login-card h1{font-size:24px;margin-bottom:8px}.login-card>.muted{margin-bottom:24px}.stack{display:grid;gap:15px;margin-top:23px}.stack label,.client-form label{display:grid;gap:7px;color:#c5c5ca;font-size:11px;font-weight:600}.stack input,.client-form input{background:#0f0f11;border:1px solid #35353b;border-radius:8px;color:#fff;padding:12px 13px;outline:none;font-size:12px}.stack input:focus,.client-form input:focus{border-color:#d74a53}.primary{border:0;border-radius:8px;background:#d72f3a;color:#fff;font-weight:700;font-size:11px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:7px}.primary:hover{background:#ed3e49}.primary:disabled{opacity:.6}.wide{width:100%;margin-top:5px}.tiny{font-size:9px;color:#73737b;margin-top:20px}.notice{color:#ff9ca2;font-size:11px;margin-top:14px}.setup-step{display:flex;gap:13px;align-items:flex-start;padding:13px;background:#1c1c20;border:1px solid #303036;border-radius:10px;margin-top:10px}.setup-step>span{width:23px;height:23px;border-radius:50%;background:#492329;color:#ff9ca2;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}.setup-step b{font-size:11px}.setup-step p{font-size:10px;color:#888;margin:4px 0 0}.client-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:1px;color:#77777e;padding:12px;border-bottom:1px solid #303036}td{font-size:11px;color:#b9b9c0;padding:14px 12px;border-bottom:1px solid #26262b}td b{color:#eee}.empty{display:grid;justify-items:center;gap:8px;padding:35px;color:#77777e;font-size:11px}.empty svg{color:#55555d}.notice-bar{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:8px;background:#302024;color:#ffb0b5;font-size:11px;margin-bottom:15px}.notice-bar button{margin-left:auto;background:none;border:0;color:inherit}.coming{min-height:270px;display:grid;justify-items:center;align-content:center;text-align:center;gap:12px}.coming p{max-width:390px}.coming-icon{width:48px;height:48px;border-radius:13px;background:#352126;color:#f16a72;display:grid;place-items:center}.secondary{background:#26262b;border:1px solid #3a3a40;color:#eee;border-radius:8px;padding:10px 15px;font-size:11px}.mobile-scrim,.menu-btn,.close-menu{display:none}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.client-form{grid-template-columns:1fr 1fr}.client-form button{min-height:40px}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s ease;width:275px}.sidebar.open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:4}.close-menu{display:grid}.side-top{display:flex;align-items:center;justify-content:space-between}.main{margin-left:0}.topbar{height:62px;padding:0 17px}.menu-btn{display:grid}.breadcrumb{margin-right:auto;margin-left:12px}.content{padding:27px 17px}.welcome-row{align-items:flex-start;gap:10px;flex-direction:column}.welcome-row h1{font-size:25px}.date-pill{display:none}.stats-grid{gap:9px}.stat-card{padding:14px;min-height:132px}.stat-card strong{font-size:22px}.quick-grid{grid-template-columns:1fr}.panel{padding:16px}.client-form{grid-template-columns:1fr}.login-card{padding:25px}.content footer{line-height:2}.footer-right{float:none;display:block}.top-actions{gap:10px}}
