:root{--bg:#f4f7f4;--navy:#122c28;--text:#1c332f;--muted:#72817b;--line:#e1eae5;--primary:#0b7655;--primary-deep:#07523c;--teal:#e4f6ed;--red:#c33540;--amber:#ad781b}
*{box-sizing:border-box}html{font-family:'Cairo',Tahoma,Arial,sans-serif}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#e5f0e9 0,transparent 30%),var(--bg);color:var(--text);font-size:15px;line-height:1.85}.wrap{width:min(1340px,calc(100% - 44px));margin-inline:auto}.nav{background:linear-gradient(105deg,#102c25,#103b30 58%,#0d563b);color:white;box-shadow:0 8px 26px #0d3a2820;border-bottom:3px solid #c23b44}.nav-inner{display:flex;align-items:center;gap:27px;padding:14px 0;min-height:96px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;min-width:272px}.brand-icon{width:59px;height:65px;background:#ffffff13;border:1px solid #ffffff27;border-radius:16px;padding:5px}.brand strong{font-size:19px;font-weight:900;line-height:1.5;display:block}.brand small{display:block;color:#b7d6c7;font-size:10.5px;line-height:1.6}.brand-dot{color:#e68790}.navlinks{display:flex;gap:4px;flex-wrap:wrap;flex:1}.navlinks a{font-size:13px;font-weight:700;color:#e7f6ee;text-decoration:none;padding:9px 12px;border-radius:10px;white-space:nowrap}.navlinks a:hover{background:#ffffff16}.nav-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.contact-phone{color:#bff0d7;font-size:13px;font-weight:800;text-decoration:none}.logout{margin:0}main.wrap{padding-top:37px;min-height:74vh}.topline{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.eyebrow{text-transform:uppercase;color:var(--primary);font-weight:800;font-size:12px;letter-spacing:.3px}.topline h1{font-size:30px;margin:1px 0 0;color:var(--navy);font-weight:900;line-height:1.6}h1{font-size:29px;margin:0 0 4px;color:var(--navy);font-weight:900}h2{font-size:20px;margin:0;color:var(--navy);font-weight:900}p{margin:3px 0 0}.muted{color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:11px;padding:10px 18px;text-decoration:none;font-weight:800;cursor:pointer;font-family:inherit;display:inline-block;font-size:13px;white-space:nowrap;line-height:1.8;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(125deg,var(--primary),#0c6247);color:#fff;box-shadow:0 7px 15px #0b76552e}.btn.secondary{background:white;color:var(--navy);border-color:#d7e7de}.btn.subtle{background:#f0f5f1;color:var(--text);border-color:var(--line)}.nav .btn.subtle{color:#fff;background:#ffffff15;border-color:#ffffff25}.btn.small{padding:6px 11px;font-size:12px}.btn.full{width:100%}.panel{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 21px #173a2510}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:23px 23px 19px;position:relative;overflow:hidden}.stat:before{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--primary)}.stat:nth-child(2):before{background:#387d9c}.stat:nth-child(3):before{background:#c89e49}.stat:nth-child(4):before{background:#be4052}.stat span{font-size:14px;color:#657b70;font-weight:800;display:block}.stat strong{font-family:'Cairo',Arial,sans-serif;display:block;font-size:42px;font-weight:900;color:var(--navy);line-height:1.45;margin-top:7px}.stat small{font-size:12px;color:var(--muted)}.stat.warn strong{color:var(--red)}.notice{margin:20px 0;padding:13px 17px;border-radius:11px;font-weight:600}.notice.info{background:#ebf5f2;color:#275747;border:1px solid #d0e8dd}.notice.success{background:#e6f7ee;color:#126344;border:1px solid #bbe9d0}.notice.error{background:#fff0f0;color:#a01f35;border:1px solid #f3c8d0}.notice a{color:inherit;font-weight:900}.table-panel{margin-top:18px;overflow:hidden}.table-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:8px}.search input{width:260px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right}th,td{padding:15px 18px;vertical-align:middle;border-bottom:1px solid #edf2ef}th{color:#71887c;background:#f8fbf9;font-size:13px;font-weight:800;white-space:nowrap}td{font-size:13px;min-width:90px}td.customer-cell{min-width:190px}td .customer-name{display:block;font-size:17px;font-weight:900;line-height:1.55;color:#163f32}td .customer-name+.muted{font-size:13px}tbody tr:hover{background:#f9fcfa}tbody tr:last-child td{border-bottom:none}.ltr{direction:ltr;unicode-bidi:isolate;text-align:right}.pill{display:inline-block;border-radius:20px;font-size:12px;font-weight:800;padding:4px 12px;white-space:nowrap}.pill.good{background:#e5f7ef;color:#147650}.pill.amber{background:#fff3dc;color:#99600e}.pill.danger{background:#ffebed;color:#b92c41}.pill.neutral{background:#f1f3f6;color:#647183}.text-btn{background:none;border:0;padding:3px;color:var(--primary);font-size:12px;font-family:inherit;text-align:right;cursor:pointer;font-weight:700}.inline{display:inline}.empty{text-align:center;padding:34px;color:var(--muted);font-size:15px}details{position:relative}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.edit-box{position:relative;width:250px;background:#f8fbf9;border:1px solid #dceae2;border-radius:11px;padding:13px;margin-top:7px;box-shadow:0 5px 20px #162d4718}.compact{gap:7px!important}.compact label{font-size:12px}.compact input{font-size:13px;padding:7px}.compact button{margin-top:5px}.form-panel{max-width:900px;padding:30px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:flex;flex-direction:column;gap:16px}label{font-weight:800;color:#3a5b4a;font-size:14px;display:flex;flex-direction:column;gap:6px}label em{font-style:normal;color:var(--red)}input,select{font-family:inherit;background:white;border:1px solid #d6e3da;border-radius:10px;min-height:44px;padding:9px 13px;color:var(--text);font-size:15px;width:100%;outline-color:#358f78}input:focus,select:focus{border-color:#1a9873;box-shadow:0 0 0 3px #18a77817}input[type=checkbox]{width:18px;min-height:auto;accent-color:var(--primary)}.checkline{flex-direction:row;align-items:center;grid-column:1 / -1;font-weight:600}.form-actions{display:flex;gap:12px;grid-column:1 / -1}.code-snippet{direction:ltr;text-align:left;overflow:auto;background:#102b25;color:#d4f7d8;padding:16px;border-radius:10px;font:12px/2 monospace;margin:15px 0}.login-shell{display:flex;align-items:center;justify-content:center;min-height:72vh!important}.login-panel{width:min(485px,100%);padding:43px;text-align:center;margin-top:1vh;box-shadow:0 22px 65px #1e482525}.login-panel h1{font-size:25px}.login-panel .muted{margin-bottom:21px}.login-panel .stack{text-align:right}.big-icon{display:block;margin:0 auto 15px;width:92px;height:102px;background:url('/static/brand-mark.svg') center/contain no-repeat;font-size:0}.office-heading{font-size:21px!important;font-weight:900;color:#114934;margin-bottom:6px!important}.office-subheading{font-size:15px;color:#6b7e74;font-weight:700;margin-bottom:4px}.login-phone{direction:ltr;unicode-bidi:isolate;display:block;text-decoration:none;color:#0d7656;font-weight:800;margin:4px auto 19px;font-size:15px}.footer{font-size:12px;color:#7f9189;text-align:center;padding:32px 0;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer b{font-weight:800}.message-cell{min-width:265px}.footnote{padding:10px 22px}
@media(max-width:1120px){.nav-inner{flex-wrap:wrap;gap:14px}.navlinks{order:3;flex:0 0 100%;overflow:auto;flex-wrap:nowrap}.navlinks a{white-space:nowrap}.nav-right{margin-right:auto}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.wrap{width:calc(100% - 25px)}main.wrap{padding-top:22px}.nav-inner{padding:10px 0}.brand{min-width:unset;gap:9px}.brand strong{font-size:16px}.brand small{font-size:9px}.brand-icon{width:46px;height:52px}.nav-right{align-items:flex-end}.contact-phone{font-size:11px}.topline{align-items:start;flex-direction:column}.topline h1{font-size:25px}.stat-grid{gap:9px}.stat{padding:15px}.stat strong{font-size:33px}.table-head{padding:17px}.search{width:100%}.search input{flex:1;width:110px}.form-grid{grid-template-columns:1fr}.checkline,.form-actions{grid-column:auto}.form-panel{padding:20px}.navlinks{gap:0}.navlinks a{font-size:12px}.login-panel{padding:26px}.footer{gap:5px}}