@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";
:root{--orange:#cc4f08;--ink:#16212c;--cream:#fff8ed;--line:#e9edf0}*{box-sizing:border-box}body{color:#1d2731;background:#f4f6f8;margin:0;font-family:DM Sans,Arial,sans-serif}.shell{min-height:100vh;display:flex}.side{color:#f8f9fa;background:#0c1b2a;flex-direction:column;flex-shrink:0;width:235px;padding:20px 12px;display:flex}.logo{border-bottom:1px solid #263544;align-items:center;gap:10px;padding:2px 8px 18px;display:flex}.logo b{color:#f2a825;font-size:17px;display:block}.logo small{color:#e6edf3;letter-spacing:1px;margin-top:3px;font-size:10px;display:block}.seal{color:#be4a05;background:#fff1d1;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.sideLabel{color:#b7c2cd;letter-spacing:1px;padding:12px 10px 7px;font-size:10px}.menu{color:#d1dae2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 10px;font-size:13px;display:flex}.menu:hover{background:#152c42}.menu.selected{color:#fff;background:#c94b05}.user{border-top:1px solid #263544;align-items:center;gap:9px;margin-top:auto;padding:15px 6px 0;font-size:12px;display:flex}.user small{color:#a8b4c0;margin-top:3px;display:block}.user>svg{margin-left:auto}.avatar{color:#a54207;background:#f3dfbd;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.main{flex:1;min-width:0;padding:22px 24px}.top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.top h1{margin:0;font-size:23px}.top p{color:#6f7983;margin:4px 0 0;font-size:12px}.topActions{align-items:center;gap:12px;font-size:12px;display:flex}.iconBtn{background:#fff;border:0;border-radius:9px;padding:9px;position:relative}.iconBtn i{color:#fff;background:#c94b05;border-radius:50%;padding:3px;font-size:9px;position:absolute;top:-4px;right:-3px}.card{background:#fff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 2px 8px #192b3908}.login{justify-content:space-between;align-items:center;margin-bottom:14px;padding:17px;display:flex}.login h2{margin:0 0 4px;font-size:15px}.login p,.hint{color:#727c86;font-size:12px}.loginFields{align-items:center;gap:7px;display:flex}.loginFields input{width:160px}.input,input,select{font:inherit;border:1px solid #dfe4e8;border-radius:7px;padding:9px 10px;font-size:12px}.primary{color:#fff;cursor:pointer;background:#c94b05;border:0;border-radius:7px;padding:10px 15px;font-weight:700}.error{color:#ba2d2d}.stats{grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:14px;display:grid}.stat{align-items:center;gap:11px;padding:12px;display:flex}.statIcon{color:#c94b05;background:#fff0dc;border-radius:50%;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.statIcon svg{width:17px}.stat small,.stat em{color:#66717b;font-size:10px;display:block}.stat strong{margin:3px 0;font-size:19px;display:block}.stat em{color:#2e8b53;font-style:normal}.columns{grid-template-columns:1.15fr 1fr;gap:12px;margin-bottom:12px;display:grid}.columns.three{grid-template-columns:1fr 1fr 1fr}.panel{min-width:0;padding:14px}.panelHead{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:9px;display:flex}.panel h2{margin:0;font-size:14px}.panelHead small{color:#7c858d;margin-top:3px;font-size:10px;display:block}.panelHead select{padding:6px}.chart{background:repeating-linear-gradient(#0000 0 42px,#edf0f2 43px);height:225px;padding:13px 5px 0;position:relative}.chartLabel{color:#be4a05;font-size:13px;font-weight:700}.chart svg{width:100%;height:150px;margin-top:14px}.xaxis{color:#89929a;justify-content:space-between;font-size:9px;display:flex}.listRow{border-bottom:1px solid #f0f2f3;align-items:center;gap:9px;padding:10px 0;display:flex}.miniLogo{color:#bf4c08;background:#fff0dc;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.grow{flex:1;min-width:0}.listRow b,.activity b{font-size:11px;display:block}.listRow small,.activity small{color:#747e87;margin-top:3px;font-size:10px;display:block}.badge{white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:9px}.badge.amber{color:#9a6500;background:#fff2d6}.badge.green{color:#31814a;background:#e3f5e9}.textBtn{color:#b94a0b;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.wide{color:#b84708;cursor:pointer;background:#fff;border:1px solid #d98c5d;border-radius:7px;width:100%;margin-top:10px;padding:8px;font-size:11px}.activity{border-bottom:1px solid #f0f2f3;align-items:center;gap:8px;padding:8px 0;display:flex}.activityIcon{color:#c94b05;background:#eff4fa;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.activity>small{white-space:nowrap;color:#89919a;font-size:9px}.tithi{background:#fff4df;border-radius:8px;align-items:center;gap:9px;margin:12px 0;padding:10px;display:flex}.tithi .seal{width:34px;height:34px}.tithi b{font-size:11px;display:block}.tithi small{color:#75808a;font-size:9px}.tithi .badge{margin-left:auto}.panel h3{margin:14px 0 8px;font-size:11px}.check{color:#53616e;margin:7px 0;font-size:10px}.hint{padding:4px 2px}@media (max-width:1250px){.stats{grid-template-columns:repeat(3,1fr)}.columns.three{grid-template-columns:1fr 1fr}.columns.three .panel:last-child{grid-column:span 2}}@media (max-width:850px){.side{width:190px}.main{padding:16px}.columns,.columns.three{grid-template-columns:1fr}.columns.three .panel:last-child{grid-column:auto}.stats{grid-template-columns:repeat(2,1fr)}.topActions>span:first-child,.topActions>b{display:none}.login{flex-direction:column;align-items:flex-start;gap:12px}.loginFields{flex-wrap:wrap}.loginFields input{width:135px}}@media (max-width:560px){.side{width:60px;padding:12px 6px}.logo{padding:0 4px 12px}.logo>div:last-child,.sideLabel,.menu span,.user>div:not(.avatar),.user>svg{display:none}.menu{justify-content:center;padding:11px 5px}.main{padding:13px 10px}.stats{gap:6px}.stat{gap:6px;padding:9px}.statIcon{width:29px;height:29px}.stat strong{font-size:15px}.top h1{font-size:19px}}
.records{margin:14px 0;padding:15px;overflow:hidden}.tableWrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:520px}th{text-transform:uppercase;letter-spacing:.5px;color:#7b858e;border-bottom:1px solid #e8ecef;padding:10px;font-size:10px}td{border-bottom:1px solid #f0f2f4;padding:11px 10px;font-size:12px}.actions{gap:5px;display:flex}.approve,.reject{color:#287a40;cursor:pointer;background:#e5f4e8;border:0;border-radius:5px;padding:6px 8px;font-size:10px}.reject{color:#ae4131;background:#fff0ed}.empty{color:#78828d;padding:14px 2px;font-size:12px}.planEditor{border-bottom:1px solid #edf0f2;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 4px;font-size:12px;display:flex}.planEditor>label{color:#616b75;align-items:center;gap:7px;display:flex}.planEditor input[type=number]{width:130px}.planEditor input[type=text]{min-width:240px}.checkToggle,.ruleToggle{color:#404b55;align-items:center;gap:8px;padding:10px 4px;font-size:12px;display:flex}.ruleToggle{border-bottom:1px solid #f0f2f3}
