:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183127;background:#f3f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}.muted{color:#687b72}.eyebrow{margin:0 0 6px;color:#16845a;font-size:11px;font-weight:800;letter-spacing:.16em}.brand-mark{display:grid;width:54px;height:54px;place-items:center;border-radius:18px;background:linear-gradient(135deg,#138a5c,#0c6443);color:#fff;font-size:19px;font-weight:900;box-shadow:0 10px 30px #0d704733}.brand-mark.small{width:42px;height:42px;border-radius:14px}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#d9f7e8,transparent 30%),radial-gradient(circle at 80% 80%,#ffefd0,transparent 28%),#f7faf8}.login-card{width:min(440px,100%);padding:42px;border:1px solid #dce9e1;border-radius:28px;background:#ffffffeb;box-shadow:0 30px 80px #173a2920}.login-card h1{margin:20px 0 8px;font-size:28px}.login-card form{display:grid;gap:16px;margin-top:28px}.login-card .button{width:100%}label{display:grid;gap:7px;color:#53665c;font-size:13px;font-weight:700}input,select{width:100%;height:44px;padding:0 13px;border:1px solid #d8e2dc;border-radius:11px;background:#fff;color:#203b2e;outline:none}input:focus,select:focus{border-color:#26966a;box-shadow:0 0 0 3px #1e9b6a18}.text-button{border:0;background:transparent;color:#16845a;font-weight:700}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:24px 16px;background:#102b20;color:#dce9e2}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 25px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{margin-top:2px;color:#91ad9f;font-size:12px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#aec4b8;text-decoration:none;font-size:14px;font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{background:#1d4935;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #42d392}.sidebar-user{display:grid;gap:3px;margin-top:auto;padding:16px 10px 0;border-top:1px solid #2a493a}.sidebar-user span{color:#88a598;font-size:12px}.sidebar-user button{margin-top:10px;padding:8px;border:0;border-radius:9px;background:#ffffff10;color:#cfe0d7;text-align:left}.content{min-width:0;padding:34px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{margin:0;font-size:27px}.live-dot{padding:8px 12px;border:1px solid #bfe7d3;border-radius:999px;background:#edfff5;color:#14794f;font-size:12px;font-weight:800}.live-dot:before{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#23b676;content:""}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{position:relative;overflow:hidden;padding:22px;border:1px solid #dfebe4;border-radius:18px;background:#fff;box-shadow:0 8px 24px #2746350b}.stat-card:after{position:absolute;right:-15px;bottom:-24px;width:78px;height:78px;border-radius:50%;background:currentColor;content:"";opacity:.08}.stat-card span{display:block;color:#718178;font-size:12px;font-weight:700}.stat-card strong{display:block;margin-top:10px;font-size:25px}.accent-green{color:#138a5c}.accent-amber{color:#d18515}.accent-blue{color:#3176c9}.accent-purple{color:#7859bd}.accent-teal{color:#168c86}.accent-slate{color:#596b62}.panel{margin-bottom:20px;border:1px solid #dde8e1;border-radius:18px;background:#fff;box-shadow:0 8px 24px #27463508}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf2ef}.panel-title h2{margin:0;font-size:17px}.panel-title a{color:#16845a;font-size:13px;font-weight:700;text-decoration:none}.filter-bar{display:flex;gap:12px;padding:16px}.filter-bar input{max-width:420px}.filter-bar select{max-width:220px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 18px;border-bottom:1px solid #e4ece7;background:#f8faf9;color:#6f8177;font-size:11px;letter-spacing:.05em;text-transform:uppercase}td{padding:15px 18px;border-bottom:1px solid #edf2ef;color:#344b3f;font-size:13px}tr:last-child td{border-bottom:0}tr.clickable:hover{background:#f5fbf7;cursor:pointer}td strong,td small{display:block}td small{margin-top:4px;color:#84938b}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2ef;color:#65756c;font-size:11px;font-weight:800;white-space:nowrap}.badge-pending,.badge-unpaid{background:#fff4dd;color:#a86a09}.badge-preparing,.badge-partial{background:#e9f2ff;color:#2863a9}.badge-delivering,.badge-in_transit{background:#e5f6ff;color:#13729b}.badge-completed,.badge-paid,.badge-active,.badge-delivered{background:#e6f8ee;color:#13794d}.badge-cancelled,.badge-blacklisted{background:#fee9e7;color:#b63c35}.badge-inactive{background:#eef0ef;color:#65726b}.button{min-height:40px;padding:0 15px;border:0;border-radius:10px;background:#167d54;color:#fff;font-size:13px;font-weight:800}.button:hover{filter:brightness(.96)}.button:disabled{cursor:not-allowed;opacity:.55}.button-secondary{background:#e7f4ed;color:#126c48}.button-danger{background:#b9473f}.button-ghost{border:1px solid #dae5de;background:#fff;color:#496056}.button-row{display:flex;flex-wrap:wrap;gap:10px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:15px 18px;border-top:1px solid #edf2ef;color:#718178;font-size:12px}.empty{padding:42px;text-align:center;color:#819088}.alert{padding:12px 14px;border-radius:11px;font-size:13px}.alert-error{border:1px solid #f3c8c5;background:#fff1f0;color:#a6302a}.floating-error{position:fixed;right:20px;bottom:20px;max-width:420px;padding:12px 16px;border-radius:12px;background:#9f342d;color:#fff;box-shadow:0 10px 30px #0002}.drawer-backdrop{position:fixed;z-index:50;inset:0;background:#071f1670;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{position:absolute;top:0;right:0;width:min(680px,100%);height:100%;overflow-y:auto;padding:26px;background:#f7faf8;box-shadow:-20px 0 70px #071b1230}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.drawer-head h2{margin:0}.close{width:38px;height:38px;border:0;border-radius:12px;background:#e7eee9;color:#40584c;font-size:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid>div{padding:14px;border:1px solid #e1e9e4;border-radius:13px;background:#fff}.detail-grid span,.detail-grid strong,.detail-grid small{display:block}.detail-grid span{margin-bottom:6px;color:#809087;font-size:11px}.detail-grid small{margin-top:3px;color:#7a8a82}.drawer-section{margin-top:16px;padding:18px;border:1px solid #e1e9e4;border-radius:16px;background:#fff}.drawer-section h3{font-size:15px}.drawer-section p{margin:7px 0;color:#51675b;font-size:13px}.line-item{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #edf2ef;font-size:13px}.line-item strong,.line-item small{display:block}.line-item small{margin-top:3px;color:#86958d}.actions form{margin-top:14px;padding-top:14px;border-top:1px dashed #dce6e0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.payment-form h4{margin-bottom:12px}.status-select{height:36px;min-width:130px}.switch{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#6d7d74;font-size:12px;font-weight:700}.switch span{position:relative;width:36px;height:20px;border-radius:999px;background:#cbd6cf}.switch span:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;content:"";transition:.2s}.switch.on{color:#137a50}.switch.on span{background:#24a76f}.switch.on span:after{left:19px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px}.sidebar-brand{padding-bottom:12px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar-user{display:none}.content{padding:22px 16px}.card-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.card-grid,.detail-grid,.form-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-bar input,.filter-bar select{max-width:none}.page-header{align-items:flex-start}.live-dot{display:none}.drawer{padding:18px}.login-card{padding:28px 22px}}