*{box-sizing:border-box}body{margin:0;font:15px system-ui,Arial;background:#f3f6fa;color:#17233c}header{background:linear-gradient(110deg,#123158,#901c29);color:white;padding:16px 3%;display:flex;justify-content:space-between;align-items:center}header b{font-size:20px}main{max-width:1250px;margin:auto;padding:18px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}nav a,.button{display:inline-block;background:#205e91;color:white;padding:10px 14px;border-radius:7px;text-decoration:none}section{background:white;padding:18px;border:1px solid #d9e1eb;border-radius:10px;margin-bottom:15px;box-shadow:0 2px 10px #12315810}h2{margin:0 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}label{display:block;font-weight:600;font-size:13px}input,select{display:block;width:100%;padding:9px;border:1px solid #cbd6e6;border-radius:5px;margin:5px 0 10px}input[type=checkbox]{width:auto}button{border:0;border-radius:6px;background:#981f2b;color:white;padding:10px 14px;font-weight:700;cursor:pointer;margin:4px}.error{background:#ffebea;color:#901c29;padding:12px;border-radius:6px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{background:#173456;color:white}td,th{text-align:left;padding:9px;border-bottom:1px solid #dde5ef}.slip table{min-width:0;max-width:700px}@media print{header,nav,button{display:none}body{background:white}section{box-shadow:none;border:0}}
.bulk-top{display:grid;grid-template-columns:1.4fr 1.4fr .65fr .65fr .65fr auto auto;gap:10px;align-items:end}.drop{border:2px dashed #a6bad1;border-radius:9px;padding:12px;min-height:87px}.hint{background:#eff6ff;padding:10px 12px;color:#385576}.invoice-table{min-width:1120px}.invoice-table input{min-width:120px}.stat{display:inline-block;padding:11px;background:#eff6ff;border-radius:8px;margin:5px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media(max-width:1100px){.bulk-top{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.bulk-top{grid-template-columns:1fr}}
.history-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.history-filter label{min-width:155px}.history-filter label:first-of-type{min-width:220px}.history-filter input{margin-bottom:0}.history-filter .muted{background:#65758b;margin:4px}.history-stats{margin:8px 0}.history-stats .stat{min-width:125px}.history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#effaf7;border:1px solid #b9e0d3;padding:9px;border-radius:8px;margin-bottom:12px}.history-actions b{color:#385576}.history-table{min-width:1450px}.history-table td{white-space:nowrap}.history-table input[type=checkbox]{margin:0}.history-table th:first-child{width:40px}
/* SITPL GoDaddy ERP layout */
body{background:#f5f8fe;color:#12233e;font-family:Arial,system-ui,sans-serif}.erp-shell{min-height:100vh;display:flex}.erp-sidebar{flex:0 0 248px;background:linear-gradient(#821535,#611329);color:#fff;min-height:100vh;padding:18px 14px;position:sticky;top:0;height:100vh}.erp-brand{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff38;padding:10px 8px 20px;margin-bottom:16px;font-size:16px;line-height:19px}.erp-logo{height:52px;width:52px;flex:none;display:grid;place-items:center;border-radius:14px;background:white;color:#a32738;font-size:35px;font-family:Georgia,serif}.erp-sidebar nav{display:flex;flex-direction:column;gap:6px}.erp-sidebar nav a{background:transparent;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;padding:11px 12px}.erp-sidebar nav a span{background:#ffffff28;border-radius:8px;padding:7px 5px;font-size:12px;min-width:29px;text-align:center}.erp-sidebar nav a.active,.erp-sidebar nav a:hover{background:white;color:#16233e}.erp-sidebar nav a.active span{background:#881539;color:white}.erp-workspace{min-width:0;flex:1}.erp-header{min-height:138px;background:linear-gradient(110deg,#963e5b 0%,#1599ce 58%,#16a478 100%);display:flex;align-items:center;justify-content:space-between;padding:18px 2%;gap:16px}.erp-header .header-logo{height:56px;width:56px}.erp-title{text-align:center;color:white;flex:1}.erp-title b{display:block;font-size:22px}.erp-title small{display:block;font-size:13px;font-weight:700;margin-top:8px}.erp-header form button{background:#fff4f1;color:#8d1c35}.erp-workspace main{max-width:none;margin:0;padding:26px 2%}.erp-page-title h2{font-size:23px;margin:0 0 20px}.erp-workspace section{padding:18px 20px;border:1px solid #e0e8f2;border-radius:15px;box-shadow:0 8px 26px #1935530d}.erp-workspace section h2{font-size:19px;color:#193456}.erp-workspace label{color:#263a58}.erp-workspace input,.erp-workspace select,.erp-workspace textarea{border-color:#ccdaf2;border-radius:10px;min-height:42px}.erp-workspace button,.erp-workspace .button{border-radius:9px}.erp-workspace th{background:#193456}.erp-workspace .bulk-top{grid-template-columns:1.35fr 1.35fr .6fr .7fr .7fr auto auto}@media(max-width:1250px){.erp-workspace .bulk-top{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.erp-sidebar{flex-basis:72px;padding:12px 6px}.erp-brand strong,.erp-sidebar nav a{font-size:0}.erp-sidebar nav a span{font-size:12px}.erp-brand .erp-logo{width:42px;height:42px;font-size:28px}.erp-header{min-height:110px}.erp-title b{font-size:17px}}@media(max-width:620px){.erp-sidebar{height:auto;min-height:0;position:relative;flex-basis:55px}.erp-brand{padding:4px 0 12px}.erp-sidebar .erp-logo{width:36px;height:36px;font-size:24px}.erp-sidebar nav a{padding:8px 2px}.erp-header{min-height:96px;padding:10px}.erp-title b{font-size:15px}.erp-title small{font-size:11px}.header-logo{display:none!important}.erp-workspace main{padding:14px 9px}.erp-workspace section{padding:14px}.erp-workspace .bulk-top{grid-template-columns:1fr}}
@media print{.erp-sidebar,.erp-header,.erp-page-title{display:none}.erp-workspace main{padding:0}}