@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101828;--muted:#667085;--line:#e6eaf0;--paper:#fff;--bg:#f3f5f9;--nav:#101a2b;--nav2:#172944;--blue:#315efb;--cyan:#12b8a6;--green:#079455;--red:#d92d20;--shadow:0 12px 35px rgba(16,24,40,.055)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.sidebar{width:258px;background:linear-gradient(160deg,#0b1424,#152a49 70%,#10233b);position:fixed;inset:0 auto 0 0;padding:25px 16px;color:#dbe5f6;display:flex;flex-direction:column;z-index:5;overflow-y:auto}.side-brand{display:flex;align-items:center;gap:12px;padding:0 9px 30px;color:white;font-weight:800;letter-spacing:1.5px;font-size:15px}.side-brand b,.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(140deg,#5277ff,#16c4b1);display:grid;place-items:center;color:white;font-size:24px;box-shadow:0 8px 20px #315efb55}.side-brand small{display:block;font-size:9px;color:#91a5c4;letter-spacing:2.4px;margin-top:4px}.nav-label,.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#8b9ab3}.nav-label{padding:0 13px 10px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:3px 0;border-radius:11px;color:#b6c3d8;font-size:12px;font-weight:600;transition:.18s}.nav-link i{font-style:normal;width:20px;text-align:center;font-size:16px;color:#91a9cc}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#315efb35,#16b8a61b);color:white}.nav-link.active{box-shadow:inset 3px 0 #42d7c4}.sidebar-bottom{margin-top:auto}.user-mini{display:flex;gap:10px;align-items:center;border-top:1px solid #2c3d56;padding:18px 7px 12px;font-size:12px;color:#fff}.user-mini small{display:block;color:#91a2bd;margin-top:4px}.avatar{width:35px;height:35px;border-radius:12px;background:#2d456c;display:grid;place-items:center}.logout{font-size:12px;color:#a9bad2;padding:8px}.main{margin-left:258px;min-height:100vh}.topbar{height:82px;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:4}.topbar .eyebrow{color:#98a2b3;font-size:9px}.topbar h2{font:800 19px Manrope;margin:5px 0 0;letter-spacing:-.4px}.top-date{font-size:12px;color:#667085;background:#f6f8fb;border:1px solid var(--line);padding:9px 13px;border-radius:30px}.live-dot{display:inline-block;width:7px;height:7px;background:#20c997;border-radius:50%;margin-left:9px;box-shadow:0 0 0 4px #20c99720}.content{padding:28px 36px;max-width:1650px;margin:auto}.welcome{background:radial-gradient(circle at 90% 20%,#4268c7 0,transparent 30%),linear-gradient(115deg,#111d32,#1c365c 65%,#174d61);border-radius:20px;padding:27px 31px;color:white;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;overflow:hidden;box-shadow:0 16px 40px #10274625}.welcome .eyebrow{color:#9eb7dd}.welcome h1{font:800 24px Manrope;margin:10px 0 5px;letter-spacing:-.6px}.welcome p{font-size:12px;color:#c3d2e8;margin:0}.welcome-date{font:800 44px Manrope;text-align:center;color:#fff}.welcome-date small{display:block;font:600 10px 'DM Sans';color:#b8c8df;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.stat,.panel{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:var(--shadow)}.stat{position:relative;overflow:hidden}.stat:after{content:'';position:absolute;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#315efb10,#12b8a610);right:-22px;top:-23px}.stat span{display:block;color:#7b8798;font-size:11px;font-weight:600}.stat strong{display:block;font:800 23px Manrope;margin:11px 0 3px;color:#17243b;letter-spacing:-.6px}.stat small{font-size:10px;color:#9aa4b3}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{margin-bottom:16px}.panel h3{font:800 14px Manrope;margin:0 0 16px;letter-spacing:-.2px}.panel h4{font:800 11px Manrope;margin:19px 0 10px;color:#475467}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3{margin:0 0 14px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid a{padding:13px;border:1px solid var(--line);border-radius:11px;font-size:11px;font-weight:700;color:#3154c9;background:#fbfcff}.quick-grid a:hover{background:#f0f4ff;border-color:#cad5ff}.muted{color:var(--muted);font-size:12px;line-height:1.7}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:end}.form-grid label,.inline-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;color:#586579}.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.inline-form select{width:100%;border:1px solid #dfe5ee;border-radius:9px;padding:11px 12px;font:12px 'DM Sans';color:#1d2939;background:#fff;outline:none;transition:.15s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.inline-form input:focus,.inline-form select:focus{border-color:#7289ed;box-shadow:0 0 0 3px #4263eb15}.form-grid textarea{min-height:65px;resize:vertical}.form-grid .wide{grid-column:span 2}.btn{border:0;border-radius:9px;padding:11px 16px;font:800 11px 'DM Sans';cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;transition:.15s}.btn.primary{background:linear-gradient(135deg,#315efb,#4d75ff);color:white;box-shadow:0 5px 13px #315efb2b}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #315efb3a}.btn.secondary{background:#edf1f8;color:#35445d}.btn.full{width:100%;margin-top:18px}.inline-form{display:flex;gap:11px;align-items:end;flex-wrap:wrap}.inline-form input,.inline-form select{min-width:180px}.table-wrap{width:100%;overflow:auto;border:1px solid #edf0f4;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;color:#78859a;font-size:9px;text-transform:uppercase;letter-spacing:.7px;background:#f6f8fb}td,th{padding:11px 12px;border-bottom:1px solid #edf0f4}td{color:#354155}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbff}.total-line{text-align:right;padding-top:13px;color:#68758a;font-size:12px}.total-line b{color:#17243b;margin-left:8px}.tag{display:inline-block;background:#edf2ff;color:#4059c6;padding:7px 10px;border-radius:30px;font-size:10px;font-weight:800;margin:0 5px 5px 0}.balance-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.balance-row strong{color:#315efb}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.check input{width:auto!important}.success,.alert{padding:12px 15px;border-radius:10px;font-size:11px;margin-bottom:14px}.success{background:#e8f8ef;color:#18794e;border:1px solid #c9efd9}.alert{background:#fff0f0;color:#b42318;border:1px solid #ffd6d6}.report-filter{padding:12px;background:#f8faff;border:1px solid #e8edf7;border-radius:11px;margin-bottom:15px}.report-columns{display:grid;grid-template-columns:.8fr 1.5fr;gap:18px;margin-top:16px}.report-total{text-align:right;padding:13px 2px 0;color:#667085;font-size:12px}.report-total b{color:#101828;font-size:15px}.statement-head{display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(100deg,#f3f6ff,#f2fbfa);border:1px solid #e1e9fb;border-radius:12px;padding:15px 17px;margin:14px 0}.statement-head b{display:block;font:800 15px Manrope;color:#17243b}.statement-head small{display:block;color:#667085;margin-top:5px}.statement-head strong{color:#315efb;font:800 15px Manrope}.compact-stats{grid-template-columns:repeat(3,1fr);margin:12px 0}.compact-stats .stat{padding:13px}.compact-stats .stat strong{font-size:17px}.positive{color:#079455}.negative{color:#315efb}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 18% 18%,#244a78,#0b1424 65%);padding:20px}.login-card{background:white;width:min(420px,100%);padding:37px;border-radius:20px;box-shadow:0 25px 80px #07132970}.brand-mark{margin:0 auto 19px;width:55px;height:55px;font-size:28px;border-radius:17px}.login-card .eyebrow{text-align:center;color:#8492a8}.login-card h1{text-align:center;font:800 29px Manrope;margin:9px 0}.login-card h1 span{color:#315efb}.login-card p{text-align:center;color:#8a94a5;font-size:12px;margin:0 0 27px}.login-card label{display:block;font-size:10px;font-weight:800;color:#596579;margin:14px 0 7px}.login-card input{width:100%;border:1px solid #e0e5ed;border-radius:9px;padding:13px;font:12px 'DM Sans'}.login-card small{display:block;text-align:center;color:#a1aaba;font-size:10px;margin-top:24px}
@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:23px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:relative;width:100%;height:auto;padding:13px;display:block}.side-brand{padding:0 5px 13px}.nav-label{display:none}.sidebar .nav-link{display:inline-flex;padding:9px 10px;font-size:10px}.sidebar-bottom{display:none}.main{margin:0}.topbar{height:70px;padding:0 16px}.content{padding:14px}.welcome{padding:20px}.welcome h1{font-size:18px}.welcome-date{font-size:32px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:13px}.stat strong{font-size:17px}.grid-two,.report-columns{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.form-grid .wide{grid-column:span 2}.inline-form{align-items:stretch}.inline-form>*{flex:1}.panel{padding:14px}.quick-grid{grid-template-columns:1fr 1fr}.statement-head{align-items:flex-start;flex-direction:column}.compact-stats{grid-template-columns:1fr 1fr}}@media(max-width:420px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:span 1}.stats-grid{grid-template-columns:1fr 1fr}.top-date{font-size:9px;padding:7px 9px}}