:root{--green:#159653;--green-dark:#08763f;--mint:#e9f7ee;--mint2:#f3faf5;--ink:#18313a;--muted:#668087;--border:#e4eee8;--bg:#f7faf8}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell,.sidebar{min-height:100vh;display:flex}.sidebar{width:268px;flex:0 0 268px;background:#f0faf3;border-right:1px solid #e3f0e7;flex-direction:column;padding:18px 12px 22px}.brand{height:60px;display:flex;align-items:center;gap:13px;padding:0 17px;margin-bottom:25px;position:relative}.brand-mark{width:47px;height:42px;background:linear-gradient(135deg,#178c51,#42b878);color:#fff;border-radius:6px 6px 12px 6px;display:grid;place-items:center;box-shadow:0 5px 14px #15965322}.brand-name{font-size:26px;letter-spacing:.2px;font-weight:600;color:#17683e}.brand-tagline{font-size:11px;color:#607d6e;margin-top:2px}.close-sidebar{display:none}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-item{height:48px;display:flex;align-items:center;gap:18px;padding:0 14px;border:0;background:transparent;color:#45635b;border-radius:9px;text-align:left;font-size:15px}.nav-item span{flex:1 1}.nav-item.active{background:#ddf3e4;color:#08763f;font-weight:600}.nav-item:hover{background:#e5f5e9}.nav-chevron{margin-left:auto}.sidebar-promo{margin:42px 6px 20px;background:linear-gradient(145deg,#e4f6e8,#effaf1);border:1px solid #e0f0e4;border-radius:12px;padding:20px 21px 22px;min-height:265px;position:relative;overflow:hidden}.promo-art{height:70px;display:flex;align-items:center;justify-content:flex-end;color:#159653;gap:0;padding-right:15px}.bottle{height:58px;width:42px;border-radius:9px 9px 12px 12px;background:#b9e9a0;border:2px solid #d0edbb;display:grid;place-items:center;color:#08763f;position:relative}.bottle:before{content:"";position:absolute;width:29px;height:10px;background:#159653;top:-9px;border-radius:3px}.promo-art>svg{transform:rotate(-35deg);margin-right:-9px;color:#159653}.sidebar-promo h3{font-size:16px;line-height:1.5;margin:12px 0 8px}.sidebar-promo p{color:#43805f;line-height:1.6;margin:0 0 15px}.sidebar-promo button{border:0;background:var(--green);color:white;border-radius:7px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px}.sidebar-footer{margin-top:auto;padding:10px 16px;color:#688477;display:flex;align-items:center;gap:10px}.main-area{min-width:0;flex:1 1}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:25px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.menu-button{border:0;background:none;color:#177f4a;display:flex;padding:5px}.searchbox{height:42px;max-width:600px;flex:1 1;background:#f1f8f3;border-radius:30px;display:flex;align-items:center;gap:12px;padding:0 17px;color:#4c7662}.searchbox input{outline:0;width:100%;color:var(--ink);font-size:13px}.notification,.searchbox input{background:transparent;border:0}.notification{color:#28794e;position:relative;padding:7px;margin-left:auto}.notification i{position:absolute;right:0;top:0;background:#ef4444;color:#fff;font-size:9px;font-style:normal;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}.admin-profile{display:flex;align-items:center;gap:12px;border-left:1px solid #edf2ee;padding-left:20px}.avatar{height:40px;width:40px;border-radius:50%;background:linear-gradient(135deg,#d9f2e0,#b3dfc3);color:#17683e;display:grid;place-items:center;font-weight:700;font-size:18px}.admin-text{display:flex;flex-direction:column;gap:4px;min-width:66px}.admin-text b{font-weight:600}.admin-text span{font-size:11px;color:var(--muted)}.dashboard-content{padding:26px 19px 15px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin:0 5px 25px}.welcome-row h1{font-size:21px;margin:0 0 8px;font-weight:600;letter-spacing:-.3px}.welcome-row p{color:var(--muted);margin:0;font-size:14px}.date-chip{display:flex;align-items:center;gap:9px;color:#557267;font-size:12px;border-left:1px solid var(--border);padding:10px 12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(330px,1fr);grid-gap:22px;gap:22px}.primary-column,.right-column{min-width:0;display:flex;flex-direction:column;gap:20px}.stats-grid{display:grid;grid-gap:17px}.panel,.stat-card{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 3px 12px #123d2005}.stat-card{padding:18px 20px 16px;min-width:0}.stat-icon{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#ddf4e4;color:#168d50;margin-bottom:14px}.stat-label{margin:0 0 10px;font-size:13px;color:#405d60}.stat-value{font-size:27px;font-weight:600;white-space:nowrap}.growth{display:flex;align-items:center;gap:3px;color:#159653;font-size:13px;margin-top:13px}.growth span{display:block;color:#7c9690;font-size:11px;margin-left:3px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-gap:18px;gap:18px}.panel{padding:19px 18px;position:relative}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.section-heading{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px;white-space:nowrap}.section-heading svg,.text-action{color:#168c50}.text-action{display:flex;align-items:center;gap:2px;background:none;border:0;font-size:12px;white-space:nowrap}.range-select{position:absolute;right:17px;top:17px;border:1px solid #edf3ef;border-radius:20px;background:#f7faf8;padding:7px 10px;font-size:11px;color:#3d6252;outline:none}.sales-panel .section-title{margin-bottom:28px}.chart-wrap{height:230px;display:flex;gap:12px;padding:0 7px 0 0}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#78918a;font-size:10px;padding:3px 0 30px}.chart-area{position:relative;flex:1 1;margin-bottom:29px}.grid-lines{position:absolute;inset:0 0 0;border-bottom:1px solid #e8f0eb;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{height:1px;width:100%;background:#edf3ef}.line-chart{position:absolute;width:100%;height:calc(100% - 1px);inset:0;overflow:visible}.x-labels{position:absolute;bottom:-25px;left:0;right:0;display:flex;justify-content:space-between;color:#78918a;font-size:10px}.donut-row{display:flex;align-items:center;justify-content:space-around;gap:14px;padding:15px 0 18px}.donut{width:154px;height:154px;flex:0 0 154px;border-radius:50%;background:conic-gradient(#168e51 0 68%,#59bd7d 68% 86%,#8dd5a4 86% 95%,#ccefd6 95% 100%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:24px;background:white;border-radius:50%}.donut>div{z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px}.donut b{font-size:18px}.donut span{font-size:11px;color:#668087}.legend{display:flex;flex-direction:column;gap:17px;flex:1 1;min-width:120px}.legend div{display:grid;grid-template-columns:11px 1fr auto;align-items:center;grid-gap:8px;gap:8px;font-size:12px;white-space:nowrap}.legend b{font-weight:500}.dot{height:10px;width:10px;border-radius:50%}.delivered{background:#168e51}.processing{background:#59bd7d}.pending{background:#8dd5a4}.cancelled{background:#ccefd6}.products-panel{padding-bottom:10px}.table-scroll{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{background:#f5faf6;color:#58716a;font-weight:500;padding:12px 10px}.data-table td{padding:11px 10px;border-bottom:1px solid #edf2ee;color:#38545a}.data-table tbody tr:last-child td{border-bottom:0}.product-thumb{width:30px;height:36px;border-radius:5px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#198fca,#1356a4);box-shadow:inset 0 0 0 2px #ffffff50}.product-thumb.red{background:linear-gradient(135deg,#ee6565,#b92525)}.product-thumb.yellow{background:linear-gradient(135deg,#f9c93b,#dc8c0b)}.product-thumb.cyan{background:linear-gradient(135deg,#4ac3d2,#1685a3)}.product-thumb.multi{background:linear-gradient(135deg,#e9bd29,#168bc0)}.status{display:inline-block;padding:5px 11px;border-radius:20px;font-size:10px;font-weight:500}.status-delivered{background:#e2f7e8;color:#14763f}.status-low,.status-pending{background:#fff2ce;color:#a56a00}.status-processing{background:#e1efff;color:#1764c0}.status-alert{background:#ffe3e3;color:#c52e2e}.more-btn{border:0;background:none;color:#6a8980;padding:3px}.quick-actions{background:#eaf7ed;border-radius:11px;padding:17px 15px 14px;border:1px solid #e4f2e7}.quick-actions h2{font-size:15px;font-weight:600;margin:0 0 14px 2px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.quick-grid button{height:84px;background:#fff;border:1px solid #edf4ef;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#18313a;font-size:12px;transition:transform .15s,box-shadow .15s}.quick-grid button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #12633112}.quick-grid button span{color:#168e51;background:#e7f7eb;width:31px;height:31px;border-radius:8px;display:grid;place-items:center}.recent-orders{padding:17px 14px 8px}.low-stock-panel .section-title,.recent-orders .section-title{margin-bottom:12px}.compact{font-size:10px}.compact th{padding:11px 7px}.compact td{padding:13px 7px}.low-stock-panel{padding:17px 14px 10px}.low-stock-table td:first-child{display:flex;align-items:center;gap:11px}.stock-pill{color:#168e51;flex-shrink:0}.empty-state{color:var(--muted);padding:20px;text-align:center}.toast{position:fixed;right:25px;bottom:25px;background:#173d2b;color:#fff;padding:14px 20px;border-radius:10px;box-shadow:0 10px 30px #0002;z-index:20;max-width:360px;font-size:13px}.page-footer{display:flex;justify-content:space-between;color:#8ba099;font-size:11px;padding:25px 5px 5px}.mobile-scrim{display:none}@media(max-width:1300px){.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:15px}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-value{font-size:23px}.analytics-grid{grid-template-columns:1fr}.donut-row{justify-content:center}.dashboard-content{padding:22px 15px}.data-table{font-size:10px}}@media(max-width:1050px){.sidebar{width:235px;flex-basis:235px}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.quick-actions{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1.2fr 1fr}.stat-value{font-size:26px}}@media(max-width:700px){.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .25s;width:275px;box-shadow:10px 0 30px #0001}.sidebar-open{transform:translateX(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:#10251b66;border:0;z-index:25}.close-sidebar{display:block;border:0;background:transparent;color:#45635b;margin-left:auto}.topbar{height:64px;padding:0 13px;gap:10px}.admin-profile>svg,.admin-text{display:none}.admin-profile{padding-left:10px}.avatar{height:34px;width:34px}.dashboard-content{padding:20px 12px}.welcome-row{align-items:flex-start;gap:10px;flex-direction:column}.welcome-row h1{font-size:20px}.date-chip{border:0;padding:0}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:23px}.growth span{font-size:10px}.analytics-grid{grid-template-columns:1fr}.right-column{display:flex}.donut-row{flex-wrap:wrap}.donut{width:140px;height:140px;flex-basis:140px}.page-footer{gap:8px;flex-direction:column}.searchbox{height:38px;padding:0 12px}.searchbox input{font-size:11px}.notification{margin-left:0}.brand{padding:0 10px}}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-visual{background:linear-gradient(145deg,#eaf8ee,#d9f1e1);padding:35px 7%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#17683e;width:max-content}.login-brand-mark{height:43px;width:43px;background:linear-gradient(135deg,#178c51,#42b878);color:#fff;border-radius:8px;display:grid;place-items:center}.login-brand b{display:block;font-size:24px;font-weight:600}.login-brand small{display:block;color:#698477;font-size:11px;margin-top:2px}.login-visual-copy{max-width:530px;margin:auto 0;position:relative;z-index:1;padding:65px 0}.login-illustration{height:190px;display:flex;align-items:center;gap:18px;color:#168e51;position:relative;margin-bottom:40px}.login-illustration:before{content:"";position:absolute;width:205px;height:205px;border-radius:50%;background:#ffffff75;left:35px;top:-10px}.login-cross{width:120px;height:120px;background:#159653;color:white;border-radius:30px;display:grid;place-items:center;box-shadow:0 20px 45px #168e5128;z-index:1}.login-illustration>svg{z-index:1;background:#fff;padding:12px;border-radius:18px;width:70px;height:70px;box-shadow:0 12px 35px #168e5117}.eyebrow,.login-welcome,.modal-eyebrow,.vendors-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#168e51}.login-visual-copy h1{font-size:clamp(32px,3.2vw,48px);line-height:1.2;letter-spacing:-1.5px;margin:16px 0;color:#163c2a}.login-visual-copy h1 em{font-style:normal;color:#168e51}.login-visual-copy>p{font-size:16px;line-height:1.8;color:#607d6e;max-width:430px}.login-feature{display:flex;align-items:center;gap:10px;color:#32734e;font-size:13px;margin-top:35px}.login-visual-footer{color:#789487;font-size:11px}.login-form-side{display:grid;place-items:center;padding:45px 25px}.login-card{width:100%;max-width:420px}.login-card h2{font-size:29px;letter-spacing:-.8px;margin:12px 0 9px}.login-subtitle{font-size:14px;color:#789087;margin:0 0 32px}.login-form{display:flex;flex-direction:column}.field-label{font-size:13px;font-weight:600;color:#345248;margin-bottom:9px}.input-with-icon{height:51px;border:1px solid #dfeae3;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 15px;color:#7d998b;margin-bottom:23px;transition:border .15s}.input-with-icon:focus-within{border-color:#159653;box-shadow:0 0 0 3px #15965312}.input-with-icon input{border:0;outline:0;flex:1 1;min-width:0;color:#18313a;background:transparent;font-size:13px}.input-with-icon input::placeholder{color:#a2b3aa}.password-label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{border:0;background:none;color:#168e51;font-size:12px;padding:0 0 9px}.password-toggle{border:0;background:transparent;color:#7d998b;padding:3px;display:grid;place-items:center}.remember-row{display:flex;align-items:center;gap:9px;font-size:12px;color:#5f796d;margin:-3px 0 22px}.remember-row input,.vendor-table input[type=checkbox]{accent-color:#159653;width:15px;height:15px}.login-submit{height:51px;background:#159653;color:#fff;border:0;border-radius:9px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 7px 18px #15965325}.login-submit:hover,.primary-btn:hover{background:#08763f}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#88a094;font-size:11px;margin-top:24px}.form-message{font-size:12px;color:#a33d2b;background:#fff0ec;border-radius:7px;padding:11px;margin:-8px 0 15px;line-height:1.5}.login-bottom{text-align:center;color:#81958a;font-size:12px;margin-top:35px}.login-bottom a{color:#168e51;text-decoration:none;font-weight:600}.mobile-login-brand{display:none}.vendors-page{min-height:100vh;background:#f7faf8}.vendors-topbar{height:70px;background:white;border-bottom:1px solid #e4eee8;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%}.back-dashboard{display:flex;align-items:center;gap:10px;color:#4f7162;text-decoration:none;font-size:13px;font-weight:500}.vendors-top-right{display:flex;align-items:center;gap:11px;color:#5d786c}.vendors-top-right b{display:block;font-size:13px;color:#18313a}.vendors-top-right small{display:block;font-size:11px;color:#8ba099;margin-top:3px}.top-admin-avatar{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#dff3e5;color:#168e51;font-weight:700}.vendors-content{max-width:1500px;padding:27px 4.2% 20px}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#9aada4;font-size:12px;margin-bottom:22px}.breadcrumbs a{color:#6f8b7c;text-decoration:none}.breadcrumbs span{color:#168e51;font-weight:600}.vendors-heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.vendors-eyebrow{font-size:10px}.vendors-heading-row h1{font-size:27px;letter-spacing:-.7px;margin:8px 0}.vendors-heading-row p{margin:0;color:#789087;font-size:13px}.primary-btn,.secondary-btn{height:42px;border-radius:8px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;white-space:nowrap}.primary-btn{background:#159653;color:#fff;border:1px solid #159653}.secondary-btn{background:white;color:#527063;border:1px solid #dfeae3}.vendor-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-bottom:22px}.vendor-summary{background:#fff;border:1px solid #e4eee8;border-radius:11px;padding:21px;display:flex;align-items:center;gap:15px;box-shadow:0 3px 12px #123d2004}.summary-symbol{height:47px;width:47px;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:700}.summary-symbol.green{background:#e3f7e9;color:#159653}.summary-symbol.mint{background:#e8f5f6;color:#31959a}.summary-symbol.amber{background:#fff4df;color:#bd8423}.summary-emoji{font-size:26px}.vendor-summary small,.vendor-summary span{display:block;color:#82968c;font-size:11px}.vendor-summary b{display:block;font-size:25px;margin:5px 0;color:#183a2b}.vendor-table-card{background:#fff;border:1px solid #e4eee8;border-radius:12px;box-shadow:0 3px 12px #123d2005;overflow:hidden}.vendor-table-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 20px}.vendor-table-heading h2{font-size:17px;margin:0 0 7px;display:flex;align-items:center;gap:10px}.vendor-table-heading h2 span{font-size:11px;background:#e8f7ed;color:#168e51;border-radius:20px;padding:4px 9px}.vendor-table-heading p{margin:0;color:#879b91;font-size:12px}.export-btn{height:38px}.vendor-toolbar{display:flex;justify-content:space-between;gap:15px;padding:0 24px 19px}.vendor-search{height:42px;border:1px solid #e1ebe5;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#829a8e;max-width:420px;flex:1 1}.vendor-search input{border:0;outline:0;min-width:0;flex:1 1;font-size:12px;color:#18313a}.vendor-search kbd{font-size:10px;border:1px solid #e5ece7;border-radius:4px;padding:3px 5px;color:#9aacA3}.filter-select{height:42px;border:1px solid #e1ebe5;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#6e897b}.filter-select select{border:0;outline:0;background:transparent;color:#456357;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.vendor-table-scroll{overflow-x:auto}.vendor-table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.vendor-table thead{background:#f7faf8}.vendor-table th{font-size:10px;letter-spacing:.6px;font-weight:600;color:#81958a;padding:14px 16px;border-top:1px solid #edf2ee;border-bottom:1px solid #edf2ee}.vendor-table td{padding:16px;border-bottom:1px solid #edf2ee;font-size:12px;color:#587167}.vendor-table tbody tr:hover{background:#fbfdfb}.vendor-table td:first-child,.vendor-table th:first-child{padding-left:24px;width:40px}.vendor-identity{display:flex;align-items:center;gap:12px}.vendor-identity b{display:block;font-size:12px;color:#244438;font-weight:600}.vendor-identity small{display:block;font-size:10px;color:#9aacA3;margin-top:5px}.vendor-avatar{height:38px;width:38px;border-radius:10px;display:grid;place-items:center;object-fit:cover;background:#e3f5e8;color:#168e51;font-size:12px;font-weight:700}.vendor-avatar-1{background:#e8efff;color:#5776bf}.vendor-avatar-2{background:#fff0df;color:#b8792e}.vendor-avatar-3{background:#f4e9fa;color:#9761ae}.vendor-avatar-4{background:#e5f3f2;color:#368a85}.location-cell{color:#6e897d}.vendor-status{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:600}.vendor-status i{height:6px;width:6px;border-radius:50%;background:currentColor}.vendor-active{background:#e5f7eb;color:#168347}.vendor-inactive{background:#f0f2f1;color:#819087}.date-cell{color:#82958c}.row-actions{display:flex;align-items:center;gap:5px}.icon-button,.row-actions button{height:31px;width:31px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:#7b9487;border-radius:7px}.icon-button:hover,.row-actions button:hover{background:#edf8f0;color:#168e51}.row-actions .delete-action:hover{background:#fff0ed;color:#d34c3e}.vendor-pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;color:#81958a;font-size:11px}.vendor-pagination b{color:#456357}.vendor-pagination>div{display:flex;align-items:center;gap:12px}.vendor-pagination button{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e2ebe5;border-radius:7px;padding:8px 11px;color:#547365;font-size:11px}.vendor-pagination button:disabled{opacity:.4;cursor:not-allowed}.page-number{font-weight:600;color:#168e51}.vendors-footer{display:flex;justify-content:space-between;color:#9aada4;font-size:11px;padding:22px 2px}.modal-backdrop{position:fixed;inset:0;background:#10251b70;z-index:50;display:grid;place-items:center;padding:20px;overflow-y:auto}.vendor-modal{background:#fff;border-radius:15px;width:100%;max-width:650px;padding:27px;box-shadow:0 25px 80px #10251b35;margin:auto}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.modal-header h2{font-size:23px;margin:8px 0 6px;letter-spacing:-.5px}.modal-header p{margin:0;color:#81958a;font-size:12px}.icon-button{border:1px solid #e7eee9}.vendor-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:19px;gap:19px}.vendor-field{min-width:0}.vendor-field.full{grid-column:1/-1}.vendor-field>label:not(.upload-box){display:block;font-size:12px;font-weight:600;color:#3e5c4e;margin-bottom:8px}.vendor-field label b{color:#dc594b}.vendor-field>input{width:100%;height:44px;border:1px solid #dfeae3;border-radius:8px;padding:0 12px;outline:0;font-size:12px;color:#18313a}.vendor-field>input:focus{border-color:#159653;box-shadow:0 0 0 3px #15965312}.upload-box{min-height:85px;border:1px dashed #c8ddd0;background:#f9fcfa;border-radius:9px;display:flex;align-items:center;gap:13px;padding:12px;cursor:pointer}.upload-icon{height:45px;width:45px;display:grid;place-items:center;background:#e4f6e9;color:#168e51;border-radius:9px}.upload-box b{display:block;color:#426253;font-size:12px}.upload-box small{display:block;color:#8ba096;font-size:10px;margin-top:6px}.upload-cloud{margin-left:auto;color:#6e9a7f}.upload-preview{width:54px;height:54px;object-fit:cover;border-radius:8px}.active-setting{display:flex;align-items:center;gap:12px;border:1px solid #e5eee8;border-radius:9px;padding:15px}.active-setting>div{flex:1 1}.active-setting b{display:block;font-size:12px;color:#345248}.active-setting small{display:block;color:#8a9e94;font-size:10px;margin-top:5px;line-height:1.5}.active-label{font-size:11px;font-weight:600}.active-label.on{color:#168e51}.active-label.off{color:#829087}.switch{position:relative;width:39px;height:22px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#cbd6cf;transition:.2s}.switch span:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0002}.switch input:checked+span{background:#159653}.switch input:checked+span:before{transform:translateX(17px)}.vendor-error{font-size:12px;color:#b53c2f;background:#fff0ec;padding:10px 12px;border-radius:7px;margin-top:17px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf2ee;padding-top:20px;margin-top:24px}.view-modal{max-width:500px}.view-vendor-profile{display:flex;align-items:center;gap:15px;margin-bottom:24px}.view-vendor-image{width:58px;height:58px;border-radius:13px;background:#e3f5e8;display:grid;place-items:center;object-fit:cover;color:#168e51;font-size:25px;font-weight:700}.view-detail{padding:14px 0;border-bottom:1px solid #edf2ee}.view-detail small{display:block;color:#8a9e94;font-size:11px;margin-bottom:6px}.view-detail b{font-size:13px;color:#345248}.vendor-empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:50px 15px;color:#8ba096}.vendor-empty b{color:#456357;font-size:14px}.vendor-empty span{font-size:12px}@media(max-width:900px){.login-page{grid-template-columns:.8fr 1fr}.login-visual{padding:30px 6%}.login-visual-copy h1{font-size:34px}.login-illustration{transform:scale(.85);transform-origin:left center}.vendor-summary-grid{gap:10px}.vendor-summary{padding:15px}.vendors-content{padding-left:20px;padding-right:20px}}@media(max-width:650px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{padding:30px 22px;min-height:100vh}.mobile-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:45px;color:#17683e;font-size:22px}.login-card h2{font-size:26px}.vendors-topbar{padding:0 16px}.vendors-content{padding:22px 12px}.vendors-heading-row{align-items:flex-start;flex-direction:column}.vendors-heading-row h1{font-size:24px}.vendor-summary-grid{grid-template-columns:1fr}.vendor-summary{padding:16px}.vendor-table-heading{padding:18px 15px;align-items:flex-start;gap:10px}.vendor-toolbar{padding:0 15px 15px;flex-direction:column}.vendor-search{max-width:none;width:100%}.filter-select{width:max-content}.vendor-pagination{padding:15px;gap:15px;align-items:flex-start;flex-direction:column}.vendors-footer{padding:20px 3px;gap:10px;flex-direction:column}.vendor-modal{padding:20px}.vendor-form-grid{grid-template-columns:1fr}.vendor-field.full{grid-column:auto}.modal-header h2{font-size:21px}.active-setting{flex-wrap:wrap}.active-setting>div{min-width:160px}.vendors-top-right small{display:none}}.access-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:14px 24px;background:white;border-bottom:1px solid #e2e8e4}.access-nav strong{color:#16844e;margin-right:auto}.access-nav a{color:#52615a;text-decoration:none;font-size:14px}.access-nav a[aria-current=page]{color:#117342;font-weight:700}.access-page{max-width:1250px;margin:0 auto;padding:32px 24px 60px}.access-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.access-heading h1{margin:8px 0}.access-heading p,.access-hint{color:#607168;line-height:1.6}.access-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;margin:24px 0}.access-fields>label,.access-toolbar label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.access-fields input:not([type=checkbox]),.access-fields textarea,.access-toolbar input{border:1px solid #ccd8d1;border-radius:8px;padding:11px 12px;background:white;width:100%;font:inherit}.access-fields textarea{min-height:80px}.access-toolbar input{min-width:260px}.access-table{background:white;border:1px solid #e1e8e3;border-radius:12px;overflow:auto}.access-table td{white-space:normal;min-width:140px;max-width:460px;overflow-wrap:anywhere}.access-detail{color:#62766a}.access-detail,.access-tag{display:block;margin-top:6px}.access-tag{color:#117342}.access-actions{display:flex;flex-wrap:wrap;gap:8px}.access-actions .danger{color:#b13232}.access-editor{background:white;border:1px solid #dbe5df;border-radius:12px;padding:24px;margin-top:28px}.access-fields{border:0;padding:0;display:grid;grid-gap:18px;gap:18px}.access-fields>label{max-width:650px}.access-fields small{font-weight:400;color:#62766a}.access-fields .access-check{flex-direction:row;align-items:center}.access-choices{border:1px solid #dbe5df;border-radius:8px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:14px;gap:14px;max-height:330px;overflow:auto}.access-choices label{display:flex;gap:10px;align-items:flex-start;font-size:14px}.access-choices small{display:block;margin-top:4px}.access-success{color:#116d3e;background:#e5f5eb;padding:12px;border-radius:8px}button:disabled{opacity:.55}@media(max-width:700px){.access-heading{align-items:flex-start;flex-direction:column}.access-toolbar{align-items:stretch;flex-direction:column}.access-page{padding:22px 14px}}@font-face{font-family:Cure Sans;src:url(/fonts/NotoSans-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cure Sans;src:url(/fonts/NotoSans-Medium.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Cure Sans;src:url(/fonts/NotoSans-SemiBold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Cure Sans;src:url(/fonts/NotoSans-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--green:#009b70;--green-dark:#007c59;--ink:#17273c;--muted:#788598;--border:#e8edf2;--bg:#f7f9fc;--mint:#e8f8f2;--sidebar-size:246px;--header-size:78px;--shadow-card:0 2px 5px #17273c02,0 5px 20px #17273c03}body,html{font-family:Cure Sans,sans-serif;background:var(--bg);color:var(--ink);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{transition:background .16s,color .16s,box-shadow .16s,transform .16s}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #56c7aa88;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}button svg{flex-shrink:0}h1,h2,h3,p{overflow-wrap:break-word}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:16px;background:var(--green);color:#fff;z-index:500;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}.workspace{min-height:100vh;--sidebar-size:246px}.workspace-compact{--sidebar-size:86px}.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-size);z-index:50;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s;overflow:auto;padding:0 16px}.workspace-brand{display:flex;align-items:center;gap:12px;min-height:var(--header-size);padding:0 10px;white-space:nowrap}.workspace-brand-icon{width:38px;height:40px;flex-shrink:0;background:linear-gradient(140deg,#06b88a,#008961);border-radius:12px 12px 12px 3px;color:#fff;display:grid;place-items:center;box-shadow:4px 3px 0 #c8f3e4}.brand-copy b{font-size:24px;letter-spacing:-1px}.brand-copy em{font-style:normal}.brand-copy em,.brand-dot{color:var(--green)}.brand-copy small{display:block;font-size:9px;font-weight:500;color:#7f8b9a;margin-top:1px;letter-spacing:.1px}.workspace-nav{padding-top:21px;display:flex;flex-direction:column;gap:28px}.nav-caption{display:block;padding:0 14px;margin-bottom:12px;text-transform:uppercase;font-size:9px;letter-spacing:1.7px;font-weight:600;color:#9aa5b3}.workspace-nav-link{display:flex;align-items:center;gap:13px;height:46px;border-radius:9px;padding:0 14px;color:#68758a;font-size:12px;font-weight:500;margin:4px 0;position:relative;white-space:nowrap}.workspace-nav-link:hover{background:#f5f8fa;color:var(--green)}.workspace-nav-link.selected{color:#00875e;background:linear-gradient(90deg,#e4f8ee,#edfbf5);font-weight:600}.workspace-nav-link.selected:before{content:"";width:3px;height:19px;border-radius:0 4px 4px 0;background:#00b380;position:absolute;left:-16px}.workspace-nav-link i{height:6px;width:6px;border-radius:50%;background:var(--green);margin-left:auto}.workspace-promo{margin:44px 0 24px;padding:19px 16px;background:linear-gradient(145deg,#effbf7,#e7f8f3);border:1px solid #e4f4ed;border-radius:14px;position:relative;overflow:hidden}.promo-icon{display:grid;place-items:center;background:#d6f5e9;border:1px solid #bceada;border-radius:12px;width:45px;height:45px;color:var(--green)}.workspace-promo h3{color:#006b4a;font-size:17px;letter-spacing:-.4px;line-height:1.4;margin:13px 0 8px}.workspace-promo p{font-size:11px;line-height:1.7;color:#708c80;margin:0 0 18px}.workspace-promo button{position:relative;z-index:1;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d4ebdf;border-radius:7px;padding:9px 11px;font-size:10px;color:#00835b;font-weight:600}.promo-orbit{position:absolute;width:150px;height:150px;border:24px solid #d0f2e566;border-radius:50%;right:-90px;bottom:-35px}.workspace-sidebar-bottom{margin-top:auto;padding:13px 0 20px}.workspace-sidebar-bottom>button{display:flex;align-items:center;gap:12px;background:none;border:0;color:#78899a;padding:12px;font-size:11px}.workspace-version{border-top:1px solid var(--border);padding:20px 10px 0;display:flex;align-items:center;gap:8px;font-size:9px;color:#99a4b1}.footer-dot,.workspace-version i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#39bc93}.workspace-version small{margin-left:auto;font-size:9px}.workspace-compact .brand-copy,.workspace-compact .nav-caption,.workspace-compact .workspace-nav-link i,.workspace-compact .workspace-nav-link span,.workspace-compact .workspace-promo,.workspace-compact .workspace-sidebar-bottom span,.workspace-compact .workspace-version{display:none}.workspace-compact .workspace-brand{padding:0 7px}.workspace-compact .workspace-nav-link{justify-content:center;padding:0}.workspace-compact .workspace-nav{gap:14px}.workspace-compact .desktop-menu svg{transform:rotate(180deg)}.workspace-header{position:fixed;top:0;left:var(--sidebar-size);right:0;height:var(--header-size);background:#ffffffed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:40;display:flex;align-items:center;gap:19px;padding:0 30px;transition:left .2s}.ui-icon-button{border:1px solid transparent;background:transparent;color:#788699;border-radius:9px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-icon-button:hover{background:#eff7f3;color:#00946c}.header-crumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#98a2b1;white-space:nowrap}.header-crumb strong{font-weight:500;color:#42536a}.workspace-search{margin-left:auto;display:flex;align-items:center;gap:10px;max-width:390px;min-width:180px;width:32%;height:38px;border:1px solid #edf1f5;border-radius:9px;background:#f7f9fb;color:#8c98aa;padding:0 12px;font-size:11px;text-align:left}.workspace-search>svg{color:#1ea07c}.workspace-search kbd{margin-left:auto;display:flex;align-items:center;gap:3px;background:white;border:1px solid #e3e9ed;border-radius:4px;padding:2px 4px;font-family:inherit;font-size:9px;white-space:nowrap}.header-tools{display:flex;gap:4px}.workspace-profile{border:0;border-left:1px solid var(--border);background:none;display:flex;align-items:center;gap:10px;padding:0 0 0 20px;text-align:left;flex-shrink:0;color:var(--ink)}.profile-avatar{height:37px;width:37px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;position:relative;background:linear-gradient(140deg,#e1f8eb,#9bdac4);box-shadow:inset 0 0 0 3px #ffffff60;color:#177654;font-size:12px;font-weight:700}.profile-avatar i{position:absolute;bottom:0;right:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#00aa73}.profile-copy{display:flex;flex-direction:column;gap:4px;max-width:175px}.profile-copy strong{font-size:11px;font-weight:600}.profile-copy small,.profile-copy strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-copy small{font-size:8px;letter-spacing:.5px;color:#8b98a8}.workspace-profile>svg{margin-left:9px;color:#7e8b9e}.mobile-menu,.workspace-scrim{display:none}.workspace-content{margin-left:var(--sidebar-size);padding-top:var(--header-size);min-height:100vh;transition:margin-left .2s;display:flex;flex-direction:column;outline:none}.workspace-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;color:#99a5b5;font-size:10px;margin-top:auto}.workspace-footer>span:last-child{display:flex;align-items:center;gap:7px}.management-page{padding:27px 32px 0;width:100%;max-width:1650px;margin:0 auto}.page-breadcrumb{display:flex;align-items:center;gap:8px;font-size:10px;color:#9ba7b6;margin:0 0 28px}.page-breadcrumb span{color:#688075}.management-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.ui-overline{font-size:8px;font-weight:600;letter-spacing:1.6px;color:#8b9d9b}.management-heading h1{font-size:28px;letter-spacing:-1px;line-height:1.3;margin:8px 0 9px;font-weight:700;display:flex;gap:6px;align-items:baseline}.heading-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.management-heading p{color:#7d8c9e;font-size:11px;margin:0;line-height:1.8}.primary-btn{border:1px solid var(--green);background:var(--green);border-radius:8px;padding:11px 17px;color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;box-shadow:0 3px 6px #009b7015;white-space:nowrap}.primary-btn:hover:not(:disabled){background:#008763;border-color:#008763;box-shadow:0 4px 12px #009b7025;transform:translateY(-1px)}.secondary-btn{border:1px solid #e0e7ed;background:#fff;border-radius:7px;color:#657389;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:500;white-space:nowrap}.secondary-btn:hover:not(:disabled){background:#f5faf8;border-color:#c8e5d8;color:#00845c}.management-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:27px}.management-stat{display:flex;align-items:center;gap:17px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);min-width:0;position:relative;overflow:hidden}.metric-icon{width:47px;height:47px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;background:#e8f8f2;color:#00a074}.metric-icon.blue{background:#edf4ff;color:#598fe6}.metric-icon.amber{background:#fff6e8;color:#e3a43e}.metric-icon.purple{background:#f2edff;color:#9a7ae3}.management-stat>div{display:flex;flex-direction:column;gap:3px;z-index:1}.management-stat>div>span{font-size:10px;color:#79879b}.management-stat strong{font-size:28px;letter-spacing:-1px;font-weight:600;line-height:1.4}.management-stat small{font-size:9px;color:#a2adba}.metric-decoration{display:flex;align-items:flex-end;gap:4px;height:40px;margin-left:auto;opacity:.3;align-self:center}.metric-decoration i{width:5px;border-radius:2px;background:#49c99a;height:25%}.metric-decoration i:nth-child(2){height:45%}.metric-decoration i:nth-child(3){height:37%}.metric-decoration i:nth-child(4){height:70%}.metric-decoration i:nth-child(5){height:100%}.metric-decoration.blue i{background:#7ba9ff}.metric-decoration.amber i{background:#f9ba57}.metric-decoration.purple i{background:#aa89ea}.management-card{border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow-card);overflow:hidden}.management-card-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px}.management-card-heading>div{display:flex;align-items:center;gap:12px}.table-title-icon{display:grid;place-items:center;color:#00a271;background:#effaf5;border-radius:9px;width:38px;height:38px}.management-card-heading h2{font-size:14px;letter-spacing:-.25px;margin:0;display:flex;align-items:center;gap:9px}.count-badge{background:#f0f5f4;color:#69887b;font-size:9px;min-width:22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;font-weight:500}.management-card-heading p{font-size:10px;color:#98a3b1;margin:5px 0 0}.management-toolbar{padding:0 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.management-search{display:flex;align-items:center;gap:10px;border:1px solid #e4eaf0;border-radius:8px;padding:0 12px;height:39px;min-width:230px;max-width:370px;flex:1 1;color:#9aa9b8;background:#fcfdfe}.management-search:focus-within{border-color:#71cdb2;box-shadow:0 0 0 3px #009b7008}.management-search input{background:transparent;border:0;width:100%;min-width:0;outline:none;color:#45586a;font-size:11px}.management-search input::placeholder{color:#a0aaba}.management-search button{display:flex;border:0;background:transparent;color:#8793a2;padding:0}.table-filters{display:flex;gap:9px}.status-filter{display:flex;align-items:center;gap:7px;color:#8f9bad;padding:0 10px;border:1px solid #e4eaf0;border-radius:7px;height:36px}.status-filter select{border:0;background:transparent;outline:0;color:#7a899b;font-size:10px;max-width:120px}.sort-button{font-size:10px;gap:7px}.sort-button.is-selected{color:var(--green);background:#eefaf5;border-color:#b9e6d8}.management-table-scroll{overflow-x:auto}.management-table{border-collapse:collapse;width:100%;text-align:left}.management-table th{background:#f8fafc;color:#8b97a8;text-transform:uppercase;letter-spacing:.7px;font-size:8px;font-weight:600;padding:13px 24px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;white-space:nowrap}.management-table td{padding:19px 24px;border-bottom:1px solid #f0f3f6;color:#617086;font-size:11px}.management-table tbody tr:last-child td{border-bottom:0}.management-table tbody tr:hover{background:#fcfefd}.record-identity{display:flex;align-items:center;gap:12px;min-width:180px}.record-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#6c91c6;font-size:11px;font-weight:600;flex-shrink:0}.management-table tr:nth-child(3n+2) .record-avatar.admins{background:#f3eeff;color:#9b7dc9}.management-table tr:nth-child(3n+3) .record-avatar.admins{background:#fff3e7;color:#c59764}.record-avatar.roles{background:#edfaf4;color:#40a67f}.record-avatar.permissions{background:#f3f0ff;color:#9b87d3}.record-identity strong{color:#33445c;font-size:11px;font-weight:600;display:flex;align-items:center;gap:7px;overflow-wrap:anywhere}.record-identity small{display:block;color:#96a2b2;font-size:9px;margin-top:5px;max-width:280px;overflow-wrap:anywhere}.you-tag{font-weight:400;font-size:8px;padding:2px 5px;background:#f0f3f6;color:#9aa7b6;border-radius:4px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.role-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;background:#f1f5fb;color:#7f91aa;font-size:8px;letter-spacing:.15px;border:1px solid #e9eef5;overflow-wrap:anywhere}.role-tag.super-tag{background:#f3eeff;border-color:#eee6ff;color:#9673ca}.permission-count{display:inline-flex;align-items:center;gap:6px;border:1px solid #e6edf5;border-radius:5px;padding:5px 8px;background:#f8faff;color:#7990b0;font-size:9px;white-space:nowrap}.permission-count.full-access{color:#00956a;background:#effbf6;border-color:#ddf4e9}.module-tag{font-size:10px;border-radius:5px;background:#f0f5fa;color:#8493a7;padding:5px 9px;text-transform:capitalize}.description-cell{font-size:10px;color:#8a96a6;line-height:1.7;display:block;min-width:140px;max-width:320px}.state-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:20px;padding:5px 9px;white-space:nowrap}.state-badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.state-badge.active{color:#26a87e;background:#eaf9f2}.state-badge.inactive{color:#a0a9b6;background:#f1f4f7}.management-table .action-heading{text-align:right}.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:76px}.table-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#9aa9ba}.table-icon.edit-action:hover{color:#2e8cc6;background:#edf6ff;border-color:#e0eefc}.table-icon.delete-action:hover{color:#e36268;background:#fff0f0;border-color:#ffe3e3}.table-icon.permission-action:hover{color:#9470cd;background:#f5efff;border-color:#eee2ff}.read-only-label{font-size:9px;color:#a8b0bb;display:flex;align-items:center;gap:5px;white-space:nowrap}.management-pagination{border-top:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;font-size:10px;color:#a0abba;gap:15px}.management-pagination b{font-weight:500;color:#6f8094}.management-pagination>div{display:flex;align-items:center;gap:8px}.pagination-arrow{height:29px;width:29px;display:grid;place-items:center;border:1px solid #e7edf3;border-radius:6px;background:#fff;color:#91a0b3}.current-page{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;background:#e8f8f1;color:#009e72;font-size:10px;font-weight:600}.pagination-total{font-size:9px;margin-right:2px}.management-note{color:#9aa7b4;font-size:9px;display:flex;align-items:center;gap:7px;margin:18px 2px 0}.management-note svg{color:#87b4a2;flex-shrink:0}.ui-info{gap:8px;color:#768ba1;background:#edf5fd;padding:12px 15px;border-radius:8px}.table-error,.ui-info{display:flex;align-items:center;font-size:11px}.table-error{gap:12px;background:#fff6f3;color:#b77462;padding:16px 24px}.table-error span{flex:1 1}.skeleton{height:14px;max-width:140px;border-radius:5px;background:linear-gradient(90deg,#f2f5f8 25%,#e8eef2 50%,#f2f5f8 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}.skeleton-wide{height:32px;max-width:220px}.skeleton-small{max-width:60px}.ui-empty{text-align:center;padding:50px 20px;color:#9aaabb}.ui-empty>span{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#f2f7f8;margin:0 auto}.ui-empty h3{font-size:14px;color:#667d89;margin:17px 0 7px}.ui-empty p{font-size:11px;margin:0 0 15px;line-height:1.8}.ui-dialog{border:1px solid #e7eef3;border-radius:17px;padding:0;max-width:520px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);box-shadow:0 24px 90px #142d4633;color:var(--ink);overflow:auto;animation:dialog-in .2s ease-out}.ui-dialog::-webkit-backdrop{background:#162b4555;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ui-dialog::backdrop{background:#162b4555;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ui-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 26px 23px;border-bottom:1px solid var(--border);background:#fff}.ui-dialog-heading h2{font-size:20px;letter-spacing:-.7px;margin:8px 0 0;line-height:1.5}.ui-dialog-heading p{font-size:11px;color:#8c9aac;line-height:1.7;margin:6px 0 0}.ui-dialog-heading>.ui-icon-button{background:#f6f8fa}.ui-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;background:#fafcfd;border-top:1px solid var(--border)}.ui-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100%);max-width:100%;height:100dvh;max-height:100dvh;border-radius:18px 0 0 18px;animation:drawer-in .2s ease-out}.ui-drawer .ui-dialog-heading{position:-webkit-sticky;position:sticky;top:0;z-index:2}.drawer-form{padding:24px}.drawer-form .access-fields{gap:21px}.drawer-form .access-fields>label{font-size:11px;font-weight:600;color:#607286;gap:8px;max-width:none}.drawer-form .access-fields input:not([type=checkbox]),.drawer-form .access-fields textarea{font-size:12px;line-height:1.6;padding:11px 12px;background:#fcfdfe;border:1px solid #e0e7ee;border-radius:8px;color:#43556c}.drawer-form .access-fields input:disabled{background:#f2f5f8;color:#98a5b5}.drawer-form .access-fields small{font-size:9px;line-height:1.6;color:#94a4b4}.drawer-form .access-choices{grid-template-columns:1fr;gap:0;padding:0;border:0;max-height:310px;overflow:auto}.drawer-form .access-choices legend{font-size:11px;font-weight:600;color:#607286;margin-bottom:10px}.drawer-form .access-choices label{padding:12px;border:1px solid #e8edf3;border-radius:8px;margin-bottom:7px;font-size:10px;gap:10px;background:#fcfdfe}.drawer-form .access-choices label:has(input:checked){background:#f0fbf6;border-color:#a4ddc6}.drawer-form .access-choices b{font-size:10px;font-weight:500;color:#587366;overflow-wrap:anywhere}.drawer-form .access-check{padding:14px;background:#f6faf8;border:1px solid #e2eee8;border-radius:8px}.drawer-form-footer{position:-webkit-sticky;position:sticky;bottom:-24px;margin:0 -24px -24px;padding:18px 24px;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;z-index:2;flex-direction:row-reverse}.drawer-form-footer .primary-btn{min-width:140px}.confirm-content{padding:26px;display:flex;align-items:center;gap:18px}.delete-symbol{width:54px;height:54px;display:grid;place-items:center;color:#e06c6b;background:#fff0ee;border-radius:15px;flex-shrink:0}.confirm-content p{font-size:12px;line-height:1.9;color:#7c899c;margin:0}.confirm-content strong{color:#4e6076}.danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#dc5a60;color:#fff;border:1px solid #dc5a60;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:600}.danger-btn:hover{background:#c9444e}.account-card{padding:30px;text-align:center}.account-card>.profile-avatar{width:60px;height:60px;font-size:20px;margin:auto}.account-card h3{font-size:17px;margin:16px 0 4px}.account-card p{font-size:12px;color:#8c99a9;margin:0 0 16px}.account-card .tag-list{justify-content:center}.command-search{display:flex;align-items:center;gap:12px;margin:20px 24px;padding:12px 14px;background:#f7fafb;border:1px solid #e1eaf0;border-radius:8px;color:#79a294}.command-search input{border:0;background:transparent;width:100%;outline:0;font-size:12px;color:#527265}.command-results{padding:0 24px 24px}.command-results button{border:0;background:white;color:#7a899b;width:100%;display:flex;align-items:center;gap:12px;padding:14px 10px;border-radius:8px;font-size:12px}.command-results button:hover{background:#effaf5;color:#00855d}.command-results button span{flex:1 1;text-align:left}.command-results>p{color:#8c99ab;font-size:12px;padding:12px}.guide-steps{padding:26px;display:flex;flex-direction:column;gap:24px}.guide-steps>div{display:flex;gap:15px}.guide-steps>div>span{display:grid;place-items:center;flex-shrink:0;background:#eaf8f1;color:#1aa679;border-radius:10px;width:40px;height:40px}.guide-steps h3{font-size:12px;margin:0 0 7px}.guide-steps p{font-size:11px;color:#8898aa;line-height:1.7;margin:0}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}.ui-toast{background:#fff;box-shadow:0 6px 16px #16332309,0 18px 45px #16332312;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;pointer-events:auto;animation:toast-in .25s ease-out;color:#18a174;border:1px solid #e1eee6;border-left:3px solid #24b58a}.ui-toast>svg{margin-top:1px;flex-shrink:0}.ui-toast>div{flex:1 1}.ui-toast strong{font-size:11px;font-weight:600;color:#455d55}.ui-toast p{font-size:11px;color:#84978e;line-height:1.7;margin:4px 0 0}.ui-toast button{background:transparent;border:0;color:#a4b1a9;display:flex;padding:2px}.ui-toast-error{border-left-color:#e67878;color:#de7272}.ui-toast-error strong{color:#8b5959}.ui-toast-info{border-left-color:#75a5d6;color:#6d9acc}.form-message{font-size:11px;line-height:1.8;border-radius:8px}.spin{animation:spin 1s linear infinite}.dashboard-content{padding:0 30px 15px;max-width:1650px;margin:auto}.welcome-row{position:relative;min-height:180px;margin:0 -30px 24px;padding:28px 34px;background:radial-gradient(ellipse at 69% 50%,#ddf8ed 0,transparent 46%),linear-gradient(110deg,#f8fbfd,#f0faf7);overflow:hidden}.welcome-row>div:first-child{z-index:1}.welcome-row h1{font-size:27px;font-weight:700;letter-spacing:-.8px;line-height:1.45;margin:7px 0 6px;color:#23374d}.welcome-row h1 em{font-style:normal;color:#00a575}.welcome-row p{font-size:11px;color:#8594a5}.wave{font-size:24px;color:#f9bf64;font-weight:400;margin-left:5px}.demo-label{display:inline-flex;align-items:center;border:1px solid #dbe9e4;border-radius:20px;font-size:8px;color:#92a79c;padding:3px 7px;margin-top:11px;background:#ffffff77}.date-chip{position:relative;z-index:1;border-left:1px solid #d9eae2;flex-direction:column;align-items:flex-start;gap:12px;padding:13px 20px;color:#6b8e7d;font-size:11px;min-width:150px}.date-chip svg{color:#11ad80}.welcome-art{position:absolute;right:200px;top:12px;width:220px;height:180px;pointer-events:none}.art-circle{position:absolute;width:155px;height:155px;border-radius:50%;background:#c8f2e440;top:20px;left:30px;border:1px solid #baedd733}.art-phone{position:absolute;left:81px;top:17px;height:134px;width:75px;transform:rotate(8deg);border:4px solid #00ad7c;border-radius:14px;background:linear-gradient(#fff,#e0f9f0);box-shadow:9px 11px 0 #7bceb426;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#0fae7a}.art-phone:before{content:"";width:26px;height:4px;position:absolute;top:3px;background:#00ad7c;border-radius:0 0 5px 5px}.art-phone span{height:4px;width:35px;border-radius:5px;background:#b7e7d8}.art-phone span:last-child{width:23px}.art-bottle{position:absolute;left:35px;bottom:14px;width:45px;height:67px;background:linear-gradient(90deg,#fff,#dcf4eb);border:1px solid #b9e4d3;border-radius:9px 9px 12px 12px;display:grid;place-items:center;z-index:1;color:#1eb986;box-shadow:5px 5px 12px #1778560c}.art-bottle:before{content:"";position:absolute;top:-9px;height:12px;width:33px;border-radius:4px;background:#74cfae;border:2px solid #bbe8d9}.art-pill{position:absolute;right:20px;bottom:12px;color:#76cca7;transform:rotate(20deg)}.dashboard-grid{grid-template-columns:1fr;gap:20px}.primary-column,.right-column{display:contents}.stats-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat-card{position:relative;padding:21px 18px 19px 76px;min-height:116px;border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden}.stat-icon{position:absolute;left:17px;top:25px;width:44px;height:44px;background:#e7faf1;color:#03a678}.stat-card:nth-child(2) .stat-icon{background:#ebf3ff;color:#528ce4}.stat-card:nth-child(3) .stat-icon{background:#fff0e4;color:#ed995c}.stat-card:nth-child(4) .stat-icon{background:#f1eaff;color:#a480e8}.stat-label{font-size:10px;color:#7b8b9f;margin:0 0 5px}.stat-value{font-size:25px;font-weight:700;letter-spacing:-.7px;color:#263950}.growth,.stat-value{position:relative;z-index:1}.growth{font-size:9px;margin-top:9px;gap:2px;white-space:nowrap}.growth svg{width:12px}.growth span{font-size:8px;color:#97a6b5}.stat-spark{position:absolute;right:14px;bottom:27px;height:43px;display:flex;align-items:flex-end;gap:3px;opacity:.24}.stat-spark i{width:4px;background:#32c398;height:15%;border-radius:2px}.stat-spark i:nth-child(2){height:45%}.stat-spark i:nth-child(3){height:65%}.stat-spark i:nth-child(4){height:53%}.stat-spark i:nth-child(5){height:100%}.stat-card:nth-child(2) .stat-spark i{background:#529bff}.stat-card:nth-child(3) .stat-spark i{background:#ffac75}.stat-card:nth-child(4) .stat-spark i{background:#ad7fe9}.analytics-grid{grid-column:1/-1;grid-template-columns:1.55fr 1fr;gap:20px}.panel{border-radius:12px;box-shadow:var(--shadow-card);padding:21px}.section-heading{font-size:12px;color:#34495f;gap:9px}.section-heading svg{width:17px;color:#09a377}.section-title{margin-bottom:21px}.range-select{background:#fff;border-color:#e8eef3;color:#8a9baa;font-size:9px;border-radius:7px;right:20px;top:18px}.chart-wrap{height:210px}.x-labels,.y-labels{font-size:8px;color:#9eabb9}.donut-row{padding:17px 0 12px;gap:20px}.donut{background:conic-gradient(#00ac7b 0 68%,#ffd269 68% 86%,#ffad61 86% 95%,#fa8888 95% 100%);width:150px;height:150px;flex-basis:150px}.donut:before{inset:23px}.donut b{font-size:23px;font-weight:700;color:#31455a}.donut span{font-size:9px;color:#91a1b0}.legend{min-width:105px;gap:19px}.legend div{font-size:9px;gap:7px;grid-template-columns:8px 1fr auto}.dot{width:7px;height:7px}.delivered{background:#00ac7b}.processing{background:#ffd269}.pending{background:#ffad61}.cancelled{background:#fa8888}.products-panel{grid-column:1/-1;position:relative}.product-search{display:flex;align-items:center;gap:7px;border:1px solid #e7edf3;border-radius:6px;padding:7px 9px;position:absolute;right:20px;top:16px;color:#98aaba}.product-search input{border:0;outline:0;background:transparent;font-size:10px;width:145px;color:#758c9c}.data-table{font-size:10px}.data-table th{background:#f7f9fc;color:#91a0b3;font-size:9px;padding:12px}.data-table td{border-bottom-color:#eff3f6;padding:12px;color:#6d8193}.data-table td:nth-child(2){font-weight:500;color:#4b6276}.quick-actions{background:#fff;border:1px solid var(--border);border-radius:12px;padding:21px;box-shadow:var(--shadow-card)}.quick-actions h2{font-size:12px;color:#34495f;margin-bottom:17px}.quick-grid{gap:10px}.quick-grid button{font-size:10px;height:81px;background:#effaf5;border:0;color:#209e73;border-radius:8px}.quick-grid button span{background:transparent}.quick-grid button:nth-child(2){background:#edf4ff;color:#588ecb}.quick-grid button:nth-child(2) span{color:#588ecb}.quick-grid button:nth-child(3){background:#fff3eb;color:#d99563}.quick-grid button:nth-child(3) span{color:#d99563}.quick-grid button:nth-child(4){background:#f4efff;color:#9d7dcc}.quick-grid button:nth-child(4) span{color:#9d7dcc}.low-stock-panel .compact,.recent-orders .compact{font-size:10px}.low-stock-panel .status-alert,.status{font-size:8px}.status{padding:4px 8px}.more-btn:hover{background:#f0f8f5;border-radius:4px}.vendors-page{background:transparent;min-height:0}.vendors-content{max-width:1650px;padding:27px 32px 0;margin:auto}.vendors-heading-row h1{font-size:28px;letter-spacing:-1px}.vendors-heading-row p{font-size:11px}.vendor-summary,.vendor-table-card{border-color:var(--border);box-shadow:var(--shadow-card);border-radius:12px}.vendor-summary b{font-size:26px}.vendor-summary small,.vendor-summary span{font-size:10px}.vendor-table-heading h2{font-size:14px}.vendor-table-heading p{font-size:10px;color:#94a1b0}.vendor-table th{font-size:8px;letter-spacing:.5px;background:#f8fafc}.vendor-table td{font-size:11px}.vendor-status{font-size:9px}.row-actions button{border:0;border-radius:7px;background:none;color:#94a4b6;width:30px;height:30px}.row-actions button:hover{background:#edf7fd;color:#589ccc}.row-actions .delete-action:hover{background:#fff0f0;color:#de7575}.vendor-modal{border-radius:16px;box-shadow:0 25px 90px #16304733}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#162b4555;z-index:90}.login-page{font-family:Cure Sans,sans-serif}.login-brand b{letter-spacing:-.7px}.login-submit{background:var(--green);font-family:inherit}.login-visual{background:linear-gradient(135deg,#ecfaf4,#d9f4e9)}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes toast-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@media(min-width:1350px){.dashboard-grid{grid-template-columns:1.65fr 1fr}.analytics-grid{grid-column:1/-1;grid-template-columns:1.5fr 1fr}.products-panel{grid-column:1;grid-row:3/5}.quick-actions{grid-column:2;grid-row:3}.recent-orders{grid-column:2;grid-row:4}.low-stock-panel{grid-column:1/-1}.low-stock-table td,.low-stock-table th{padding:12px 20px}.welcome-art{right:245px}}@media(min-width:1700px){.dashboard-grid{grid-template-columns:1.5fr 1fr 1fr}.analytics-grid{grid-column:1/3;grid-row:2}.quick-actions{grid-column:3;grid-row:2}.products-panel{grid-column:1/3;grid-row:3}.recent-orders{grid-column:3;grid-row:3}.low-stock-panel{grid-column:1/-1}}@media(max-width:1190px){.workspace-header{gap:12px;padding:0 23px}.header-crumb{display:none}.workspace-search{margin-left:0;flex:1 1;max-width:none;width:auto}.profile-copy{max-width:140px}.management-page{padding:24px}.management-stat{padding:18px 14px;gap:11px}.metric-decoration{display:none}.stat-card{padding:20px 12px 17px 62px}.stat-icon{width:36px;height:36px;left:13px}.stat-value{font-size:21px}.growth span{font-size:7px}.welcome-art{right:135px;opacity:.55}.date-chip{min-width:115px;padding:12px}.dashboard-content{padding:0 24px 15px}.welcome-row{margin:0 -24px 24px}.management-table td,.management-table th{padding-left:18px;padding-right:18px}.workspace{--sidebar-size:220px}.workspace-compact{--sidebar-size:76px}.workspace-promo{padding:16px 12px}.workspace-brand{padding:0 7px;gap:9px}.brand-copy b{font-size:22px}.workspace-compact .workspace-brand{padding:0}.workspace-compact .workspace-sidebar{padding:0 15px}}@media(max-width:1000px){.workspace{--sidebar-size:86px}.workspace .brand-copy,.workspace .nav-caption,.workspace .workspace-nav-link i,.workspace .workspace-nav-link span,.workspace .workspace-promo,.workspace .workspace-sidebar-bottom span,.workspace .workspace-version{display:none}.workspace .workspace-brand{padding:0 7px}.workspace .workspace-nav-link{justify-content:center;padding:0}.workspace .workspace-nav{gap:14px}.desktop-menu{display:none}.management-heading h1{font-size:26px}.welcome-art{right:160px}.header-crumb{display:none}.management-stat small{font-size:8px}.workspace-sidebar{padding:0 16px}.vendors-content{padding:24px}.workspace-search{max-width:none}.workspace-header{gap:16px}}@media(max-width:760px){.workspace,.workspace-compact{--sidebar-size:0px;--header-size:66px}.workspace-sidebar{width:246px;transform:translateX(-100%);transition:transform .2s;z-index:71}.workspace-menu-open .workspace-sidebar{transform:translateX(0)}.workspace .brand-copy,.workspace .nav-caption,.workspace .workspace-nav-link i,.workspace .workspace-nav-link span,.workspace .workspace-promo,.workspace .workspace-sidebar-bottom span,.workspace .workspace-version{display:block}.workspace .workspace-brand{padding:0 10px}.workspace .workspace-nav-link{justify-content:flex-start;padding:0 14px}.workspace .workspace-nav{gap:28px}.workspace .workspace-version{display:flex}.workspace-menu-open .workspace-scrim{display:block;position:fixed;inset:0;background:#17324966;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70;border:0}.mobile-menu{display:inline-flex}.workspace-header{padding:0 15px;gap:12px}.header-tools{display:none}.workspace-search{min-width:0;height:35px}.workspace-search kbd{display:none}.workspace-profile{padding-left:12px;gap:0}.profile-copy,.workspace-profile>svg{display:none}.profile-avatar{width:33px;height:33px;font-size:10px}.workspace-search span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.management-page{padding:21px 16px 0}.page-breadcrumb{margin-bottom:21px;font-size:9px;flex-wrap:wrap}.management-heading{gap:10px;margin-bottom:22px;align-items:flex-start}.management-heading h1{font-size:24px}.management-heading p{font-size:10px;max-width:240px}.management-heading>.primary-btn{font-size:10px;padding:10px 12px;margin-top:23px;gap:5px}.management-heading .ui-overline{font-size:7px;letter-spacing:1px}.management-stats{gap:9px;margin-bottom:22px}.management-stat{padding:14px 10px;gap:8px;align-items:flex-start;flex-direction:column;border-radius:10px}.metric-icon{width:31px;height:31px;border-radius:9px}.metric-icon svg{width:16px}.management-stat strong{font-size:23px}.management-stat>div>span{font-size:8px}.management-stat small{display:none}.management-card-heading{padding:17px 15px}.management-card-heading p{display:none}.management-card-heading h2{font-size:12px}.table-title-icon{width:30px;height:30px}.management-toolbar{padding:0 15px 16px;flex-wrap:wrap;gap:10px}.management-search{flex-basis:100%;max-width:none;min-width:0}.table-filters{margin-left:auto}.management-table th{font-size:7px;padding:12px 15px}.management-table td{padding:16px 15px}.record-identity{min-width:175px}.management-pagination{padding:14px 15px;font-size:9px}.management-note{font-size:8px;line-height:1.8}.workspace-footer{padding:24px 16px;font-size:8px}.workspace-footer>span:last-child{font-size:8px}.dashboard-content{padding:0 16px 12px}.welcome-row{margin:0 -16px 18px;padding:24px 20px;min-height:175px}.welcome-row h1{font-size:24px}.welcome-row p{max-width:250px;font-size:10px;line-height:1.7}.welcome-row .date-chip{display:none}.welcome-art{right:3px;opacity:.28;top:23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:18px 13px 17px 63px;min-height:109px}.stat-value{font-size:24px}.stat-label{font-size:9px}.stat-icon{width:35px;height:35px;left:14px}.stat-icon svg{width:19px}.growth{font-size:8px}.growth span{font-size:7px}.analytics-grid{grid-template-columns:1fr;gap:16px}.dashboard-grid{gap:16px}.donut-row,.panel{padding:18px}.donut-row{justify-content:center;gap:30px}.legend{flex:none;min-width:145px}.quick-actions{padding:18px}.products-panel .section-title{margin-bottom:49px}.product-search{top:52px;left:18px;right:18px}.product-search input{width:100%}.product-thumb{width:25px;height:30px}.chart-wrap{height:190px}.ui-dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.ui-dialog.ui-drawer{width:100%;max-height:100dvh;border-radius:0}.ui-dialog-heading{padding:23px 20px 20px}.ui-dialog-heading h2{font-size:18px}.drawer-form{padding:20px}.drawer-form-footer{margin:0 -20px -20px;bottom:-20px;padding:16px 20px}.toast-stack{bottom:16px;right:16px}.vendors-content{padding:20px 16px 0}.vendors-heading-row h1{font-size:24px}.vendors-heading-row{gap:14px}.vendor-summary-grid{gap:9px}.vendor-summary{padding:14px 10px}.vendor-table-heading{padding:18px 15px}.vendor-toolbar{padding:0 15px 16px}.vendor-pagination{padding:14px 15px}.guide-steps{padding:22px}.access-page{padding:26px 20px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.workspace-nav-link{font-size:13px}.header-crumb,.profile-copy strong,.workspace-search{font-size:12px}.profile-copy small{font-size:9px}.management-heading p{font-size:12px;color:#748296}.management-stat>div>span{font-size:12px;color:#6d7f93}.management-stat small{font-size:10px;color:#8594a5}.management-card-heading h2{font-size:15px}.management-card-heading p{font-size:11px;color:#8493a4}.management-table th{font-size:9px;color:#7b8a9e}.management-table td,.record-identity strong{font-size:12px}.record-identity small{font-size:11px;color:#8696a8}.role-tag{font-size:9px}.permission-count,.state-badge{font-size:10px}.management-search input{font-size:12px}.management-pagination{font-size:11px}.management-note{font-size:10px}.description-cell{font-size:11px;color:#7d8c9e}.management-toolbar select,.sort-button{font-size:11px}.drawer-form .access-fields>label,.primary-btn,.secondary-btn{font-size:12px}.drawer-form .access-fields small{font-size:10px}.drawer-form .access-choices b{font-size:11px}.drawer-form .access-choices legend{font-size:12px}.quick-actions h2,.section-heading{font-size:13px}.data-table,.stat-label{font-size:11px}.data-table th{font-size:10px}.status{font-size:9px}.legend div{font-size:10px}.toast-stack[popover]{inset:auto 24px 24px auto;margin:0;padding:0;border:0;background:transparent;overflow:visible;color:inherit}.toast-stack[popover]:not(:popover-open){display:none}@media(min-width:1280px){.dashboard-grid{grid-template-columns:1.45fr 1fr 1fr}.analytics-grid{display:contents}.sales-panel{grid-column:1;grid-row:2}.order-status-panel{grid-column:2;grid-row:2}.quick-actions{grid-column:3;grid-row:2}.products-panel{grid-column:1/3;grid-row:3}.recent-orders{grid-column:3;grid-row:3}.low-stock-panel{grid-column:1/-1;grid-row:4}.donut-row{gap:13px;padding:31px 0 16px;flex-wrap:wrap}.donut{width:123px;height:123px;flex-basis:123px}.donut:before{inset:18px}.legend{min-width:95px}.legend div{font-size:9px}.quick-grid{gap:11px}.quick-grid button{height:90px}.quick-grid button span{height:27px}.chart-wrap{height:202px}.stat-value{font-size:25px}.range-select{max-width:105px}.products-panel{align-self:stretch}.recent-orders .data-table td,.recent-orders .data-table th{padding:12px 6px;font-size:9px}}@media(max-width:760px){.workspace-sidebar{visibility:hidden}.workspace-menu-open .workspace-sidebar{visibility:visible}.management-stat>div>span{font-size:9px}.management-card-heading h2{font-size:13px}.management-note,.management-pagination{font-size:9px}.management-heading p,.primary-btn,.secondary-btn{font-size:11px}.management-table th{font-size:9px}.toast-stack[popover]{inset:auto 16px 16px auto}.workspace-nav-link{font-size:13px}.stat-label{font-size:10px}}.drawer-form .access-fields>label>select{width:100%;border:1px solid #dfe8ee;border-radius:8px;padding:12px;background:white;color:inherit}.drawer-form .access-fields>label>select:focus{outline:2px solid #159653}.management-table th.action-heading,.vendor-table th.action-heading,.vendor-table th:last-child{text-align:center}.management-table td.action-cell,.vendor-table td.action-cell{text-align:center;white-space:nowrap}.action-cell .record-actions,.action-cell .row-actions{justify-content:center}.workspace-sidebar{overflow-y:auto}.ui-form-dialog{width:min(900px,calc(100% - 48px));max-width:900px;margin:auto}.ui-form-dialog .ui-dialog-heading{position:-webkit-sticky;position:sticky;top:0;z-index:3}.ui-form-dialog .access-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ui-form-dialog .access-fields>label{min-width:0}.ui-form-dialog .access-fields>div,.ui-form-dialog .access-fields>fieldset,.ui-form-dialog .access-fields>label:has(input[type=checkbox]),.ui-form-dialog .access-fields>label:has(textarea),.ui-form-dialog .access-fields>p,.ui-form-dialog .access-fields>small{grid-column:1/-1}.ui-form-dialog textarea{min-height:90px;resize:vertical}.ui-form-dialog .drawer-form-footer{z-index:3}@media (max-width:640px){.ui-form-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.ui-form-dialog .access-fields{grid-template-columns:minmax(0,1fr)}}.workspace .workspace-nav{gap:3px;padding-top:12px;padding-bottom:18px}.workspace .workspace-nav-link{min-height:39px;height:auto;padding-top:9px;padding-bottom:9px}.image-upload-field{grid-column:1/-1}.image-upload-label{display:block;font-size:12px;font-weight:600;color:#607286;margin-bottom:10px}.image-upload-box{display:flex;align-items:center;gap:20px;border:1px dashed #b9d9cd;border-radius:12px;padding:18px;background:#f8fcfa}.image-upload-placeholder,.image-upload-preview{width:104px;height:104px;border-radius:10px;object-fit:contain;background:white;flex-shrink:0}.image-upload-placeholder{display:grid;place-items:center;color:#1aa679;background:#e8f7f0}.image-upload-box strong{font-size:13px;color:#43556c}.image-upload-box p{font-size:11px;color:#82939e}.image-upload-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:640px){.image-upload-box{align-items:flex-start;gap:12px;padding:12px}.image-upload-placeholder,.image-upload-preview{width:64px;height:64px}}:root{--green:#16b8b5;--green-dark:#0d929e;--mint:#e0f7f6;--bg:#eff8fc;--border:#dceef2;--ink:#173747}.workspace-brand-icon{background:linear-gradient(135deg,#17b6ad,#38bdeb)}.workspace .workspace-nav-link.selected{background:#def6f7;color:#0b8c9b}.management-card{box-shadow:0 8px 28px #247c8d08}.dashboard-welcome{padding:28px;border-radius:18px;background:linear-gradient(110deg,#d5f5f0,#dff2fc)}.live-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.live-metric{padding:22px;background:white;border:1px solid var(--border);border-radius:14px}.live-metric>span{display:flex;gap:10px;align-items:center;color:#168c9d;font-size:12px}.live-metric>span svg:last-child{margin-left:auto}.live-metric strong{display:block;font-size:32px;margin:14px 0 4px}.live-metric small{color:#7d98a4}.live-dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:18px;gap:18px;margin-bottom:24px}.live-statuses{padding:0 24px 24px}.live-statuses>div{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;margin-bottom:16px;font-size:12px}.live-statuses progress{grid-column:1/-1;width:100%;height:8px;accent-color:var(--green)}.live-recent{margin-bottom:22px}.record-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;padding:24px}.record-details dt{font-size:11px;color:#6b8999;margin-bottom:6px}.record-details dd{margin:0;overflow-wrap:anywhere}@media(max-width:640px){.record-details{grid-template-columns:1fr}.dashboard-welcome{padding:20px}}.switch input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;cursor:pointer}.switch span{pointer-events:none}.switch:focus-within{outline:3px solid #38bfd377;outline-offset:3px;border-radius:20px}.workspace .workspace-nav-link{margin:0;min-height:36px;padding-top:8px;padding-bottom:8px}.reference-dashboard{padding:18px 22px 0}.dashboard-hero{position:relative;min-height:156px;border-radius:15px;overflow:hidden;background:linear-gradient(110deg,#def8f8,#c8f2f5);margin-bottom:14px}.dashboard-hero-copy{position:relative;z-index:1;width:62%;padding:29px 30px;background:linear-gradient(90deg,#e1f8f8 70%,transparent)}.dashboard-hero-copy>span{font-size:8px;font-weight:600;letter-spacing:2px;color:#829caa}.dashboard-hero-copy h1{font-size:25px;color:#122f52;letter-spacing:-.8px;margin:10px 0 9px}.dashboard-hero-copy h1 em{font-style:normal;color:#008eaa}.dashboard-hero-copy p{color:#688ba3;font-size:11px;line-height:1.8;margin:0}.dashboard-hero-art{position:absolute;inset:0 0 0 52%;background:url(/admin-panel.png) no-repeat 100%;background-size:210% auto}.hero-refresh{position:absolute;top:12px;right:12px;z-index:2;border:1px solid #ffffff99;background:#ffffffe0;color:#119fb1;padding:7px;border-radius:8px;display:flex}.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.dashboard-metric{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:100px;padding:15px 12px;border:1px solid #e1eef7;border-radius:13px;background:white;overflow:hidden}.tone-cyan{--tone:#08adc4;--tone-bg:#def8fc}.tone-pink{--tone:#fb6298;--tone-bg:#ffedf4}.tone-blue{--tone:#179fff;--tone-bg:#e4f5ff}.tone-mint{--tone:#03c5a2;--tone-bg:#ddfaf2}.tone-purple{--tone:#9362ff;--tone-bg:#f1ebff}.dashboard-metric-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:var(--tone);background:var(--tone-bg)}.dashboard-metric-copy>span{font-size:10px;color:#4c7095;font-weight:600}.dashboard-metric-copy strong{display:block;color:#15345b;font-size:22px;line-height:1.3;margin:5px 0;letter-spacing:-.5px}.dashboard-metric-copy small{display:flex;gap:2px;align-items:center;font-size:9px}.growth-up{color:#0cbb99}.growth-down{color:#e6788d}.dashboard-metric-copy small em{position:absolute;width:1px;height:1px;overflow:hidden}.metric-link{position:absolute;right:12px;top:15px;color:#089cb5}.metric-line{position:absolute;width:61px;height:26px;right:9px;bottom:10px;color:var(--tone)}.dashboard-middle{display:grid;grid-template-columns:2.1fr 1fr .9fr;grid-gap:13px;gap:13px;margin-bottom:14px}.dashboard-panel{min-width:0;background:white;border:1px solid #e1eef7;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #3486a503}.dashboard-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 15px 10px}.dashboard-panel-heading h2{font-size:12px;color:#183961;margin:0;letter-spacing:-.15px}.dashboard-panel-heading>a{display:flex;align-items:center;gap:2px;font-size:9px;color:#1697f5}.dashboard-trend{padding:0 14px 10px}.trend-legend{display:flex;gap:12px;font-size:8px;color:#5c7d9d;align-items:center}.trend-legend>span{display:flex;align-items:center;gap:4px}.trend-legend i{width:6px;height:6px;border-radius:50%;background:#10b3c4}.trend-legend>span:nth-child(2) i{background:#74dfe1}.trend-legend small{margin-left:auto;border:1px solid #edf2f7;padding:4px 7px;border-radius:5px;white-space:nowrap}.dashboard-trend svg{display:block;width:100%;height:178px}.trend-caption{margin:0;font-size:8px;color:#7a96ac;min-height:13px}.booking-overview{padding:14px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.booking-donut{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;margin:auto}.booking-donut>div{width:84px;height:84px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column}.booking-donut strong{font-size:21px;color:#183961}.booking-donut span{font-size:8px;color:#7594ac;margin-top:4px}.booking-legend{width:100%;display:flex;flex-direction:column;gap:9px}.booking-legend a{display:flex;gap:6px;font-size:9px;align-items:center;color:#587b9b}.booking-legend i{width:7px;height:7px;border-radius:50%}.booking-legend b{margin-left:auto;color:#294d75}.dashboard-quick-actions{padding:4px 12px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.dashboard-quick-actions a{position:relative;background:var(--tone-bg);color:var(--tone);border-radius:9px;padding:13px 10px;display:flex;flex-direction:column;gap:10px}.dashboard-quick-actions a>svg:nth-child(2){position:absolute;right:9px;top:11px}.dashboard-quick-actions span{font-size:9px;color:#345f82}.dashboard-bottom{display:grid;grid-template-columns:1.55fr 1.15fr 1fr;grid-gap:13px;gap:13px}.dashboard-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.dashboard-table th{background:#f3f8fc;color:#7891a9;font-size:8px;font-weight:600;padding:9px 11px}.dashboard-table td{padding:11px;font-size:9px;color:#416286;border-bottom:1px solid #f4f8fa}.dashboard-status{background:#edf4fb;color:#6482a5;padding:4px 6px;border-radius:5px;font-size:8px}.status-completed,.status-confirmed,.status-success{background:#dcfaf2;color:#05a989}.status-pending,.status-scheduled{background:#fff1de;color:#dd9a45}.status-cancelled,.status-failed{background:#ffebf0;color:#dc7190}.dashboard-activity{padding:2px 14px 10px}.dashboard-activity>a{display:flex;align-items:flex-start;gap:9px;padding:9px 0}.activity-icon{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--tone-bg);color:var(--tone)}.dashboard-activity strong{display:block;color:#3f6085;font-size:9px}.dashboard-activity small{display:block;color:#90a4b9;font-size:8px;margin-top:4px}.dashboard-activity time{color:#829eb5;font-size:8px;white-space:nowrap;margin-left:auto}.dashboard-empty{font-size:11px;color:#819caf;padding:18px;margin:0}.sidebar-care-art{margin:auto 0 14px;padding-top:14px}.sidebar-care-art img{width:100%;display:block}.workspace-compact .sidebar-care-art{display:none}@media(min-width:1600px){.booking-overview{flex-wrap:nowrap}.booking-legend{flex:1 1}.booking-donut{flex-shrink:0}}@media(max-width:1200px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-middle{grid-template-columns:1.7fr 1fr}.dashboard-middle>.dashboard-panel:last-child{grid-column:1/-1}.dashboard-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom>.dashboard-panel:last-child{grid-column:1/-1}}@media(max-width:760px){.reference-dashboard{padding:15px 14px 0}.dashboard-hero-copy{width:80%;padding:23px 20px}.dashboard-hero-copy h1{font-size:21px}.dashboard-hero-art{opacity:.32;left:30%}.dashboard-hero-copy p{font-size:10px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashboard-metric{min-height:95px;padding:12px 9px;gap:7px}.dashboard-metric-copy strong{font-size:20px}.dashboard-metric-icon{width:29px;height:29px}.metric-line{width:42px}.dashboard-bottom,.dashboard-middle{grid-template-columns:minmax(0,1fr)}.dashboard-bottom>.dashboard-panel:last-child,.dashboard-middle>.dashboard-panel:last-child{grid-column:auto}.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-overview{flex-wrap:nowrap}.booking-legend{flex:1 1}.booking-donut{flex-shrink:0}.sidebar-care-art{max-width:210px}}.workspace-sidebar{overflow:hidden}.workspace .workspace-nav{flex:1 1;min-height:0;overflow-y:auto}.sidebar-care-art,.workspace-brand{flex-shrink:0}.sidebar-care-art{margin:0 0 12px;padding-top:8px}.sidebar-care-art img{max-height:112px;object-fit:contain}.dashboard-hero-art{background-position:right 35%}@media (max-width:760px){.dashboard-metric-copy{min-width:0}.dashboard-metric .metric-link{display:none}}