@font-face{font-family:Ariom;src:url(/assets/fonts/Ariom-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{font-family:Montserrat,Arial,sans-serif;color:#24211e;background:#f7f4ef;font-synthesis:none;--ink:#24211e;--gold:#ac7d36;--gold-deep:#8d652c;--cream:#f8f3eb;--paper:#fffdf9;--line:#e7e0d5;--muted:#736c64;--green:#398549}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;height:100%;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #bd8c45;outline-offset:2px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Ariom,Montserrat,sans-serif;letter-spacing:-.025em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-app{min-height:100vh;background:#f7f4ef}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#221f1b;color:#fff;display:flex;flex-direction:column;z-index:30}.brand-lockup{height:88px;padding:15px 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff14}.brand-mark{width:38px;height:45px;overflow:hidden;position:relative;flex:none}.brand-mark img{position:absolute;width:94px;max-width:none;left:50%;top:50%;transform:translate(-50%,-48%);filter:brightness(0) invert(1)}.brand-lockup strong{display:block;font:700 21px Ariom,sans-serif}.brand-lockup small{display:block;margin-top:3px;color:#aaa39a;font-size:9px}.mobile-close{display:none;background:none;border:0;color:#fff;margin-left:auto}.sidebar-nav{padding:14px 12px 25px;overflow:auto;scrollbar-width:thin;scrollbar-color:#625a50 transparent}.nav-group+.nav-group{margin-top:15px}.nav-label{display:block;color:#948c82;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:0 11px 7px}.sidebar-nav button{width:100%;height:39px;display:flex;align-items:center;gap:11px;padding:0 11px;background:transparent;color:#ded9d3;border:0;border-radius:7px;text-align:left;font-size:11px}.sidebar-nav button svg{width:17px;height:17px;stroke-width:1.7;flex:none}.sidebar-nav button:hover{background:#ffffff0e}.sidebar-nav button.is-active{background:linear-gradient(90deg,#745a34,#55452f);color:#fff}.admin-identity{margin-top:auto;border-top:1px solid #ffffff1c;padding:14px 18px;display:flex;align-items:center;gap:10px}.admin-identity>span{width:34px;height:34px;border-radius:50%;background:#ac7d36;display:grid;place-items:center;font-size:10px;font-weight:700}.admin-identity div{min-width:0;flex:1}.admin-identity strong,.admin-identity small{display:block}.admin-identity strong{font-size:10px}.admin-identity small{color:#aaa39a;font-size:8px;margin-top:2px}.admin-identity svg{width:15px}.main-shell{margin-left:250px;min-height:100vh}.topbar{height:88px;background:#fffdf9;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;gap:20px;position:sticky;top:0;z-index:20}.topbar-heading{min-width:0}.eyebrow{font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9a6826}.topbar h1{font-size:25px;line-height:1.1;margin-top:4px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.save-status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.save-status i{width:8px;height:8px;background:var(--green);border-radius:50%}.button{min-height:42px;padding:0 16px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.02em;border-radius:5px;white-space:nowrap}.button svg{width:16px}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--gold);border-color:var(--gold);color:#fff}.button.primary:hover{background:var(--gold-deep)}.button.secondary{background:#fffdf9}.menu-trigger,.mobile-brand{display:none}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:31px 36px 21px;max-width:1450px;margin:auto}.page-intro h2{font-size:34px;margin:5px 0}.page-intro p{font-size:11px;color:var(--muted);line-height:1.5}.page-content{padding:0 36px 44px;max-width:1450px;margin:auto}.mobile-tabs{display:none}.editor-toolbar{height:60px;background:#fffdf9;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:9px 18px;display:flex;align-items:center;justify-content:space-between}.editor-toolbar label{display:block;font-size:8px;color:var(--muted);margin-bottom:3px}.select-wrap{position:relative;display:flex;align-items:center}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-weight:700;font-size:12px;padding:0 25px 0 0}.select-wrap svg{position:absolute;right:0;width:15px;pointer-events:none}.product-count{font-size:9px;color:var(--muted)}.editor-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);background:#fffdf9;border:1px solid var(--line);border-radius:0 0 10px 10px;overflow:hidden}.edit-pane{padding:22px 24px 18px;border-right:1px solid var(--line)}.pane-title h2,.preview-heading h2{font-size:18px}.pane-title p,.preview-heading p{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.5}.media-editor{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:18px;margin-top:18px}.media-editor label,.form-grid>label,.description-field{display:block;font-size:9px;font-weight:700}.media-editor label small{color:#9a958e;font-weight:400}.main-image{position:relative;width:100%;margin-top:7px;padding:0;border:0;border-radius:7px;overflow:hidden;background:#f3ecdf;aspect-ratio:1}.main-image img{width:100%;height:100%;object-fit:cover}.main-image>span{position:absolute;right:8px;top:8px;background:#fff;padding:7px 9px;border-radius:5px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700;box-shadow:0 3px 12px #3a2d1c1a}.main-image svg{width:13px}.thumbnail-row{display:grid;grid-template-columns:repeat(4,minmax(56px,1fr));gap:7px;margin-top:7px}.thumbnail-row button{aspect-ratio:1;border:1px solid var(--line);background:#fff;padding:3px;border-radius:6px;overflow:hidden}.thumbnail-row button.selected{border:2px solid var(--gold)}.thumbnail-row img{width:100%;height:100%;object-fit:cover;border-radius:3px}.thumbnail-row .add-image{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:7px;color:var(--muted)}.add-image svg{width:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.form-grid input,.description-field textarea{width:100%;border:1px solid var(--line);background:#fff;padding:11px 12px;border-radius:5px;margin-top:6px;font-size:11px}.currency-input{display:flex;position:relative}.currency-input b{position:absolute;left:11px;top:18px;font-size:9px;color:#766e65}.currency-input input{padding-left:42px}.promotion-row{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.switch{width:43px;height:25px;padding:3px;border:0;border-radius:999px;background:#ccc4ba;flex:none}.switch span{display:block;width:19px;height:19px;background:#fff;border-radius:50%;transition:transform .2s}.switch.is-on{background:var(--gold)}.switch.is-on span{transform:translate(18px)}.promotion-row strong{display:block;font-size:10px}.promotion-row p{font-size:8px;color:var(--muted);margin-top:3px}.description-field{position:relative;margin-top:15px}.description-field textarea{resize:vertical;line-height:1.6;font-weight:400}.description-field>span{position:absolute;right:10px;bottom:9px;font-size:7px;color:#aaa}.preview-pane{padding:22px 20px;background:#fff}.preview-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.device-toggle{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.device-toggle button{width:31px;height:28px;border:0;background:#fff;display:grid;place-items:center}.device-toggle button+button{border-left:1px solid var(--line)}.device-toggle button.is-active{background:var(--cream);color:var(--gold-deep)}.device-toggle svg{width:14px}.store-preview{margin:18px auto 0;transition:max-width .25s}.store-preview.mobile{max-width:240px}.preview-card{border:1px solid var(--line);padding:10px;background:#fffdf9}.preview-card>img{width:100%;aspect-ratio:1.15;object-fit:cover}.preview-dots{display:flex;justify-content:center;gap:4px;margin:7px}.preview-dots i{width:5px;height:5px;border-radius:50%;background:#d7d0c7}.preview-dots i.active{background:var(--gold)}.preview-card h3{font-size:20px}.preview-card>p{font-size:8px;color:var(--muted);line-height:1.55;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.preview-price{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}.preview-price del{font-size:9px;color:#aaa}.preview-price strong{font-size:16px}.preview-price span{font-size:7px;font-weight:700;color:#99671f;border:1px solid #d7bc8d;padding:4px}.preview-card>button{width:100%;min-height:37px;border:0;background:var(--gold);color:#fff;text-transform:uppercase;font-size:8px;font-weight:700;margin-top:12px}.editor-actions{grid-column:1/-1;border-top:1px solid var(--line);padding:13px 16px;display:flex;justify-content:flex-end;gap:8px;background:#fffdf9}.workspace-panel{background:#fffdf9;border:1px solid var(--line);border-radius:10px;padding:24px;min-height:570px}.section-toolbar{display:flex;justify-content:space-between;gap:15px}.search-field{height:42px;width:min(420px,100%);display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:0 11px;background:#fff}.search-field svg{width:17px;color:#777}.search-field input{border:0;outline:0;width:100%;font-size:10px}.coverage-note{display:flex;align-items:center;gap:12px;background:#f6efe4;border:1px solid #e8d9c2;padding:14px 16px;border-radius:7px;margin:18px 0;font-size:9px;line-height:1.5}.coverage-note svg{width:19px;color:var(--gold);flex:none}.coverage-note strong{display:block;font-size:10px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.media-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.media-image{position:relative;border:0;padding:0;width:100%;aspect-ratio:1.25;overflow:hidden;background:#eee}.media-image img{width:100%;height:100%;object-fit:cover}.media-image span{position:absolute;right:7px;top:7px;background:#fff;padding:6px;border-radius:4px;display:flex;gap:4px;align-items:center;font-size:7px;font-weight:700}.media-image svg{width:12px}.media-card>div{padding:10px}.media-card strong,.media-card small{display:block}.media-card strong{font-size:9px}.media-card small{font-size:7px;color:var(--muted);margin-top:3px}.data-list{border:1px solid var(--line);border-radius:7px;overflow:hidden}.data-head,.data-row{display:grid;grid-template-columns:1.6fr .7fr .7fr .4fr;align-items:center;gap:10px;padding:10px 14px}.data-head{background:#f7f3ed;font-size:8px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.data-row{width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;font-size:9px}.data-row:hover{background:#fffaf1}.data-product{display:flex;align-items:center;gap:9px}.data-product img{width:45px;height:45px;object-fit:cover;border-radius:4px}.data-row strong{font-size:11px}.status-pill{justify-self:start;background:#edf7ed;color:#387c43;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:700}.subsection-heading{display:flex;justify-content:space-between;align-items:end;gap:15px}.subsection-heading h2{font-size:24px;margin:5px 0}.subsection-heading p{font-size:9px;color:var(--muted)}.hero-list{display:grid;gap:8px;margin-top:18px}.hero-list article{display:grid;grid-template-columns:auto 120px 1fr auto;align-items:center;gap:13px;border:1px solid var(--line);padding:7px 10px;border-radius:6px}.hero-list>article>svg{width:16px;color:#aaa}.hero-list img{width:120px;height:72px;object-fit:cover;border-radius:4px}.hero-list small,.hero-list strong,.hero-list em{display:block}.hero-list small{font-size:7px;color:var(--gold);text-transform:uppercase;font-weight:700}.hero-list strong{font-size:10px;margin:3px 0}.hero-list em{font-size:8px;color:var(--muted);font-style:normal}.hero-list button{border:1px solid var(--line);background:#fff;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:8px;border-radius:4px}.hero-list button svg{width:13px}.copy-editor{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.settings-stack{display:grid;gap:15px;background:transparent;border:0;padding:0}.settings-stack section{background:#fffdf9;border:1px solid var(--line);border-radius:9px;padding:21px}.settings-title{display:flex;gap:12px;align-items:center}.settings-title>svg{width:24px;color:var(--gold)}.settings-title h2{font-size:17px}.settings-title p{font-size:8px;color:var(--muted);margin-top:3px}.history-list{max-width:780px}.history-list article{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.history-list article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eef6ed;color:var(--green)}.history-list svg{width:15px}.history-list div{flex:1}.history-list strong{font-size:10px}.history-list p{font-size:8px;color:var(--muted);margin-top:3px}.history-list button{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:4px;font-size:8px}.simple-list{display:grid;border:1px solid var(--line);border-radius:7px;overflow:hidden}.simple-list button{border:0;border-bottom:1px solid var(--line);background:#fff;padding:17px;display:flex;align-items:center;text-align:left}.simple-list button:last-child{border-bottom:0}.simple-list button:hover{background:#fffaf1}.simple-list button span{flex:1}.simple-list small,.simple-list strong,.simple-list em{display:block}.simple-list small{color:var(--gold);font-size:7px;font-weight:700}.simple-list strong{font-size:12px;margin:3px 0}.simple-list em{font-style:normal;color:var(--muted);font-size:8px}.simple-list svg{width:18px}.toast{position:fixed;right:22px;bottom:22px;z-index:60;background:#24211e;color:#fff;padding:13px 17px;border-radius:6px;display:flex;align-items:center;gap:9px;font-size:10px;box-shadow:0 12px 40px #201a1230}.toast svg{width:16px;color:#d7b36f}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#171411a8;display:grid;place-items:center;padding:20px}.modal{width:min(420px,100%);background:#fffdf9;border-radius:10px;padding:28px;text-align:center;box-shadow:0 24px 80px #0004}.modal-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#f2e6d1;color:var(--gold-deep)}.modal-icon svg{width:22px}.modal h2{font-size:25px}.modal p{font-size:10px;line-height:1.6;color:var(--muted);max-width:330px;margin:9px auto 20px}.modal>div{display:flex;justify-content:center;gap:8px}.sidebar-scrim{display:none}@media(max-width:1100px){.main-shell{margin-left:218px}.sidebar{width:218px}.topbar,.page-intro,.page-content{padding-left:22px;padding-right:22px}.editor-shell{grid-template-columns:1fr 320px}.media-editor{grid-template-columns:180px 1fr}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.sidebar{width:min(310px,86vw);transform:translate(-102%);transition:transform .25s;box-shadow:10px 0 40px #0003}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;border:0;background:#17141199}.mobile-close{display:grid;place-items:center}.main-shell{margin-left:0}.topbar{height:67px;padding:0 16px;position:sticky}.menu-trigger{display:grid;place-items:center;border:0;background:transparent;padding:3px}.menu-trigger svg{width:23px}.mobile-brand{display:block;font:700 17px Ariom,sans-serif}.topbar-heading{display:none}.topbar-actions{gap:6px}.save-status span{display:none}.topbar-actions .button{min-height:34px;padding:0 10px;font-size:8px}.page-intro{padding:19px 16px 14px;align-items:center}.page-intro h2{font-size:27px}.page-intro p{font-size:9px;max-width:270px}.page-intro>.button{width:36px;min-height:36px;padding:0}.page-intro>.button:not(svg){font-size:0}.page-content{padding:0 12px 28px}.mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fffdf9;border:1px solid var(--line);border-radius:8px 8px 0 0}.mobile-tabs button{height:51px;border:0;border-bottom:2px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7a736b;font-size:7px;font-weight:700;text-transform:capitalize}.mobile-tabs button svg{width:16px}.mobile-tabs button.is-active{color:var(--gold-deep);border-bottom-color:var(--gold)}.editor-toolbar{border-radius:0;height:53px}.editor-shell{display:block;border-radius:0 0 8px 8px}.edit-pane{border-right:0;padding:16px}.preview-pane{display:none;border-top:1px solid var(--line);padding:16px}.mobile-view-preview .edit-pane,.mobile-view-media .form-grid,.mobile-view-media .promotion-row,.mobile-view-media .description-field{display:none}.mobile-view-preview .preview-pane{display:block}.mobile-view-media .preview-pane{display:none}.media-editor{grid-template-columns:1fr}.mobile-view-edit .supporting-images{display:none}.main-image{aspect-ratio:1.65}.form-grid{grid-template-columns:1fr 1fr;gap:10px}.form-grid input{font-size:10px}.editor-actions{position:sticky;bottom:0;padding:9px;gap:6px;box-shadow:0 -8px 25px #36290f0e}.editor-actions .button{flex:1;padding:0 7px;font-size:8px}.editor-actions .button svg{display:none}.preview-heading h2{font-size:16px}.store-preview{max-width:390px}.store-preview.mobile{max-width:230px}.workspace-panel{padding:15px;min-height:520px}.section-toolbar{display:block}.section-toolbar .button{width:100%;margin-top:9px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.data-list{overflow-x:auto}.data-head,.data-row{min-width:610px}.hero-list article{grid-template-columns:auto 90px 1fr}.hero-list img{width:90px;height:62px}.hero-list button{grid-column:2/-1;justify-self:end}.subsection-heading{align-items:center}.settings-stack section{padding:16px}.toast{left:12px;right:12px;bottom:12px;justify-content:center}.modal{padding:22px}.sidebar-nav button{height:42px}.admin-identity{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media(max-width:480px){.topbar-actions .button{font-size:0;width:35px;padding:0}.topbar-actions .button svg{width:15px}.page-intro{display:block}.page-intro>.button{position:absolute;right:16px;top:83px}.editor-toolbar{padding:8px 12px}.media-editor{margin-top:14px}.main-image{aspect-ratio:1.5}.form-grid{grid-template-columns:1fr}.promotion-row p{line-height:1.45}.editor-actions .button:nth-child(2){display:none}.preview-card h3{font-size:18px}.media-grid{grid-template-columns:1fr 1fr}.coverage-note{align-items:flex-start}.subsection-heading h2{font-size:21px}.hero-list article{grid-template-columns:auto 72px 1fr}.hero-list img{width:72px;height:56px}.hero-list em{display:none}.settings-stack .form-grid{display:block}.settings-stack .form-grid label+label{display:block;margin-top:11px}.modal>div{display:grid}.modal .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:781px){.topbar{height:112px;padding-top:22px;padding-bottom:22px}.topbar h1{font-size:30px;margin-top:5px}.topbar-heading p{font-size:9px;color:var(--muted);margin-top:5px}.product-page-intro{display:none}.product-page-intro+.page-content{padding-top:28px}}.role-switch{position:relative;width:64px;display:flex;align-items:center}.role-switch select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;background:transparent;color:#c7bfb4;font-size:8px;padding:5px 16px 5px 5px}.role-switch svg{position:absolute;right:0;width:12px;pointer-events:none;color:#8e867d}.access-badge{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:700;letter-spacing:.03em;background:#f1e8da;color:#8b6329}.access-badge.worker{background:#e8efe9;color:#3f7148}.operations-workspace{display:grid;gap:16px}.overview-hero,.welcome-panel{background:#24211e;color:#fff;border-radius:11px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.overview-hero:after{content:"";position:absolute;width:280px;height:280px;border:55px solid #ac7d3620;border-radius:50%;right:-110px;top:-150px}.overview-hero h2,.welcome-panel h2{font-size:29px;margin:5px 0}.overview-hero p,.welcome-panel p{font-size:10px;line-height:1.6;color:#cfc8bf;max-width:620px}.overview-hero .eyebrow,.welcome-panel .eyebrow{color:#dcb675}.hubtel-state,.shift-pill{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid #ffffff18;padding:11px 14px;border-radius:7px;z-index:1;white-space:nowrap}.hubtel-state>i,.shift-pill i{width:9px;height:9px;border-radius:50%;background:#55b46a;box-shadow:0 0 0 4px #55b46a1c}.hubtel-state strong,.hubtel-state small{display:block}.hubtel-state strong{font-size:9px}.hubtel-state small{font-size:7px;color:#aaa39a;margin-top:3px}.shift-pill{font-size:8px;color:#ddd5cc}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fffdf9;border:1px solid var(--line);border-radius:9px;padding:17px 18px;min-height:120px}.metric-card.gold{background:#a87835;color:#fff;border-color:#a87835}.metric-card.warning{background:#fff8e9;border-color:#ead5ab}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-top>span{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.metric-card.gold .metric-top>span,.metric-card.gold small{color:#f4e7d2}.metric-top i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f5efe7;color:var(--gold-deep)}.metric-card.gold .metric-top i{background:#ffffff1e;color:#fff}.metric-top svg{width:14px}.metric-card>strong{display:block;font:700 23px Ariom,Montserrat,sans-serif;margin:14px 0 4px}.metric-card>small{font-size:8px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.panel-card{background:#fffdf9;border:1px solid var(--line);border-radius:9px;padding:19px;min-width:0}.span-two{grid-column:span 2}.span-three{grid-column:1/-1}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.panel-heading h2,.toolbar-row h2{font-size:18px;margin-top:4px}.panel-heading>svg{width:20px;color:var(--gold)}.panel-note{font-size:8px;color:var(--muted);margin-top:4px}.trend-chip{display:flex;align-items:center;gap:4px;color:#398549;background:#edf6ee;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:700}.trend-chip svg,.text-action svg{width:13px}.text-action{border:0;background:transparent;color:var(--gold-deep);font-size:8px;font-weight:700;display:flex;align-items:center;gap:5px}.bar-chart{height:180px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:13px;border-bottom:1px solid var(--line);padding:10px 10px 0;background:repeating-linear-gradient(to bottom,#0000 0,#0000 44px,#eee8df 45px)}.bar-chart>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar-chart span{display:block;width:min(28px,65%);background:linear-gradient(#bd8a42,#8e622a);border-radius:4px 4px 0 0;min-height:10px}.bar-chart small{height:17px;font-size:7px;color:var(--muted)}.chart-footer{display:flex;align-items:center;gap:16px;padding-top:12px;font-size:8px;color:var(--muted)}.chart-footer i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.hubtel-dot{background:#a87835}.cash-dot{background:#24211e}.chart-footer strong{margin-left:auto;color:var(--ink)}.action-panel{padding-bottom:9px}.action-panel button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;display:grid;grid-template-columns:32px 1fr 17px;align-items:center;gap:10px;text-align:left;padding:13px 1px}.action-panel button>b{width:28px;height:28px;border-radius:6px;background:#f4ece0;display:grid;place-items:center;color:var(--gold-deep);font-size:11px}.action-panel button span strong,.action-panel button span small{display:block}.action-panel button span strong{font-size:9px}.action-panel button span small{font-size:7px;color:var(--muted);margin-top:3px}.action-panel button svg{width:14px;color:#999}.ops-table{border:1px solid var(--line);border-radius:7px;overflow:hidden;min-width:0}.ops-head,.ops-row{display:grid;align-items:center;gap:12px;padding:10px 12px}.transaction-table .ops-head,.transaction-table .ops-row{grid-template-columns:1.7fr .75fr .7fr .6fr .55fr}.order-table .ops-head,.order-table .ops-row{grid-template-columns:.65fr .9fr 1.35fr .55fr .58fr .8fr}.cash-table .ops-head,.cash-table .ops-row{grid-template-columns:.7fr .8fr 1.3fr .65fr .8fr}.ops-head{background:#f7f3ed;text-transform:uppercase;letter-spacing:.08em;font-size:7px;color:var(--muted);font-weight:700}.ops-row{border:0;border-top:1px solid var(--line);background:#fff;text-align:left;font-size:8px;min-height:48px}.ops-row:hover{background:#fffaf2}.ops-row strong,.ops-row small{display:block}.ops-row strong{font-size:9px}.ops-row small{font-size:7px;color:var(--muted);margin-top:3px}.ops-row>b{font-size:9px}.muted-cell{color:var(--muted)}.table-status{justify-self:start;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:700;background:#f0eee9;color:#6d665e;white-space:nowrap}.table-status.paid,.table-status.recorded,.table-status.approved,.table-status.in-stock,.table-status.healthy,.table-status.ready{background:#edf6ee;color:#3f7b49}.table-status.pending,.table-status.awaiting-payment,.table-status.low-stock,.table-status.part-paid,.table-status.watch{background:#fff1d9;color:#9a6317}.table-status.preparing,.table-status.out-for-delivery{background:#e9f0f8;color:#426a96}.stock-alerts{display:grid}.stock-alerts>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.stock-alerts>div:first-child{border-top:0}.stock-alerts>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff3df;color:#aa6c1b}.stock-alerts svg{width:14px}.stock-alerts strong,.stock-alerts small{display:block}.stock-alerts strong{font-size:9px}.stock-alerts small{font-size:7px;color:var(--muted);margin-top:3px}.stock-alerts b{font-size:9px}.flow-item{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid var(--line)}.flow-item>span{width:32px;height:32px;border-radius:7px;display:grid;place-items:center}.flow-item.income>span{background:#eaf5eb;color:#398549}.flow-item.expense>span{background:#f9e9e6;color:#a14f42}.flow-item svg{width:16px}.flow-item small,.flow-item strong{display:block}.flow-item small{font-size:7px;color:var(--muted)}.flow-item strong{font-size:12px;margin-top:3px}.flow-net{display:flex;align-items:center;justify-content:space-between;background:#24211e;color:#fff;padding:12px;border-radius:6px;margin-top:5px;font-size:8px}.flow-net strong{font-size:13px}.welcome-panel{background:linear-gradient(135deg,#24211e,#3c3328)}.worker-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.verify-card{background:#fffdf9;border:1px solid var(--line);border-radius:10px;padding:26px;max-width:900px}.verify-card.compact{max-width:none}.verify-heading{display:flex;gap:13px;align-items:flex-start}.verify-heading h2{font-size:24px;margin:5px 0}.verify-heading p{font-size:9px;color:var(--muted)}.section-icon{width:42px;height:42px;border-radius:9px;background:#efe3d0;color:var(--gold-deep);display:grid;place-items:center;flex:none}.section-icon svg{width:20px}.verify-search{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 5px 5px 12px;margin-top:20px}.verify-search>svg{width:18px;color:#837b71}.verify-search input{border:0;outline:0;padding:10px;width:100%;font-size:10px}.verify-result{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:7px;margin-top:12px}.verify-result>svg{width:20px;flex:none}.verify-result div{flex:1}.verify-result strong,.verify-result p{display:block}.verify-result strong{font-size:10px}.verify-result p{font-size:8px;margin-top:3px}.verify-result.success{background:#edf6ee;color:#356b3d}.verify-result.warning{background:#fff3df;color:#8e5c1b}.payroll-snapshot .salary-total{background:#f4ecdf;border-radius:7px;padding:15px;margin-bottom:8px}.salary-total small,.salary-total strong,.salary-total span{display:block}.salary-total small{font-size:7px;color:var(--muted)}.salary-total strong{font:700 24px Ariom,sans-serif;margin:4px 0}.salary-total span{font-size:7px;color:#398549}.payroll-snapshot dl,.reconciliation dl{margin:0}.payroll-snapshot dl>div,.reconciliation dl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:8px}.payroll-snapshot dt,.payroll-snapshot dd,.reconciliation dt,.reconciliation dd{margin:0}.payroll-snapshot .button,.reconciliation .button{width:100%;margin-top:12px}.positive{color:#398549!important}.negative{color:#a14f42!important}.toolbar-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.toolbar-row.inside{margin-bottom:16px}.toolbar-filters{display:flex;gap:5px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:8px}.filter-chip.active{background:#24211e;border-color:#24211e;color:#fff}.notice-banner{display:flex;align-items:center;gap:12px;background:#f4ecdf;border:1px solid #e4d5bd;padding:14px 15px;border-radius:8px;font-size:9px;line-height:1.5}.notice-banner>svg{width:21px;color:var(--gold-deep);flex:none}.notice-banner>span{flex:1}.notice-banner strong{display:block;font-size:10px}.reconciliation{text-align:left}.recon-ring{width:140px;height:140px;margin:12px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a87835 0,#a87835 94%,#ede7de 94%);position:relative}.recon-ring:before{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:#fffdf9}.recon-ring span{position:relative;text-align:center}.recon-ring strong,.recon-ring small{display:block}.recon-ring strong{font:700 28px Ariom,sans-serif}.recon-ring small{font-size:7px;color:var(--muted)}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inventory-grid article{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:12px}.inventory-grid article.low{background:#fffaf0;border-color:#ead6b3}.inventory-icon{width:36px;height:36px;border-radius:7px;background:#f4ecdf;display:grid;place-items:center;color:var(--gold-deep)}.inventory-icon svg{width:17px}.inventory-copy strong,.inventory-copy small{display:block}.inventory-copy strong{font-size:9px}.inventory-copy small{font-size:7px;color:var(--muted);margin-top:3px}.stock-meter{height:4px;background:#eee8df;border-radius:999px;margin-top:8px;overflow:hidden}.stock-meter i{display:block;height:100%;background:#a87835}.inventory-count{text-align:right}.inventory-count>b{display:block;font:700 18px Ariom,sans-serif;margin-bottom:5px}.payroll-table{border:1px solid var(--line);border-radius:7px;overflow:hidden}.payroll-head,.payroll-row{display:grid;grid-template-columns:1.5fr repeat(5,.7fr) .65fr;align-items:center;gap:10px;padding:10px 12px}.payroll-head{background:#f7f3ed;font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.06em}.payroll-row{width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;font-size:8px}.payroll-row:hover{background:#fffaf2}.employee-cell{display:flex;align-items:center;gap:8px}.employee-cell>i{width:28px;height:28px;border-radius:50%;background:#efe3d0;display:grid;place-items:center;font-size:7px;font-style:normal;color:#8d652c;font-weight:700}.employee-cell strong,.employee-cell small{display:block}.employee-cell strong{font-size:9px}.employee-cell small{font-size:7px;color:var(--muted);margin-top:2px}.personal-payroll{max-width:760px;background:#fffdf9;border:1px solid var(--line);border-radius:11px;padding:26px}.payroll-person{display:flex;align-items:center;gap:12px}.payroll-person>span{width:48px;height:48px;border-radius:50%;background:#a87835;color:#fff;display:grid;place-items:center;font-weight:700}.payroll-person>div{flex:1}.payroll-person h2{font-size:22px}.payroll-person p{font-size:8px;color:var(--muted);margin-top:3px}.payroll-amount{margin:24px 0;background:#24211e;color:#fff;border-radius:8px;padding:22px}.payroll-amount span,.payroll-amount strong,.payroll-amount small{display:block}.payroll-amount span{font-size:8px;color:#cfc7bd}.payroll-amount strong{font:700 34px Ariom,sans-serif;margin:5px 0}.payroll-amount small{font-size:8px;color:#aaa39a}.pay-breakdown{display:grid;gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:16px}.pay-breakdown>div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);font-size:9px}.pay-breakdown>div:last-child{border-bottom:0}.pay-total{background:#f6f0e8}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-grid article{background:#fffdf9;border:1px solid var(--line);border-radius:9px;padding:18px;display:grid;grid-template-columns:44px 1fr 28px;gap:12px;align-items:center}.staff-grid article>span{width:42px;height:42px;border-radius:50%;background:#efe3d0;color:#8d652c;display:grid;place-items:center;font-size:9px;font-weight:700}.staff-grid h2{font-size:16px}.staff-grid p{font-size:8px;line-height:1.5;color:var(--muted);margin:3px 0 7px}.staff-grid small{font-size:7px;font-weight:700;color:var(--gold-deep)}.staff-grid button{border:0;background:transparent}.staff-grid svg{width:17px}.activity-timeline{display:grid}.activity-timeline article{display:grid;grid-template-columns:32px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.activity-timeline article>span{width:30px;height:30px;border-radius:50%;background:#edf6ee;color:#398549;display:grid;place-items:center}.activity-timeline svg{width:14px}.activity-timeline strong,.activity-timeline small{display:block}.activity-timeline strong{font-size:9px}.activity-timeline small{font-size:7px;color:var(--gold-deep);margin-top:3px}.activity-timeline time{font-size:7px;color:var(--muted)}.search-field.small{width:260px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.worker-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-table{overflow-x:auto}.transaction-table .ops-head,.transaction-table .ops-row{min-width:660px}.order-table .ops-head,.order-table .ops-row{min-width:760px}.cash-table .ops-head,.cash-table .ops-row{min-width:660px}.payroll-table{overflow-x:auto}.payroll-head,.payroll-row{min-width:820px}}@media(max-width:780px){.access-badge,.topbar-actions .save-status{display:none}.overview-hero,.welcome-panel{border-radius:8px;padding:19px;display:block}.overview-hero h2,.welcome-panel h2{font-size:24px}.hubtel-state,.shift-pill{margin-top:15px;width:max-content;max-width:100%}.metrics-grid,.metrics-grid.three,.worker-metrics{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:108px;padding:14px}.metric-card>strong{font-size:20px}.dashboard-grid{display:block}.panel-card{margin-bottom:10px;padding:14px}.span-two,.span-three{grid-column:auto}.bar-chart{height:150px;gap:7px}.chart-footer{flex-wrap:wrap}.chart-footer strong{width:100%;margin-left:0}.toolbar-row{align-items:stretch;flex-wrap:wrap}.toolbar-row>.search-field{width:100%}.toolbar-filters{order:3;width:100%;overflow:auto;flex-wrap:nowrap}.notice-banner{align-items:flex-start;flex-wrap:wrap}.notice-banner .button{width:100%}.verify-card{padding:18px}.verify-heading h2{font-size:20px}.verify-search{display:grid;grid-template-columns:auto 1fr}.verify-search .button{grid-column:1/-1;width:100%}.verify-result{align-items:flex-start}.inventory-grid,.staff-grid{grid-template-columns:1fr}.payroll-head,.payroll-row{min-width:760px}.personal-payroll{padding:18px}.payroll-amount strong{font-size:28px}.activity-timeline article{grid-template-columns:30px 1fr}.activity-timeline time{grid-column:2}.panel-heading .search-field{display:none}.role-switch{width:58px}.admin-identity{gap:7px}.admin-identity>div{max-width:100px}}@media(max-width:480px){.metrics-grid,.metrics-grid.three,.worker-metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:104px}.metric-top>span{font-size:7px}.metric-card>strong{font-size:18px}.overview-hero p,.welcome-panel p{font-size:9px}.panel-heading{align-items:flex-start}.panel-heading>.button{padding:0 10px}.bar-chart{height:130px}.inventory-grid article{grid-template-columns:34px 1fr auto}.payroll-person{align-items:flex-start}.payroll-person>.table-status{position:absolute;right:32px}.ops-table{margin-left:-4px;margin-right:-4px}.role-switch{width:55px}.admin-identity div small{display:none}}.operations-workspace,.overview-hero,.welcome-panel,.metrics-grid,.metric-card{min-width:0;max-width:100%}.metric-card{overflow:hidden}@media(max-width:780px){html,body,#root,.admin-app,.main-shell{max-width:100%;overflow-x:hidden}.operations-workspace{width:calc(100vw - 24px);max-width:calc(100vw - 24px);contain:inline-size}.metrics-grid,.dashboard-grid,.panel-card,.bar-chart{width:100%;max-width:100%;min-width:0}}.orders-view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,250px));gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}.orders-view-tabs button{border:1px solid var(--line);background:#fffdf9;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--muted)}.orders-view-tabs button>svg{width:19px}.orders-view-tabs button strong,.orders-view-tabs button small{display:block}.orders-view-tabs button strong{font-size:9px;color:var(--ink)}.orders-view-tabs button small{font-size:7px;margin-top:3px}.orders-view-tabs button.active{border-color:#b58a4c;background:#f5ede1;color:var(--gold-deep);box-shadow:inset 0 -2px #a87835}.orders-period{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fffdf9;border-radius:5px;padding:0 10px;white-space:nowrap}.orders-period>span{font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.06em}.orders-period select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-size:9px;font-weight:700;padding-right:14px}.orders-total{font-size:8px;color:var(--muted);white-space:nowrap}.worker-orders-table{border:1px solid var(--line);border-radius:7px;overflow:hidden}.worker-orders-head,.worker-orders-row{display:grid;grid-template-columns:1.7fr repeat(4,.55fr) .85fr 1fr;align-items:center;gap:12px;padding:11px 13px}.worker-orders-head{background:#f7f3ed;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.worker-orders-row{width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;font-size:8px}.worker-orders-row:hover{background:#fff9ef}.worker-name{display:flex;align-items:center;gap:9px}.worker-name>i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#efe3d0;color:#8d652c;font-style:normal;font-size:7px;font-weight:700}.worker-name strong,.worker-name small{display:block}.worker-name strong{font-size:9px}.worker-name small{font-size:7px;color:var(--muted);margin-top:3px}.pending-number{color:#9a6317;font-weight:700}.movement{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:7px}.movement svg{width:13px;color:var(--gold-deep)}.worker-order-detail{display:grid;gap:12px}.worker-detail-head{display:flex;align-items:center;gap:16px;background:#24211e;color:#fff;padding:18px 20px;border-radius:9px}.back-link{border:0;background:transparent;color:#d8cbb9;font-size:8px;font-weight:700}.worker-detail-person{display:flex;align-items:center;gap:11px;flex:1}.worker-detail-person>span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#a87835;font-size:9px;font-weight:700}.worker-detail-person h2{font-size:20px}.worker-detail-person p{font-size:7px;color:#aaa39a;margin-top:3px}.worker-detail-head .button{background:#ffffff0d;border-color:#fff2;color:#fff}.worker-order-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.worker-detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.mini-order-chart{height:155px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#0000 0,#0000 37px,#eee8df 38px)}.mini-order-chart>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.mini-order-chart span{width:min(24px,60%);background:#a87835;border-radius:4px 4px 0 0;min-height:8px}.mini-order-chart small{height:15px;font-size:7px;color:var(--muted)}.source-row{display:grid;grid-template-columns:66px 1fr 30px;align-items:center;gap:8px;padding:8px 0;font-size:8px}.source-row i{height:5px;background:#eee8df;border-radius:999px;overflow:hidden}.source-row i b{display:block;height:100%;background:#a87835}.source-row strong{text-align:right}.worker-detail-table .ops-head,.worker-detail-table .ops-row{grid-template-columns:.65fr .9fr 1.3fr .6fr .6fr .65fr .55fr}@media(max-width:1100px){.worker-orders-table,.worker-detail-table{overflow-x:auto}.worker-orders-head,.worker-orders-row,.worker-detail-table .ops-head,.worker-detail-table .ops-row{min-width:820px}.worker-order-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.orders-view-tabs{grid-template-columns:1fr 1fr}.orders-view-tabs button{padding:10px}.orders-view-tabs button>svg{display:none}.orders-view-tabs button small{line-height:1.35}.orders-period{order:2}.orders-total{order:3;width:100%}.worker-detail-head{align-items:flex-start;flex-wrap:wrap}.worker-detail-person{order:-1;width:100%;flex-basis:100%}.worker-detail-head>.button{flex:1}.back-link{flex:1;text-align:left}.worker-order-metrics{grid-template-columns:1fr 1fr}.worker-detail-grid{display:block}.worker-detail-grid .panel-card{margin-bottom:10px}}@media(max-width:480px){.orders-view-tabs{gap:6px}.orders-view-tabs button{min-height:54px}.worker-order-metrics{grid-template-columns:1fr 1fr}.worker-detail-person h2{font-size:18px}.mini-order-chart{height:135px}}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;background:#f6f1e9;color:#6e655b;font-size:11px;letter-spacing:.04em}.app-loading img{width:66px;height:66px;object-fit:contain;animation:vel-pulse 1.4s ease-in-out infinite}@keyframes vel-pulse{50%{opacity:.45;transform:scale(.96)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(390px,42%) 1fr;background:#f6f1e9}.login-panel{padding:clamp(36px,6vw,90px);display:flex;flex-direction:column;justify-content:center;max-width:680px;width:100%}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:clamp(55px,8vh,100px)}.login-brand img{width:48px;height:48px;object-fit:contain}.login-brand strong,.login-brand small{display:block}.login-brand strong{font:700 17px Ariom,sans-serif}.login-brand small{font-size:8px;color:var(--muted);margin-top:3px}.login-copy h1{font:700 clamp(38px,4.5vw,64px) Ariom,sans-serif;letter-spacing:-.045em;margin:10px 0}.login-copy>p{font-size:11px;line-height:1.8;color:var(--muted);max-width:430px}.login-panel form{display:grid;gap:16px;margin-top:35px;max-width:430px}.login-panel form label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.login-panel form input{display:block;width:100%;height:50px;margin-top:7px;border:1px solid #d9d1c6;background:#fffdf9;border-radius:6px;padding:0 14px;font-size:11px;outline:none}.login-panel form input:focus{border-color:#a87835;box-shadow:0 0 0 3px #a878351a}.login-submit{height:50px;width:100%;justify-content:center}.login-error{display:flex;align-items:center;gap:7px;background:#f9e9e6;color:#93483d;border-radius:6px;padding:11px;font-size:8px}.login-error svg{width:16px}.login-help{max-width:430px;font-size:8px;line-height:1.65;color:var(--muted);margin-top:18px}.login-art{position:relative;min-height:100vh;overflow:hidden;background:#211e1a}.login-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,#191510e8 100%)}.login-art>img{width:100%;height:100%;object-fit:cover}.login-art>div{position:absolute;z-index:1;left:clamp(35px,6vw,90px);bottom:clamp(40px,7vw,95px);max-width:590px;color:#fff}.login-art>div span{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#ddb975}.login-art h2{font:700 clamp(34px,4vw,61px) Ariom,sans-serif;line-height:.98;letter-spacing:-.04em;margin:12px 0}.login-art p{font-size:10px;color:#d0c8bd;line-height:1.7}.identity-logout{border:0;background:transparent;color:#9b8f83;font-size:7px;font-weight:700;cursor:pointer;margin-left:auto}.identity-logout:hover{color:#fff}@media(max-width:780px){.login-page{display:block}.login-panel{min-height:100vh;padding:30px 24px}.login-brand{margin-bottom:65px}.login-copy h1{font-size:42px}.login-art{display:none}.identity-logout{font-size:0}.identity-logout:after{content:"Exit";font-size:7px}}.staff-loading{padding:28px;text-align:center;color:var(--muted);font-size:9px}.live-staff-grid article{grid-template-columns:44px 1fr minmax(120px,auto)}.live-staff-grid article.staff-suspended{opacity:.58;background:#f3f0eb}.staff-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.staff-actions button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 8px;font-size:7px;font-weight:700;color:var(--ink)}.staff-actions button:hover{border-color:#a87835;color:#8d652c}.staff-modal{width:min(560px,calc(100vw - 30px));text-align:left}.staff-modal>.modal-icon,.staff-modal>h2,.staff-modal>p{margin-left:auto;margin-right:auto;text-align:center}.staff-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.staff-form label{font-size:7px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.staff-form input,.staff-form select{width:100%;height:42px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0 10px;margin-top:6px;font-size:9px}.username-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;margin-top:6px;overflow:hidden}.username-input input{border:0;margin:0}.username-input b{font-size:7px;color:var(--muted);padding-right:8px;text-transform:none;letter-spacing:0;white-space:nowrap}.credential-modal{width:min(510px,calc(100vw - 30px))}.credential-box{display:grid;gap:5px;background:#25211d;color:#fff;border-radius:8px;padding:18px;margin:18px 0;text-align:left}.credential-box span{font-size:7px;color:#bdb3a8;text-transform:uppercase;letter-spacing:.1em}.credential-box strong{font-family:Montserrat,sans-serif;font-size:12px;word-break:break-all;margin-bottom:10px}.password-page{min-height:100vh;background:#f2ece3;display:grid;place-items:center;padding:24px}.password-card{width:min(520px,100%);background:#fffdf9;border:1px solid var(--line);border-radius:13px;padding:36px;box-shadow:0 20px 60px #3c2a1514}.password-card .login-brand{margin-bottom:34px}.password-card h1{font:700 34px Ariom,sans-serif;margin:10px 0}.password-card>p{font-size:9px;line-height:1.7;color:var(--muted)}.password-card form{display:grid;gap:14px;margin-top:25px}.password-card form label{font-size:7px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.password-card form input{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:5px;padding:0 10px;margin-top:6px}.password-card form label small{display:block;color:var(--muted);font-size:7px;line-height:1.5;margin-top:5px;text-transform:none;letter-spacing:0;font-weight:400}.password-exit{justify-content:center;margin:auto}@media(max-width:780px){.live-staff-grid article{grid-template-columns:40px 1fr}.staff-actions{grid-column:1/-1;justify-content:flex-start}.staff-form{grid-template-columns:1fr}.staff-modal{padding:22px}.password-card{padding:25px}.password-card h1{font-size:28px}}.identity-security{display:block;border:0;background:transparent;color:#c7b18e;padding:4px 0 0;font-size:7px;text-align:left}.identity-security:hover{color:#fff}.staff-actions .staff-view{background:#24211e;color:#fff;border-color:#24211e}.staff-detail-modal{position:relative;width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;text-align:left;padding:26px}.modal-close{position:absolute;right:17px;top:17px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center}.modal-close svg{width:16px}.staff-profile-head{display:flex;align-items:center;gap:15px;padding:5px 48px 22px 0;border-bottom:1px solid var(--line)}.staff-profile-head>span{width:55px;height:55px;border-radius:50%;background:#ac7d36;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.staff-profile-head>div{flex:1}.staff-profile-head small{font-size:7px;color:var(--gold-deep);font-weight:700;letter-spacing:.12em}.staff-profile-head h2{font-size:27px;margin:3px 0}.staff-profile-head p{max-width:none;margin:0;font-size:8px}.staff-detail-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:13px!important;margin:16px 0}.staff-detail-grid>section,.salary-manager,.recent-staff-orders{border:1px solid var(--line);border-radius:8px;padding:17px;background:#fff}.staff-facts{margin:10px 0 0}.staff-facts>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:8px}.staff-facts>div:last-child{border-bottom:0}.staff-facts dt,.staff-facts dd{margin:0}.staff-facts dt{color:var(--muted)}.staff-facts dd{font-weight:700;text-align:right}.staff-performance{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.staff-performance>div{background:#f6f1e9;border-radius:6px;padding:11px}.staff-performance strong,.staff-performance span{display:block}.staff-performance strong{font:700 18px Ariom,sans-serif}.staff-performance span{font-size:7px;color:var(--muted);margin-top:3px}.salary-manager{display:block!important;margin-bottom:16px}.salary-manager>div:first-child{display:block}.salary-manager h3,.recent-staff-orders h3{font-size:19px;margin-top:4px}.salary-manager>div>p{max-width:none;margin:4px 0 0;text-align:left;font-size:8px}.salary-manager form{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.salary-manager label,.security-modal label{font-size:7px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.salary-manager input,.salary-manager select,.security-modal input{display:block;width:100%;height:40px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0 9px;margin-top:5px;font-size:9px}.salary-manager form .button{align-self:end}.salary-history{display:block!important;margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.salary-history h3{font-size:15px;margin-bottom:6px}.salary-history>div{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px!important;padding:9px 0;border-bottom:1px solid var(--line);font-size:8px;align-items:center}.salary-history span strong,.salary-history span small{display:block}.salary-history small{font-size:7px;color:var(--muted);margin-top:2px}.recent-staff-orders{display:block!important}.recent-staff-orders>div:last-child{display:grid!important}.recent-staff-orders article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:8px}.recent-staff-orders article span strong,.recent-staff-orders article span small{display:block}.recent-staff-orders article span small{font-size:7px;color:var(--muted);margin-top:3px}.security-modal{position:relative;text-align:left}.security-modal>.modal-icon,.security-modal>h2,.security-modal>p{text-align:center;margin-left:auto;margin-right:auto}.security-modal label{display:block;margin-top:12px}.security-modal label small{display:block;font-size:7px;color:var(--muted);text-transform:none;letter-spacing:0;line-height:1.5;margin-top:4px}.security-modal>div:last-child{margin-top:18px}.security-modal .login-error{margin:12px 0 0;max-width:none;text-align:left}.security-modal.saved{text-align:center}@media(max-width:780px){.identity-security{font-size:7px}.staff-detail-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px);padding:18px}.staff-profile-head{align-items:flex-start;flex-wrap:wrap;padding-right:40px}.staff-profile-head>div{min-width:calc(100% - 74px)}.staff-profile-head>.button{width:100%}.staff-detail-grid{grid-template-columns:1fr}.salary-manager form{grid-template-columns:1fr 1fr}.salary-history>div{grid-template-columns:1fr 1fr}.recent-staff-orders article{grid-template-columns:1fr auto}.recent-staff-orders article .table-status{grid-column:2}.staff-performance strong{font-size:15px}}@media(max-width:480px){.salary-manager form{grid-template-columns:1fr}.staff-profile-head h2{font-size:23px}.staff-detail-modal{border-radius:9px}.salary-history>div{grid-template-columns:1fr 1fr}.recent-staff-orders article b{font-size:7px}}.login-identifier{display:grid!important;grid-template-columns:1fr auto;gap:2px 10px!important;align-items:center;background:#eee7dd;border-radius:6px;padding:11px 12px}.login-identifier span{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.login-identifier strong{grid-column:1;font-size:10px;word-break:break-all}.login-identifier button{grid-column:2;grid-row:1/3;border:0;background:transparent;color:var(--gold-deep);font-size:8px;font-weight:700}.activation-form{margin-top:25px!important;gap:12px!important}.activation-form label small{display:block;color:var(--muted);font-size:7px;line-height:1.5;margin-top:5px;text-transform:none;letter-spacing:0;font-weight:400}.activation-form .setup-code-input{font-size:22px;letter-spacing:.28em;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.onboarding-page{min-height:100vh;background:#f2ece3;display:grid;place-items:center;padding:24px}.onboarding-card{width:min(760px,100%);background:#fffdf9;border:1px solid var(--line);border-radius:13px;padding:34px;box-shadow:0 20px 60px #3c2a1514}.onboarding-card .login-brand{margin-bottom:28px}.onboarding-card h1{font:700 38px Ariom,sans-serif;margin:8px 0}.onboarding-card header>p{font-size:9px;color:var(--muted);line-height:1.7}.onboarding-card form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}.onboarding-card label{font-size:7px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.onboarding-card input,.onboarding-card textarea{display:block;width:100%;border:1px solid var(--line);border-radius:5px;background:#fff;padding:11px;margin-top:6px;font-size:9px}.onboarding-card input{height:43px}.onboarding-card textarea{resize:vertical}.onboarding-card .span-two{grid-column:1/-1}.onboarding-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.onboarding-exit{display:block;margin:18px auto 0;border:0;background:transparent;color:var(--muted);font-size:8px}.credential-box strong:last-child{font-size:25px;letter-spacing:.18em;font-variant-numeric:tabular-nums}.login-name-input{display:flex;align-items:center;width:100%;height:50px;margin-top:7px;border:1px solid #d9d1c6;background:#fffdf9;border-radius:6px;overflow:hidden}.login-panel form .login-name-input input{height:48px;min-width:70px;margin:0;border:0;box-shadow:none;padding-right:3px}.login-name-input b{padding:0 12px 0 2px;color:#6f675f;font-size:10px;text-transform:none;letter-spacing:0;white-space:nowrap}.login-name-input:focus-within{border-color:#a87835;box-shadow:0 0 0 3px #a878351a}@media(max-width:620px){.onboarding-page{padding:10px}.onboarding-card{padding:23px}.onboarding-card h1{font-size:30px}.onboarding-card form{grid-template-columns:1fr}.onboarding-card .span-two{grid-column:auto}.onboarding-actions{display:grid}.onboarding-actions .button{width:100%}}.mobile-back{display:none}.pull-refresh{position:fixed;left:50%;top:max(7px,env(safe-area-inset-top));z-index:120;min-width:132px;height:39px;padding:0 12px;border-radius:999px;background:#24211e;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 26px #0003;pointer-events:none;transition:opacity .12s,background .12s}.pull-refresh svg{width:16px;color:#d8b46e}.pull-refresh span{font-size:8px;font-weight:700;white-space:nowrap}.pull-refresh.is-ready{background:#9a6d2e}.pull-refresh.is-refreshing svg{animation:pull-spin .75s linear infinite}@keyframes pull-spin{to{transform:rotate(360deg)}}@media(max-width:780px){html,body{overscroll-behavior-y:contain}.topbar{height:calc(67px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0}.mobile-back{width:0;height:34px;border:0;background:transparent;padding:0;opacity:0;visibility:hidden;display:grid;place-items:center;transition:width .18s,opacity .18s}.mobile-back.is-visible{width:34px;opacity:1;visibility:visible}.mobile-back svg{width:23px}}@media(min-width:781px),(pointer:fine){.pull-refresh{display:none}}.metric-card.clickable{width:100%;font-family:inherit;text-align:left;cursor:pointer;position:relative}.metric-card.clickable:hover{transform:translateY(-2px);border-color:#c9ad82;box-shadow:0 10px 24px #4935170d}.metric-open{position:absolute;right:16px;bottom:13px;display:flex;align-items:center;gap:3px;font-size:7px;font-weight:700;color:var(--gold-deep)}.metric-card.gold .metric-open{color:#fff}.metric-open svg{width:12px}.overview-period,.compact-period{position:relative;z-index:1;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:var(--ink)}.overview-period{background:#ffffff12;border-color:#ffffff24;color:#fff}.overview-period span,.compact-period span{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.overview-period select,.compact-period select{border:0;background:transparent;color:inherit;font-size:9px;font-weight:700;outline:0}.overview-period select option{color:var(--ink)}.account-detail-button{width:100%;margin-top:12px}.attention-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attention-summary button{border:1px solid var(--line);border-radius:7px;background:#fff;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;padding:13px;text-align:left}.attention-summary button>b{width:36px;height:36px;border-radius:7px;background:#f4ecdf;display:grid;place-items:center;color:var(--gold-deep);font-size:15px}.attention-summary strong,.attention-summary small{display:block}.attention-summary strong{font-size:9px}.attention-summary small{font-size:7px;color:var(--muted);margin-top:3px}.attention-summary svg{width:15px;color:var(--gold-deep)}.empty-ledger{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:5px;padding:24px}.empty-ledger svg{width:25px;color:#b89a70}.empty-ledger strong{font-size:10px;color:var(--ink)}.empty-ledger span{font-size:8px}.accounts-heading{background:#24211e;color:#fff;border-radius:11px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.accounts-heading h2{font-size:35px;margin:5px 0}.accounts-heading p{font-size:8px;color:#cfc8bf}.accounts-heading .eyebrow{color:#dcb675}.account-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-card{border:1px solid var(--line);border-radius:9px;background:#fffdf9;padding:17px;display:grid;grid-template-columns:42px 1fr 18px;gap:12px;align-items:center;text-align:left}.account-card:hover,.account-card.selected{border-color:#b88a49;background:#fff9ef}.account-card>svg{width:16px;color:var(--gold-deep)}.account-symbol{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#f4ecdf;color:#8d652c}.account-symbol.hubtel{background:#e8eef7;color:#345d92}.account-symbol.momo{background:#fff3bd;color:#806100}.account-symbol svg{width:20px}.account-copy small,.account-copy strong,.account-copy em{display:block}.account-copy small{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.account-copy strong{font:700 21px Ariom,sans-serif;margin:6px 0 3px}.account-copy em{font-size:7px;font-style:normal;color:var(--muted)}.four-compact .metric-card{min-height:110px}.finance-period-row{background:#fffdf9;border:1px solid var(--line);border-radius:9px;padding:15px 17px}.reconciliation-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.6fr);gap:12px}.reconciliation-layout .panel-card{margin:0}@media(max-width:780px){.overview-period{margin-top:14px;width:100%;justify-content:space-between}.overview-metrics{grid-template-columns:1fr 1fr}.attention-summary{grid-template-columns:1fr}.accounts-heading{display:block;border-radius:8px;padding:19px}.accounts-heading h2{font-size:28px}.accounts-heading .compact-period{margin-top:16px;width:100%;justify-content:space-between}.account-cards{grid-template-columns:1fr}.account-card{padding:14px}.four-compact{grid-template-columns:1fr 1fr}.reconciliation-layout{grid-template-columns:1fr}.finance-period-row{align-items:center}.transaction-table .ops-head,.transaction-table .ops-row{min-width:690px}}@media(max-width:480px){.overview-metrics,.four-compact{grid-template-columns:1fr 1fr}.metric-open{display:none}.account-copy strong{font-size:19px}.finance-period-row{display:block}.finance-period-row .compact-period{margin-top:12px;width:100%;justify-content:space-between}}
