@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--brand:#087a3b;--brand-dark:#075d32;--brand-deep:#064b29;--accent:#f4c542;--accent-soft:#fff7dc;--brand-soft:#eaf5ee;--ink:#1e2a22;--muted:#78847c;--line:#e8eee9;--surface:#ffffff;--canvas:#f5f8f5;font-family:Be Vietnam Pro,Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:var(--canvas)}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,#fff,#fbfdfb);border-right:1px solid var(--line);padding:23px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 30px}.brandmark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#10934e,#05632f);color:#fff;display:grid;place-items:center;font-weight:800;font-size:24px;box-shadow:0 7px 16px #087a3b2b;position:relative}.brandmark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);right:5px;top:5px;border:2px solid #087a3b}.brand b{display:block;font-size:15px;letter-spacing:-.3px;color:var(--brand-dark)}.brand small,.sidebottom small{display:block;color:#98a39b;font-size:9px;letter-spacing:1.15px;margin-top:4px;font-weight:700}.navlabel{font-size:9px;font-weight:800;color:#a3ada5;letter-spacing:1.25px;padding:8px 11px 11px}.navitem{border:0;background:transparent;color:#657269;display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;margin:3px 0;text-align:left;font-size:12px;transition:background .18s ease,color .18s ease,transform .18s ease}.navitem:hover{background:#f2f7f3;color:var(--brand)}.navitem.selected{background:linear-gradient(90deg,#e8f5ec,#f3f9f4);color:var(--brand-dark);font-weight:700;box-shadow:inset 3px 0 var(--accent)}.navchev{margin-left:auto}.sidebottom{margin-top:auto;border-top:1px solid var(--line);padding:17px 7px 0;display:flex;align-items:center;gap:10px;font-size:12px}.sidebottom small{letter-spacing:0;font-size:10px;font-weight:500}.userpic,.avatar{width:35px;height:35px;border-radius:50%;background:#fff3c4;color:#886500;display:grid;place-items:center;font-weight:800;border:1px solid #f4e5a8}.online{width:8px;height:8px;border-radius:50%;background:#22a45b;margin-left:auto}.main{margin-left:252px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.crumb,.topright{display:flex;align-items:center;gap:9px;color:#9aa59d;font-size:11px}.crumb b{color:#34443a}.topright{gap:17px}.status{background:#edf7f0;color:var(--brand);border-radius:20px;padding:7px 11px;font-size:10px;font-weight:700}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#21a45b;margin-right:6px}.iconbtn{border:0;background:transparent;color:#758178;padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:.18s}.iconbtn:hover{background:#f0f5f1;color:var(--brand)}.mobileMenu{display:none}.content{max-width:1480px;margin:auto;padding:32px 34px}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.35px;color:#a27b13;font-weight:800}.pagehead h1{font-size:27px;letter-spacing:-.8px;margin:8px 0 5px;color:#1d2c22}.pagehead p,.panelhead p{margin:0;color:#89958c;font-size:11px}.primary{background:linear-gradient(135deg,#0b8b47,#066331);color:#fff;border:0;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;box-shadow:0 4px 10px #087a3b20;transition:transform .18s,box-shadow .18s}.primary:hover{background:#055a2c;transform:translateY(-1px);box-shadow:0 7px 15px #087a3b2b}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#f0f3f0;border:0;border-radius:8px;padding:10px 16px;color:#566258}.notice{background:linear-gradient(105deg,#fff8df,#fffdf6);border:1px solid #f4e7b6;border-radius:13px;padding:17px;display:flex;align-items:center;gap:14px;margin-bottom:20px;box-shadow:0 3px 12px #6d5a1710}.noticeicon{width:42px;height:42px;border-radius:12px;background:#fff0b8;color:#987000;display:grid;place-items:center;flex-shrink:0}.notice b{font-size:12px;color:#3a382d}.notice p{font-size:10px;color:#8b8472;margin:5px 0 0;line-height:1.6}.notice button,.textbtn{margin-left:auto;border:0;background:transparent;color:var(--brand);font-size:10px;font-weight:800;display:flex;align-items:center;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;box-shadow:0 3px 12px #1d38240a;transition:transform .18s,box-shadow .18s;min-width:0}.stat:hover{transform:translateY(-2px);box-shadow:0 9px 22px #1d382414}.stat small{display:block;color:#89958c;font-size:10px;font-weight:600}.stat strong{display:block;font-size:24px;letter-spacing:-.7px;margin:10px 0 6px;color:#203329}.stat span{font-size:9px;color:#a0aaa2}.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:18px;min-width:0;box-shadow:0 3px 12px #1d382409}.panelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.panelhead h3{font-size:13px;margin:0 0 5px;color:#25372b}.quick{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#fff;border:0;border-top:1px solid #eff3ef;padding:15px 2px;color:#7c887f}.quick:hover{color:var(--brand)}.quick b,.quick small{display:block}.quick b{font-size:11px;color:#34443a}.quick small{font-size:9px;margin-top:4px;color:#98a39a}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:9px;color:#96a198;letter-spacing:.65px;font-weight:800;background:#f8faf8}td,th{padding:14px 11px;border-bottom:1px solid #edf1ed;font-size:10px}td{color:#748077}td b{color:#304035}.price{font-weight:800;color:#2c3c31}.pill{display:inline-block;padding:6px 9px;border-radius:20px;font-size:9px;font-weight:700}.orange{background:#fff4ce;color:#8a6900}.green{background:#eaf7ee;color:#16834a}.gray{background:#f0f3f0;color:#78847b}.formpanel{max-width:780px}.field{display:block;margin:0 0 18px}.field>span{display:block;font-size:10px;font-weight:800;margin-bottom:8px;color:#526056}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe8e1;border-radius:8px;padding:12px 13px;outline:none;font-size:11px;background:#fff;color:#334238;transition:border .18s,box-shadow .18s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#0e9b50;box-shadow:0 0 0 3px #087a3b12}.field textarea{min-height:88px;resize:vertical}.searchbox{display:flex;align-items:center;gap:8px;border:1px solid #e2eae3;border-radius:8px;padding:9px 11px;color:#97a198;background:#fff}.searchbox input{border:0;outline:0;width:170px;font-size:10px;color:#34443a}.actions{display:flex;gap:4px}.tables{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.tabletile{border:1px solid #e5ece6;border-radius:11px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#849087;background:#fcfdfc}.tabletile svg{color:#159353}.tabletile b{font-size:11px;color:#34443a}.tabletile small{font-size:9px}.tabletile.busy{background:#fff9e5;border-color:#f0d77b}.tabletile.busy svg{color:#a27b13}.stack{max-width:820px}.toggleRow{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #edf1ed}.toggleRow b,.toggleRow small{display:block}.toggleRow b{font-size:11px;color:#34443a}.toggleRow small{font-size:9px;color:#95a097;margin-top:4px}.switch{width:41px;height:24px;border:0;border-radius:20px;background:#d8dfd9;padding:3px;transition:.2s}.switch i{display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0002}.switch.on{background:#087a3b}.switch.on i{transform:translate(17px)}.upload{border:1px dashed #e2c34d;color:#8a6a00;background:#fffdf2;border-radius:8px;padding:12px 15px;font-size:10px;margin:0 10px 15px 0}.staffrow{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf1ed}.staffrow>span:nth-child(2){flex:1}.staffrow b,.staffrow small{display:block}.staffrow b{font-size:11px;color:#34443a}.staffrow small{font-size:9px;color:#98a39a;margin-top:4px}.deviceicon{width:36px;height:36px;background:#f0f6f1;border-radius:10px;display:grid;place-items:center;color:#16834a}.inpanel{grid-template-columns:repeat(3,1fr)}.emptychart{height:190px;border:1px dashed #dce7de;border-radius:10px;display:grid;place-items:center;color:#9aa69c;font-size:10px;text-align:center;padding:20px;background:linear-gradient(180deg,#fff,#fbfdfb)}footer{display:flex;justify-content:space-between;color:#a0aaa2;font-size:9px;padding:18px 2px}footer span{color:#9d8640}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;background:#10201680;z-index:50;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;border:1px solid #e8eee9;border-radius:15px;padding:22px;width:min(440px,100%);box-shadow:0 20px 70px #0002}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modalhead h3{font-size:15px;margin:0;color:#26372c}.modalactions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#203329;color:#fff;padding:12px 18px;border-radius:9px;font-size:11px;z-index:80;box-shadow:0 5px 20px #0002}.scrim{display:none}@media(max-width:1050px){.sidebar{width:225px}.main{margin-left:225px}.content{padding:26px 23px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{transform:translate(-100%);transition:.25s;width:275px;box-shadow:8px 0 30px #0001}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;z-index:15}.main{margin-left:0}.topbar{height:58px;padding:0 14px}.mobileMenu{display:inline-flex}.crumb{margin-right:auto;margin-left:7px}.topright{gap:9px}.status{font-size:9px;padding:6px 8px}.content{padding:22px 14px}.pagehead{align-items:flex-start}.pagehead h1{font-size:22px}.pagehead p{font-size:10px}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:18px}.stat small{font-size:9px}.grid2{grid-template-columns:1fr}.notice{align-items:flex-start;flex-wrap:wrap}.notice button{margin-left:55px}.panel{padding:15px}.wraphead{align-items:flex-start;flex-direction:column}.searchbox,.searchbox input{width:100%}.tables{grid-template-columns:repeat(3,1fr)}footer{flex-direction:column;gap:7px}.inpanel{grid-template-columns:1fr}.avatar{width:30px;height:30px}}@media(max-width:390px){.stats{grid-template-columns:1fr 1fr}.tables{grid-template-columns:repeat(2,1fr)}.pagehead .primary{padding:9px;font-size:10px}.crumb{font-size:10px}}