*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f8fafc;color:#172554}button,input{font:inherit}a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#172554;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:26px}.brand{font-size:27px;font-weight:800;letter-spacing:-.7px}.brand span{color:#60a5fa}.sub{font-size:12px;color:#cbd5e1;margin-top:4px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{padding:11px 12px;border-radius:10px;color:#dbeafe;font-size:14px}.nav a.active,.nav a:hover{background:#2563eb;color:#fff}.main{padding:30px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.top h1{margin:0;font-size:25px}.muted{color:#64748b}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.metric{font-size:26px;font-weight:800;margin-top:10px}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px}.badge,.btn{font-weight:700}.btn{border:0;border-radius:10px;padding:11px 16px;background:#2563eb;color:#fff;cursor:pointer}.btn.secondary{background:#fff;color:#172554;border:1px solid #cbd5e1}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#172554,#1e3a8a 45%,#f8fafc 0)}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(15,23,42,.22)}.login-card h1{margin:0;font-size:31px}.login-card .desc{color:#64748b;margin:7px 0 26px}.field{display:grid;grid-gap:7px;gap:7px;margin:15px 0}.field label{font-size:13px;font-weight:700}.field input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px 13px;outline:none}.field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.full{width:100%;margin-top:8px}.error{background:#fef2f2;color:#b91c1c}.error,.ok{padding:10px 12px;border-radius:9px;font-size:13px;margin-bottom:12px}.ok{background:#f0fdf4;color:#166534}.section{margin-top:18px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0;font-size:14px}.table th{color:#64748b;font-size:12px;text-transform:uppercase}.mobile-note{display:none}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px}.grid{grid-template-columns:1fr 1fr}.mobile-note{display:block}}@media(max-width:560px){.grid{grid-template-columns:1fr}.login-page{background:#f8fafc}.login-card{padding:26px 20px;box-shadow:none;border:1px solid #e2e8f0}}.section-title{margin:0 0 6px;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px 18px;gap:4px 18px;align-items:end}.field select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px 13px;background:#fff;color:#172554}.field small{color:#64748b;font-size:11px}.form-action{padding-bottom:15px}.table-wrap{overflow:auto}.table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.badge.warn{background:#fef3c7;color:#92400e}.version{margin-bottom:0;margin-top:18px;font-size:12px}.employee-page{min-height:100vh;padding:28px;background:#f8fafc}.employee-card{max-width:760px;margin:30px auto;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:22px 0}.info-grid div{border:1px solid #e2e8f0;border-radius:12px;padding:15px;display:grid;grid-gap:5px;gap:5px}.info-grid small{color:#64748b}@media(max-width:700px){.form-grid,.info-grid{grid-template-columns:1fr}}.success{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534;padding:12px 14px;border-radius:10px;margin:14px 0;font-size:14px;line-height:1.45}.link-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.row-link{color:#1d4ed8;font-weight:600}.row-link:hover{text-decoration:underline}.back{display:inline-block;color:#2563eb;font-size:13px;font-weight:700;margin-bottom:6px}.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px 18px;gap:4px 18px;align-items:end;margin:10px 0 20px}@media(max-width:900px){.policy-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.policy-grid{grid-template-columns:1fr}}.nav-group{font-size:10px;font-weight:800;letter-spacing:.08em;color:#93a4c7;margin:12px 10px 2px}.nav a.disabled{opacity:.58;cursor:default;display:flex;justify-content:space-between}.nav a.disabled:hover{background:transparent;color:#dbeafe}.nav a.disabled span{font-size:9px;background:#334a7c;padding:2px 5px;border-radius:999px}.employee-wide{max-width:1100px;margin:20px auto}.employee-head{align-items:flex-start}.employee-head,.shift-panel{display:flex;justify-content:space-between}.shift-panel{margin-top:18px;background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:22px;align-items:center}.shift-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.end-form{display:flex;gap:8px}.end-form input,.filters input,.filters select{border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;background:#fff}.btn.big{padding:15px 25px;font-size:16px}.btn.danger{background:#dc2626}.badge.bad{background:#fee2e2;color:#991b1b}.filters{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr auto auto;grid-gap:10px;gap:10px}.add-details summary{cursor:pointer;font-weight:800;color:#2563eb}.add-details[open] summary{margin-bottom:12px}@media(max-width:900px){.filters{grid-template-columns:1fr 1fr}.shift-panel{align-items:flex-start;gap:16px;flex-direction:column}}@media(max-width:600px){.filters{grid-template-columns:1fr}.end-form{flex-direction:column}.end-form,.shift-actions{width:100%}.employee-head{gap:12px}.employee-wide{margin:0}}.attention{border-color:#fde68a}.review-form{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;grid-gap:7px;gap:7px;min-width:540px}.review-form input{border:1px solid #cbd5e1;border-radius:9px;padding:9px 10px}@media(max-width:700px){.review-form{grid-template-columns:1fr;min-width:260px}}.btn{transition:transform .08s ease,filter .08s ease,opacity .15s ease}.btn:active{transform:translateY(2px) scale(.985);filter:brightness(.94)}.btn:disabled{opacity:.62;cursor:wait}.password-wrap{position:relative}.password-wrap input{padding-right:46px!important}.eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:#64748b;cursor:pointer;border-radius:8px;font-size:18px}.eye-btn:active{background:#e2e8f0}.upload-box{border:1px dashed #93c5fd;background:#eff6ff;border-radius:14px;padding:18px}.upload-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.upload-form input[type=file]{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px}.stats-5{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.mini-metric{font-size:22px;font-weight:800;margin-top:6px}@media(max-width:900px){.stats-5{grid-template-columns:1fr 1fr}}@media(max-width:560px){.stats-5{grid-template-columns:1fr}}.orders-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.order-filters{display:grid;grid-template-columns:minmax(260px,2fr) 1fr 1.2fr auto auto auto;grid-gap:9px;gap:9px;margin:12px 0 8px}.order-filters input,.order-filters select{border:1px solid #cbd5e1;border-radius:10px;padding:10px 11px;background:#fff;color:#172554;min-width:0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px}.page-actions{display:flex;gap:8px}.disabled-btn{opacity:.45;cursor:not-allowed;display:flex;align-items:center;justify-content:center}@media(max-width:1000px){.order-filters{grid-template-columns:1fr 1fr 1fr}}@media(max-width:650px){.order-filters{grid-template-columns:1fr}.pagination{align-items:flex-start;flex-direction:column}}.payroll-rule{border-color:#bfdbfe;background:#eff6ff;display:grid;grid-gap:6px;gap:6px}.payroll-filters{display:grid;grid-template-columns:1fr 1fr minmax(260px,2fr) auto;grid-gap:12px;gap:12px;align-items:end}.payroll-filters .field{margin:0}.payroll-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.payroll-metrics .card{padding:17px}.payroll-metrics .metric{font-size:22px}.payroll-metrics small{color:#64748b}.payroll-total{font-size:32px;font-weight:900;margin-top:10px}@media(max-width:1200px){.payroll-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.payroll-filters,.payroll-metrics{grid-template-columns:1fr 1fr}}@media(max-width:560px){.payroll-filters,.payroll-metrics{grid-template-columns:1fr}}.commission-editor{display:grid;grid-gap:8px;gap:8px;margin:8px 0 12px}.commission-row{display:grid;grid-template-columns:1.2fr 1.2fr .8fr auto;grid-gap:9px;gap:9px;align-items:center}.commission-row input{border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;min-width:0}.commission-head{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase}.commission-actions{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.commission-history{display:grid;grid-gap:10px;gap:10px;border-top:1px solid #e2e8f0;padding-top:16px}.commission-policy-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px;display:grid;grid-template-columns:minmax(180px,.8fr) 2fr;grid-gap:14px;gap:14px}.commission-tier-list{display:flex;gap:8px;flex-wrap:wrap}.commission-tier-list span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 9px;font-size:12px}@media(max-width:700px){.commission-row{grid-template-columns:1fr}.commission-head{display:none}.commission-actions,.commission-policy-card{grid-template-columns:1fr;display:grid}}.payroll-metrics-7{grid-template-columns:repeat(7,minmax(0,1fr))}@media(max-width:1400px){.payroll-metrics-7{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.payroll-metrics-7{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.payroll-metrics-7{grid-template-columns:1fr}}.employee-income{border-color:#bfdbfe}.employee-income-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.employee-income-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px}.employee-income-grid>div{border:1px solid #e2e8f0;border-radius:12px;padding:14px;display:grid;grid-gap:5px;gap:5px;background:#f8fafc}.employee-income-grid small,.employee-income-grid span{color:#64748b}.employee-income-grid b{font-size:20px}.employee-income-grid span{font-size:11px}.employee-income-grid .income-total{background:#eff6ff;border-color:#bfdbfe}.commission-progress{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:16px}.commission-progress-top{display:flex;justify-content:space-between;align-items:end;gap:16px}.commission-next{text-align:right;display:grid;grid-gap:2px;gap:2px}.commission-next span{font-size:12px;color:#64748b}.progress-track{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:12px 0 9px}.progress-fill{height:100%;background:#2563eb;border-radius:999px;transition:width .25s ease}.tier-strip{display:flex;gap:7px;flex-wrap:wrap}.tier-strip span{font-size:11px;color:#64748b;border:1px solid #e2e8f0;border-radius:999px;padding:5px 8px}.tier-strip span.reached{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;font-weight:700}@media(max-width:1000px){.employee-income-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.employee-income-grid{grid-template-columns:1fr}.commission-progress-top,.employee-income-head{flex-direction:column;align-items:flex-start}.commission-next{text-align:left}}.overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.overview-finance .card,.overview-grid .card{padding:17px}.overview-finance .metric,.overview-grid .metric{font-size:22px}.overview-finance small,.overview-grid small{color:#64748b}.overview-live{border-color:#bbf7d0;background:#f0fdf4}.overview-finance{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.overview-total{border-color:#bfdbfe;background:#eff6ff}.overview-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media(max-width:1250px){.overview-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.overview-finance,.overview-grid,.overview-two{grid-template-columns:1fr 1fr}}@media(max-width:600px){.overview-finance,.overview-grid,.overview-two{grid-template-columns:1fr}}.mobile-adminbar,.mobile-menu-layer{display:none}@media(max-width:900px){body,html{max-width:100%;overflow-x:hidden}.shell{display:block;padding-top:66px}.sidebar{display:none}.mobile-adminbar{position:fixed;display:flex;left:0;right:0;top:0;height:66px;padding:10px 16px;background:#172554;color:#fff;z-index:80;align-items:center;justify-content:space-between;box-shadow:0 2px 14px rgba(15,23,42,.18)}.mobile-brand{font-size:21px;font-weight:900;letter-spacing:-.5px}.mobile-brand span{color:#60a5fa}.mobile-brand-sub{font-size:10px;color:#cbd5e1;margin-top:1px}.drawer-close,.menu-button{border:0;background:#ffffff18;color:#fff;border-radius:10px;min-width:42px;height:42px;font-size:24px;line-height:1;cursor:pointer}.mobile-menu-layer{display:block;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:100}.mobile-drawer{position:absolute;left:0;top:0;bottom:0;width:min(82vw,320px);background:#172554;color:#fff;padding:20px 16px;overflow-y:auto;box-shadow:12px 0 35px rgba(15,23,42,.28)}.mobile-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.mobile-drawer .nav{display:grid}.mobile-drawer .brand{font-size:25px}.main{padding:18px 16px 28px;min-width:0;width:100%}.top{margin-bottom:18px;gap:12px;align-items:flex-start}.top>div{min-width:0;flex:1 1}.top h1{font-size:23px;line-height:1.15}.top .muted{font-size:13px;line-height:1.4;margin-top:4px}.top form{flex:0 0 auto}.top .btn{padding:9px 11px;font-size:12px;white-space:nowrap}.card{border-radius:14px;padding:15px}.section{margin-top:12px}.section-title{font-size:18px}.table-head{align-items:flex-start;gap:10px}.table-head .row-link{font-size:12px;text-align:right;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:3px}.table{min-width:680px}.table td,.table th{padding:10px 9px;font-size:12px;white-space:nowrap}.table td:last-child{white-space:normal}.review-form{min-width:260px}.form-grid{grid-template-columns:1fr}.filters,.policy-grid{grid-template-columns:1fr 1fr}.upload-form>*{max-width:100%}.upload-form input[type=file]{width:100%}.employee-page{padding:14px}.employee-card,.employee-wide{max-width:100%;margin:0 auto;padding:18px}.employee-head{align-items:flex-start}.employee-head h1{font-size:23px}.shift-panel{padding:16px}.btn.big{padding:13px 18px;font-size:14px}}@media(max-width:600px){.main{padding:14px 12px 24px}.top h1{font-size:22px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.overview-grid .card{padding:14px 12px;min-height:112px}.overview-grid .metric{font-size:22px}.overview-grid .muted{font-size:13px}.overview-grid small{font-size:11px;line-height:1.25;display:block}.overview-finance{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.overview-finance .card{padding:14px 12px}.overview-finance .card:last-child{grid-column:1/-1}.overview-finance .metric{font-size:21px}.overview-two{grid-template-columns:1fr}.overview-two .table{min-width:520px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.grid .card{padding:14px 12px}.grid .metric{font-size:22px}.stats-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stats-5 .card{padding:14px 12px}.stats-5 .card:last-child:nth-child(odd){grid-column:1/-1}.payroll-metrics,.payroll-metrics-7{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.payroll-metrics .card{padding:13px 11px}.payroll-metrics .metric{font-size:19px}.payroll-filters{grid-template-columns:1fr}.payroll-total{font-size:27px}.employee-income-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.employee-income-grid>div{padding:12px}.employee-income-grid .income-total{grid-column:1/-1}.employee-income-grid b{font-size:18px}.commission-progress-top{gap:8px}.tier-strip{gap:5px}.tier-strip span{font-size:10px;padding:5px 7px}.filters,.info-grid,.order-filters,.policy-grid{grid-template-columns:1fr}.filters .btn,.filters .link-btn{width:100%}.orders-head{align-items:flex-start;flex-direction:column}.pagination{font-size:12px}.page-actions{width:100%}.page-actions>*{flex:1 1}.commission-actions,.commission-row{grid-template-columns:1fr}.commission-actions{display:grid}.commission-actions .btn{width:100%}.commission-policy-card{grid-template-columns:1fr}.employee-page{padding:10px}.employee-card{padding:14px;border-radius:14px}.employee-head{flex-direction:column}.employee-head .btn,.employee-head form{width:100%}.shift-panel{gap:12px}.end-form,.end-form input,.shift-actions,.shift-actions .btn{width:100%}.login-page{padding:14px}.login-card{padding:24px 18px}}@media(max-width:380px){.employee-income-grid,.grid,.overview-finance,.overview-grid,.payroll-metrics,.payroll-metrics-7,.stats-5{grid-template-columns:1fr}.employee-income-grid .income-total,.overview-finance .card:last-child,.stats-5 .card:last-child:nth-child(odd){grid-column:auto}}