@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Spline+Sans+Mono:wght@400;500&display=swap";:root{--paper:#f4f3ee;--paper-2:#e9e7e0;--surface:#fff;--dash-bg:#fbfbf8;--ink:#16201b;--ink-soft:#6e7a72;--muted:#8a948c;--muted-2:#a6ada6;--muted-3:#aab1a8;--faint:#b7bcb2;--border:#edebe3;--border-2:#efede6;--border-3:#e4e2da;--border-4:#f0eee6;--border-5:#f5f4ef;--green:#1e9e5a;--green-dark:#16824a;--green-deep:#15794a;--green-tint:#e7f5ec;--green-tint-2:#cfe9d6;--green-chip-bg:#eff6f0;--green-soft-text:#4e8a66;--amber:#f5a623;--amber-chip-bg:#fdf3e0;--amber-text:#b0842a;--red:#d66a55;--red-deep:#c0503a;--red-chip-bg:#fceeeb;--red-border:#f0d9d3;--blue-tint:#eaf0f7;--blue-tint-2:#d8e4f1;--blue-text:#6e86a8;--blue-deep:#516a8c;--blue-chip-bg:#eef2f7;--purple-tint:#f1e7f6;--purple-tint-2:#e3d0ee;--purple-text:#8a6ea8;--brown-tint:#fbe9e6;--brown-tint-2:#f6d5ce;--brown-text:#a9736a;--brown-text-2:#b5766a;--chip-bg:#f1f0eb;--chip-bg-2:#f5f5f1;--font-sans:"Manrope", system-ui, sans-serif;--font-mono:"Spline Sans Mono", monospace;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--shadow-card:0 1px 2px #14281e09;--shadow-pop:0 12px 30px #14281e24}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper-2);font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font-family:inherit}button{cursor:pointer}a{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-3);border-radius:8px}.no-scroll::-webkit-scrollbar{display:none}.no-scroll{scrollbar-width:none}.icon{vertical-align:middle;width:20px;height:20px;display:inline-block}.btn{border-radius:var(--radius-md);font:700 13px var(--font-sans);border:0;justify-content:center;align-items:center;gap:7px;padding:11px 17px;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{opacity:.92}.btn-secondary{border:1px solid var(--border-3);color:#2a362f;background:#fff}.btn-secondary:hover{background:#fafaf7}.btn-danger-outline{border:1px solid var(--red-border);color:var(--red-deep);background:#fff}.btn-block{width:100%}.btn-lg{border-radius:var(--radius-md);padding:15px;font-size:15px}.iconbtn{border:1px solid var(--border-2);color:#67736b;background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card{border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff}.chip{font:700 11px var(--font-sans);border-radius:16px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.chip-green{background:var(--green-chip-bg);color:var(--green-deep)}.chip-amber{background:var(--amber-chip-bg);color:var(--amber-text)}.chip-red{background:var(--red-chip-bg);color:var(--red-deep)}.chip-neutral{background:var(--chip-bg);color:var(--muted)}.chip-blue{background:var(--blue-chip-bg);color:var(--blue-deep)}.kv{font:800 27px var(--font-sans);letter-spacing:-.02em;color:var(--ink)}.kl{font:600 12px var(--font-sans);color:var(--muted)}.up{font:700 11px var(--font-sans);color:var(--green-deep)}.dn{font:700 11px var(--font-sans);color:var(--red-deep)}.avatar{background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;width:40px;height:40px;font:800 13px var(--font-sans);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.srch{border:1px solid var(--border-2);font:500 12.5px var(--font-sans);color:#9ba298;background:#f5f5f1;border-radius:11px;align-items:center;gap:9px;min-width:180px;padding:9px 13px;display:flex}.srch input{font:500 12.5px var(--font-sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.srch input::placeholder{color:#9ba298}.dsh{min-height:100vh;font-family:var(--font-sans);background:var(--dash-bg);color:var(--ink);display:flex}.side{border-right:1px solid var(--border-2);background:#fff;flex-direction:column;flex:none;width:242px;height:100vh;padding:22px 15px;display:flex;position:sticky;top:0;overflow-y:auto}.sbrand{font:800 18px var(--font-sans);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:9px;padding:2px 8px 18px;display:flex}.sbrand .tag{font:700 10px var(--font-sans);color:var(--green-deep);background:var(--green-chip-bg);border-radius:7px;padding:2px 7px}.slbl{font:700 10px var(--font-sans);letter-spacing:.1em;color:var(--faint);padding:15px 10px 8px}.ni{font:600 13px var(--font-sans);color:#67736b;border-radius:11px;align-items:center;gap:11px;margin-bottom:1px;padding:9px 11px;text-decoration:none;display:flex}.ni svg{color:#aab1a8;flex:none;width:18px;height:18px}.ni:hover{background:#f7f7f3}.ni-a,.ni.active{background:var(--green-chip-bg);color:var(--green-deep);font-weight:700}.ni-a svg,.ni.active svg{color:var(--green)}.ni-badge{font:700 10px var(--font-sans);background:var(--border-4);color:var(--muted);border-radius:10px;margin-left:auto;padding:2px 7px}.ni-badge-active{background:var(--green);color:#fff}.side-account{border:1px solid var(--border-2);background:#f7f7f3;border-radius:14px;align-items:center;gap:11px;margin-top:auto;padding:11px 12px;display:flex}.top{border-bottom:1px solid var(--border-2);z-index:5;background:#fff;flex:none;justify-content:space-between;align-items:center;padding:18px 30px;display:flex;position:sticky;top:0}.top-title{font:800 21px var(--font-sans);letter-spacing:-.02em;color:var(--ink)}.top-sub{font:600 12.5px var(--font-sans);color:var(--muted);margin-top:1px}.top-actions{align-items:center;gap:11px;display:flex}.dash-main{flex:1;min-width:0;padding:26px 30px;overflow:auto}.dash-body{flex-direction:column;flex:1;min-width:0;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.kpi-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font:700 10px var(--font-sans);letter-spacing:.06em;color:var(--faint);border-top:1px solid var(--border-4);background:#fafaf7;padding:11px 20px}.data-table td{border-top:1px solid var(--border-5);font:600 12.5px var(--font-sans);color:var(--ink);vertical-align:middle;padding:14px 20px}.app-shell{background:var(--paper);flex-direction:column;max-width:460px;min-height:100vh;margin:0 auto;display:flex;position:relative}.app-statusbar{font:700 12px var(--font-sans);flex:none;justify-content:space-between;align-items:center;padding:13px 24px 4px;display:flex}.app-content{flex-direction:column;flex:1;min-height:0;padding-bottom:90px;display:flex;overflow-y:auto}.app-bottomnav{border-top:1px solid var(--border);z-index:30;background:#fff;justify-content:space-around;align-items:center;width:100%;max-width:460px;padding:11px 12px 22px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bn-item{font:600 9px var(--font-sans);color:var(--muted-2);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;text-decoration:none;display:flex}.bn-item.active{color:var(--green);font-weight:700}@media (width>=900px){.app-shell{border-radius:28px;min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 30px 60px -20px #14281e40}.app-bottomnav{position:absolute}}