@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
@import url('/assets/icons.css?v=1');
@import url('/assets/erp-theme-v2.css?v=1');
@import url('/assets/internal-standard.css?v=1');
@import url('/assets/account-pages.css?v=2');
@import url('/assets/sidebar-fix.css?v=1');
:root{--ink:#1b2338;--muted:#788198;--purple:#7255e8;--soft:#f0edff;--side:#11192c;--page:#f7f8fc;--border:#e9ebf2;--shadow:0 10px 30px rgba(25,35,60,.055)}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:500 14px 'DM Sans',Arial,sans-serif}.app-sidebar{position:fixed!important;inset:0 auto 0 0;width:270px!important;background:linear-gradient(165deg,#121b30,#10182a)!important;color:#cad1e2!important;padding:31px 18px 22px!important;display:flex!important;flex-direction:column!important;z-index:50}.app-sidebar .brand{display:flex;align-items:baseline;gap:8px;color:#fff!important;font:800 26px 'Plus Jakarta Sans',sans-serif;text-decoration:none;padding:0 16px;letter-spacing:-1.4px}.app-sidebar .brand span{color:#bbaeff;font:700 12px 'DM Sans',sans-serif;letter-spacing:.1px}.app-sidebar .group{margin:34px 16px 14px;padding:15px 0 0;color:#8793ad;font-size:10px;font-weight:700;letter-spacing:1.4px;border-top:1px solid #263149}.app-sidebar nav{display:grid!important;gap:6px}.app-sidebar nav a{display:flex;align-items:center;min-height:47px;color:#bac4d8!important;text-decoration:none;padding:0 14px;border-radius:10px;font-size:15px;font-weight:700;transition:.18s}.app-sidebar nav a:hover{color:#fff!important;background:rgba(115,91,225,.13);padding-left:17px}.app-sidebar nav a.active{color:#fff!important;background:linear-gradient(100deg,#2a375b,#293554);box-shadow:inset 0 1px rgba(255,255,255,.04)}.app-sidebar footer{margin-top:auto;padding:20px 16px 0;border-top:1px solid #29354d;display:grid;gap:3px;font-size:13px}.app-sidebar footer b{color:#f3f5fb}.app-sidebar footer small{color:#8793ad;text-transform:capitalize}.app-sidebar footer a{margin-top:8px;color:#b7a9ff;text-decoration:none;font-weight:700}.app-shell{margin-left:270px!important;min-height:100vh}.app-shell>header{height:94px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);padding:18px 42px;display:flex;justify-content:space-between;align-items:center}.app-shell header small{display:block;color:#929aae;font-size:12px;font-weight:600;margin-bottom:5px}.app-shell h1{margin:0;color:#192137;font:800 24px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.9px}.app-shell header select{min-width:215px;height:44px;border:1px solid #e0e4ee;border-radius:10px;padding:0 14px;background:#fff;color:#303b54;font-weight:700}.app-shell main{padding:34px 42px 48px;max-width:1540px}input,select,button{font:inherit}input,select{width:100%;height:42px;border:1px solid #e0e4ec;border-radius:9px;padding:0 12px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:0;border-color:#9f8cf2;box-shadow:0 0 0 3px #7255e818}button{height:42px;border:0;border-radius:9px;padding:0 17px;background:linear-gradient(135deg,#785be9,#6345da);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 5px 12px #704fe42b}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.metrics article{position:relative;overflow:hidden;min-height:143px;padding:23px 24px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}.metrics small{color:#7b8498;font-size:13px;font-weight:700;display:block;margin-bottom:13px}.metrics strong{display:block;font:800 25px 'Plus Jakarta Sans',sans-serif;letter-spacing:-1px}.metrics em{display:block;margin-top:10px;color:#9ba3b5;font-size:12px;font-style:normal}.metrics .accent{border:0;background:linear-gradient(125deg,#7153dc,#917bf3);color:#fff;box-shadow:0 12px 22px #7557df35}.metrics .accent small,.metrics .accent em{color:#ece9ff}.panel{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px;box-shadow:var(--shadow)}.panel h2{margin:0;color:#252e43;font:800 16px 'Plus Jakarta Sans',sans-serif}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head a{color:var(--purple);font-size:13px;font-weight:700;text-decoration:none}.panel-head span{padding:4px 8px;background:var(--soft);border-radius:20px;color:var(--purple);font-size:12px;font-weight:800}.two-col{display:grid;grid-template-columns:370px minmax(0,1fr);gap:20px}.form-card{display:grid;gap:15px;align-content:start}.form-card label,.compact{display:grid;gap:7px;color:#69738a;font-size:12px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.table-wrap{overflow:auto;margin:-4px -22px -22px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:14px 22px;border-bottom:1px solid #eff0f4;white-space:nowrap}th{color:#8a93a7;background:#fcfcfe;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:#faf9ff}.pill{display:inline-flex;padding:5px 9px;border-radius:20px;background:#fff3e7;color:#b86c23;font-size:11px;font-weight:800}.pill.paid{background:#e5f8ef;color:#19885f}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compact{grid-template-columns:repeat(2,1fr);margin:19px 0}.compact input,.compact select,.compact button{width:100%}.compact button,.checks{grid-column:1/-1}.checks{display:grid;gap:8px;padding:12px;border:1px solid #ebe8fb;border-radius:10px;background:#faf9ff}.checks label{font-size:13px;font-weight:600;color:#4d5870}.checks input{width:auto;height:auto}.panel ul{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid #eef0f4}.panel li{display:grid;gap:3px;padding:12px 2px;border-bottom:1px solid #eef0f4}.panel li small{color:#8b93a5}@media(max-width:900px){.app-sidebar{position:static!important;width:100%!important;padding:18px!important;display:block!important}.app-sidebar .group{display:inline-block;margin:0 0 0 16px;padding:0;border:0}.app-sidebar nav{display:flex!important;overflow:auto;margin-top:18px}.app-sidebar nav a{flex:0 0 auto;min-height:40px}.app-sidebar footer{display:none}.app-shell{margin-left:0!important}.app-shell>header{padding:18px 22px}.app-shell main{padding:24px 22px}.metrics,.admin-grid,.two-col{grid-template-columns:1fr}}
