:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#07101f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#07101f;width:100%;min-width:320px;min-height:100%;margin:0;overflow-x:hidden}body{background:#07101f;width:100%;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.app-shell{--sidebar-width:260px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:#07101f;align-items:stretch;width:100%;min-height:100vh;display:grid;overflow-x:hidden}.sidebar-area{z-index:1000;width:var(--sidebar-width);min-width:var(--sidebar-width);min-height:100vh;position:relative;overflow:visible}.main-area{background:radial-gradient(circle at 100% 0,#2563eb14,#0000 28%),#07101f;width:100%;min-width:0;min-height:100vh;overflow-x:hidden}.page-content{width:100%;min-width:0}.sidebar{z-index:1000;scrollbar-width:thin;scrollbar-color:#94a3b840 transparent;background:linear-gradient(#080f23fc,#0f172afc);border-right:1px solid #94a3b824;flex-direction:column;width:100%;min-width:0;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:10px 0 35px #0003}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:999px}.brand{align-items:center;gap:12px;margin-bottom:28px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border:1px solid #38bdf833;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:flex;overflow:hidden;box-shadow:0 8px 20px #0ea5e940}.brand strong,.brand span,.profile strong,.profile span{display:block}.brand strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:15px;font-weight:900;overflow:hidden}.brand span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin-top:3px;font-size:11px;overflow:hidden}.menu{flex-direction:column;flex:1;gap:6px;display:flex}.menu button{color:#94a3b8;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:43px;padding:11px 13px;font-size:14px;font-weight:700;transition:background .18s,color .18s,border-color .18s,transform .18s;display:flex}.menu button:hover{color:#fff;background:#2563eb24;border-color:#3b82f62e}.menu button.active{color:#fff;background:linear-gradient(135deg,#2563eb57,#0ea5e93d);border-color:#38bdf82e;box-shadow:0 8px 24px #2563eb29}.menu button svg{pointer-events:none;flex-shrink:0}.menu button span{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;min-width:0;overflow:hidden}.profile{border-top:1px solid #94a3b821;align-items:center;gap:11px;margin-top:22px;padding:14px 10px 4px;display:flex}.avatar{color:#7dd3fc;background:#38bdf824;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:flex}.profile strong{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;max-width:165px;font-size:13px;font-weight:800;overflow:hidden}.profile span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:165px;margin-top:3px;font-size:11px;overflow:hidden}.topbar{z-index:500;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07101fe6;border-bottom:1px solid #94a3b817;justify-content:space-between;align-items:center;gap:22px;width:100%;min-width:0;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.search{color:#71829a;background:#0d192c;border:1px solid #94a3b821;border-radius:12px;align-items:center;gap:10px;width:min(520px,55vw);min-width:0;height:42px;padding:0 14px;display:flex}.search input{color:#f8fafc;background:0 0;border:0;outline:0;flex:1;min-width:0}.search input::placeholder{color:#62728a}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.icon-btn{color:#9aabc0;background:#0d192c;border:1px solid #94a3b821;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.icon-btn:hover{color:#fff;border-color:#60a5fa59}.icon-btn.danger:hover{color:#fca5a5;border-color:#f871714d}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;border-radius:12px;min-height:42px;padding:0 17px;font-weight:800}.secondary-btn{color:#cbd5e1;background:#0d192c;border:1px solid #94a3b829;border-radius:12px;min-height:42px;padding:0 17px}.action-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.dashboard{width:100%;max-width:100%;padding:32px clamp(22px,3vw,42px);overflow-x:hidden}.page-title-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-title{min-width:0}.page-title h1{letter-spacing:-.04em;margin:7px 0 6px;font-size:38px}.page-title p{color:#8190a5;margin:0}.eyebrow{color:#60a5fa;letter-spacing:.16em;font-size:11px;font-weight:800;display:inline-block}.metrics-grid,.client-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.client-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.panel{background:#0d192cd6;border:1px solid #94a3b81a;border-radius:18px;min-width:0;box-shadow:0 18px 50px #00000029}.metric-card{padding:20px}.compact-card{padding:18px}.metric-head{justify-content:space-between;gap:16px;display:flex}.metric-card span{color:#8190a5;font-size:12px;display:block}.metric-card strong{letter-spacing:-.035em;margin-top:10px;font-size:25px;display:block}.metric-card p{color:#66768d;margin:16px 0 0;font-size:11px}.metric-icon{color:#93c5fd;background:#2563eb1f;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.panel{padding:22px}.panel-title,.clients-toolbar{color:#91a0b5;justify-content:space-between;align-items:center;gap:18px;display:flex}.panel-title h2,.clients-toolbar h2{color:#f8fafc;margin:6px 0 0;font-size:18px}.empty-state{text-align:center;color:#5f7088;align-content:center;place-items:center;min-height:270px;display:grid}.empty-state h3{color:#d6deea;margin:14px 0 6px;font-size:15px}.empty-state p{margin:0;font-size:12px}.clients-panel{margin-top:18px}.table-search{background:#0d192c;border:1px solid #94a3b821;border-radius:11px;align-items:center;gap:9px;width:min(390px,45vw);min-width:0;height:40px;padding:0 13px;display:flex}.table-search input{color:#f8fafc;background:0 0;border:0;outline:0;flex:1;min-width:0}.table-wrap{width:100%;max-width:100%;margin-top:18px;overflow-x:auto}.clients-table{border-collapse:collapse;width:100%}.clients-table th,.clients-table td{text-align:left;border-bottom:1px solid #94a3b814;padding:15px 14px}.clients-table th{color:#71829a;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.clients-table td{color:#cbd5e1;font-size:13px}.clients-table td strong,.clients-table td span{display:block}.clients-table td span{color:#71829a;margin-top:4px;font-size:11px}.status-badge{color:#bfdbfe;background:#2563eb1f;border-radius:999px;width:fit-content;margin-top:0;padding:6px 9px;display:inline-block}.row-actions{gap:8px;display:flex}.client-empty{min-height:310px}.field{display:block}.field.full{grid-column:1/-1}.field span{color:#cbd5e1;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.field input,.field select,.field textarea{color:#f8fafc;background:#0d192c;border:1px solid #94a3b824;border-radius:11px;outline:0;width:100%}.field input,.field select{height:44px;padding:0 13px}.field textarea{resize:vertical;padding:12px 13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.modal-backdrop{z-index:20000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#0a1527;border:1px solid #94a3b824;border-radius:20px;width:min(760px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 30px 100px #00000080}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-header h2{margin:7px 0 0}.client-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width<=1100px){.app-shell{--sidebar-width:88px}.sidebar{padding:22px 12px}.brand{justify-content:center;padding-left:0;padding-right:0}.brand>div:last-child,.menu button span,.profile>div:last-child{display:none}.menu button,.profile{justify-content:center;padding-left:0;padding-right:0}.metrics-grid,.client-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.topbar{padding:0 22px}.dashboard{padding:28px 24px}}@media (width<=720px){.app-shell{--sidebar-width:74px}.sidebar{padding:16px 9px}.brand{margin-bottom:20px}.brand-mark{width:40px;height:40px}.menu{gap:4px}.menu button{border-radius:10px;justify-content:center;min-height:42px;padding:0}.profile{justify-content:center}.topbar{gap:10px;height:66px;padding:0 14px}.search{width:100%}.topbar .primary-btn{display:none}.dashboard{padding:22px 14px}.metrics-grid,.content-grid,.client-summary{grid-template-columns:1fr}.page-title-row,.clients-toolbar{flex-direction:column;align-items:stretch}.table-search{width:100%}.client-form{grid-template-columns:1fr}.field.full{grid-column:auto}.page-title h1{font-size:30px}.panel{padding:18px}.modal-backdrop{padding:12px}.modal-card{border-radius:16px;max-height:96vh;padding:18px}.modal-header{gap:12px}}@media (width<=430px){.app-shell{--sidebar-width:68px}.sidebar{padding:14px 7px}.brand-mark{width:38px;height:38px}.menu button{min-height:40px}.topbar{padding:0 10px}.dashboard{padding:18px 10px}.page-title h1{font-size:27px}}