*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211e;background:#f4f6f5;font-synthesis:none;--green:#173f35;--green-2:#245447;--green-soft:#e6efea;--ink:#17211e;--muted:#68736f;--faint:#96a09c;--line:#dce3df;--paper:#f4f6f5;--white:#fff;--red:#a43b46;--red-soft:#f8e8ea;--gold:#966912;--gold-soft:#f7efdc;--blue:#2f607d;--blue-soft:#e6eef3}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin-top:0}.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}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;padding:8px 14px;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;white-space:nowrap}.button:disabled{opacity:.48;cursor:not-allowed}.button.primary{color:#fff;background:var(--green)}.button.primary:hover:not(:disabled){background:var(--green-2)}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.danger{background:var(--red);color:#fff}.button.ghost{background:transparent;color:var(--green)}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fff;cursor:pointer;flex:0 0 auto}.icon-button:hover{color:var(--green);border-color:#afc3ba}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:248px;display:flex;flex-direction:column;background:#132e28;color:#dbe7e2;border-right:1px solid #28443d}.brand{height:74px;padding:0 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #2a443e}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;background:#f1d79f;color:#49350e}.brand>div:nth-child(2){min-width:0;flex:1}.brand strong{display:block;color:#fff;font-size:15px}.brand span{display:block;margin-top:2px;font-size:11px;color:#9fb7ae;text-transform:uppercase;font-weight:700}.brand>.icon-button{display:none;background:transparent;border-color:#36544c;color:#fff}.sidebar nav{flex:1;padding:16px 10px;overflow-y:auto}.sidebar nav a{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;margin-bottom:3px;border-radius:6px;text-decoration:none;color:#b9cec6;font-size:14px;font-weight:600}.sidebar nav a:hover{background:#1c3a33;color:#fff}.sidebar nav a.active{background:#2d5a4e;color:#fff;box-shadow:inset 3px 0 #f1d79f}.sidebar-foot{min-height:68px;padding:12px 12px 12px 16px;display:flex;align-items:center;gap:10px;border-top:1px solid #2a443e}.sidebar-foot>div{flex:1;min-width:0}.sidebar-foot strong,.sidebar-foot span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot strong{font-size:13px;color:#fff}.sidebar-foot span{font-size:11px;color:#9fb7ae}.sidebar-foot .icon-button{background:transparent;border-color:#36544c;color:#fff}.sidebar-scrim{display:none}.workspace{min-width:0;flex:1;margin-left:248px}.topbar{height:58px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 28px;background:#fffffff5;border-bottom:1px solid var(--line)}.topbar>.icon-button{display:none}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:13px}.breadcrumb span{color:var(--muted)}.topbar-user{margin-left:auto;color:var(--muted);font-size:12px}.page{max-width:1500px;margin:0 auto;padding:26px 28px 48px}.page-header{min-height:62px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header h1{font-size:26px;line-height:32px;margin-bottom:4px}.page-header p{margin:0;color:var(--muted);font-size:14px}.page-actions{display:flex;align-items:center;gap:9px}.back-row{margin-bottom:12px}.back-row a{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:700;text-decoration:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{min-height:124px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:7px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:750}.metric-top svg{color:var(--green)}.metric>strong{display:block;margin-top:15px;font-size:25px;line-height:30px}.metric>small{display:block;color:var(--muted);margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:16px;margin-bottom:16px}.dashboard-grid.lower{grid-template-columns:minmax(0,1.8fr) minmax(300px,.85fr)}.dashboard-grid>*{min-width:0}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.panel>header{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.panel>header h2,.side-panel h2{font-size:15px;margin-bottom:3px}.panel>header p{margin:0;color:var(--muted);font-size:12px}.panel>header a{font-size:12px;color:var(--green);font-weight:750;text-decoration:none}.chart{height:250px;padding:15px 12px 5px 0}.recharts-text{font-size:11px;fill:var(--muted)}.pipeline-list{display:grid;grid-template-columns:repeat(2,1fr);padding:12px;gap:8px}.pipeline-list a{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;text-decoration:none}.pipeline-list a:hover{border-color:#afc3ba;background:#f8faf9}.pipeline-list strong{font-size:20px}.table-scroll{overflow-x:auto}.table-panel table{width:100%;border-collapse:collapse;min-width:760px}.table-panel th,.table-panel td{padding:12px 15px;text-align:left;border-bottom:1px solid #e9edeb;vertical-align:middle;font-size:13px}.table-panel th{color:var(--muted);background:#f8faf9;font-size:11px;text-transform:uppercase;white-space:nowrap}.table-panel tbody tr:hover{background:#fbfcfb}.table-panel tbody tr:last-child td{border-bottom:0}.table-panel td>a{color:var(--green);font-weight:750;text-decoration:none}.table-panel td>strong,.table-panel td>small{display:block}.table-panel td>small{color:var(--muted);margin-top:3px}.strike{text-decoration:line-through}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:20px;background:#edf1ef;color:#53605b;font-size:10px;text-transform:capitalize;font-weight:800;white-space:nowrap}.status-pending{background:var(--gold-soft);color:var(--gold)}.status-confirmed,.status-processing,.status-packed{background:#ece8f2;color:#67547a}.status-shipped,.status-out_for_delivery{background:var(--blue-soft);color:var(--blue)}.status-delivered{background:var(--green-soft);color:#24724f}.status-cancelled,.status-delivery_failed{background:var(--red-soft);color:var(--red)}.stock-list{padding:4px 12px}.stock-list>a{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px;border-bottom:1px solid #e9edeb;text-decoration:none}.stock-list>a:last-child{border-bottom:0}.stock-list>a>div{display:flex;align-items:center;gap:10px;min-width:0}.stock-list span{min-width:0}.stock-list strong,.stock-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-list strong{font-size:13px}.stock-list small{margin-top:3px;color:var(--muted);font-size:11px}.warning-text{color:var(--gold)}.danger-text{color:var(--red)}.healthy{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:15px}.search-box{min-width:280px;max-width:460px;min-height:42px;display:flex;align-items:center;gap:9px;flex:1;padding:0 12px;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.search-box:focus-within{border-color:#8aa99c;box-shadow:0 0 0 3px #173f3514}.search-box input{width:100%;border:0;outline:0;background:transparent}.toolbar>select{min-height:42px;min-width:155px;padding:0 34px 0 11px;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink)}.pagination{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.pagination>div{display:flex;align-items:center;gap:12px}.pagination .button{min-height:34px;padding:6px 10px;font-size:12px}.loading,.empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.empty strong{color:var(--ink);font-size:16px}.empty span{font-size:13px}.error-notice,.success-notice{min-height:42px;display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:14px;border-radius:6px;font-size:13px}.error-notice{color:var(--red);background:var(--red-soft);border:1px solid #efcbd0}.success-notice{color:#24724f;background:var(--green-soft);border:1px solid #c9ddd3}.field{display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:12px;font-weight:700}.field input,.field select,.field textarea,.side-panel textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);outline:0;font-weight:400}.field textarea,.side-panel textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.side-panel textarea:focus{border-color:#8aa99c;box-shadow:0 0 0 3px #173f3514}.field small{font-weight:400;color:var(--muted)}.field-error{color:var(--red)!important}.toggle-row{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650}.toggle{width:38px;height:22px;padding:2px;border:0;border-radius:12px;background:#b5bfbb;cursor:pointer}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .16s}.toggle.on{background:var(--green)}.toggle.on span{transform:translate(16px)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#0d1d187a}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:7px;box-shadow:0 24px 70px #00000038}.modal>header,.modal>footer{display:flex;align-items:center;gap:10px;padding:13px 16px}.modal>header{justify-content:space-between;border-bottom:1px solid var(--line)}.modal>header h2{margin:0;font-size:16px}.modal>footer{justify-content:flex-end;border-top:1px solid var(--line)}.modal-body{padding:16px;overflow-y:auto}.modal-form{display:flex;flex-direction:column;gap:15px}.stock-current{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:15px;background:var(--green-soft);border-radius:6px}.stock-current strong{font-size:22px}.broadcast-warning{padding:10px;background:var(--gold-soft);color:var(--gold);border-radius:6px;font-size:12px}.order-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px}.order-main,.order-aside{display:flex;flex-direction:column;gap:16px;min-width:0}.detail-section{overflow:visible}.order-items{padding:4px 16px}.order-item{min-height:86px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid #e9edeb}.order-item:last-child{border-bottom:0}.book-placeholder{width:46px;height:64px;display:grid;place-items:center;background:#edf1ef;border-radius:4px;overflow:hidden;color:var(--muted)}.book-placeholder img{width:100%;height:100%;object-fit:cover}.order-item>div:nth-child(2) strong,.order-item>div:nth-child(2) span{display:block}.order-item>div:nth-child(2) span{font-size:11px;color:var(--muted);margin-top:3px}.totals{margin:6px 16px 16px auto;width:min(330px,calc(100% - 32px));display:flex;flex-direction:column;gap:9px}.totals>span{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.totals b{color:var(--ink)}.totals .grand-total{padding-top:10px;border-top:1px solid var(--line);font-size:14px;font-weight:750;color:var(--ink)}.timeline{padding:15px 18px}.timeline>div{position:relative;min-height:68px;display:flex;gap:12px}.timeline>div:not(:last-child):before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:2px;background:#d6e2dc}.timeline svg{position:relative;z-index:1;color:#24724f;background:#fff;flex:0 0 auto}.timeline span{display:block;min-width:0}.timeline strong,.timeline small,.timeline time{display:block}.timeline small{margin-top:3px;color:var(--muted)}.timeline time{margin-top:5px;color:var(--faint);font-size:10px}.side-panel{padding:16px}.side-panel h2{margin-bottom:14px}.info-line{display:flex;align-items:flex-start;gap:10px;padding:9px 0}.info-line svg{margin-top:2px;color:var(--green);flex:0 0 auto}.info-line span,.info-line small,.info-line strong{display:block}.info-line small,.customer-note small{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:750}.info-line strong{margin-top:3px;font-size:12px;line-height:18px}.customer-note{padding:10px;margin-top:8px;background:#f7f9f8;border-radius:6px}.customer-note p{margin:5px 0 0;font-size:12px}.action-stack{display:flex;flex-direction:column;gap:8px;margin-top:12px}.side-panel>textarea{margin-bottom:10px}.muted{color:var(--muted);font-size:13px}.book-cell{display:flex;align-items:center;gap:10px;min-width:210px}.book-cell>div{width:38px;height:52px;display:grid;place-items:center;border-radius:4px;background:#edf1ef;overflow:hidden;color:var(--muted);flex:0 0 auto}.book-cell img{width:100%;height:100%;object-fit:cover}.book-cell span,.book-cell strong,.book-cell small{display:block}.stock-button{border:0;background:transparent;padding:0;cursor:pointer}.mini-action{min-height:32px;padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--green);font-size:11px;font-weight:750;cursor:pointer}.mini-action.danger{color:var(--red);border-color:#ecc9ce}.editor-form{display:flex;flex-direction:column;gap:16px}.form-section{overflow:visible}.form-section>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}.form-section>.form-grid .field:nth-last-child(-n+2):has(textarea){grid-column:auto}.cover-controls{display:flex;align-items:flex-start;gap:18px;padding:16px}.cover-upload{min-height:120px;min-width:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;border:1px dashed #9eb3aa;border-radius:6px;background:#f8faf9;color:var(--green);cursor:pointer;text-align:center}.cover-upload span{color:var(--muted);font-size:11px}.cover-upload input{display:none}.cover-preview{width:86px;height:120px;object-fit:cover;border-radius:4px}.toggle-stack{display:flex;flex-direction:column;gap:14px;padding-top:5px}.toggle-stack.horizontal{flex-direction:row;flex-wrap:wrap;padding:0 16px 16px;gap:24px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.settings-form{max-width:980px}.danger-zone{border-color:#e8c9cd}.danger-zone>.toggle-row{padding:16px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card{position:relative;min-height:180px;display:flex;gap:14px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:7px}.category-image{width:76px;height:96px;display:grid;place-items:center;border-radius:5px;background:#edf1ef;color:var(--green);font-weight:800;overflow:hidden;flex:0 0 auto}.category-image img{width:100%;height:100%;object-fit:cover}.category-copy{min-width:0;flex:1}.category-copy>div{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.category-copy h2{font-size:15px;margin-bottom:0}.category-copy p{margin:12px 0;color:var(--muted);font-size:12px;line-height:18px}.category-copy>span{font-size:11px;color:var(--faint)}.category-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:6px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(430px,.85fr) minmax(500px,1.15fr);background:#fff}.login-panel{width:min(430px,calc(100% - 48px));align-self:center;justify-self:center}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:48px}.login-brand>div{width:46px;height:46px;display:grid;place-items:center;border-radius:6px;background:var(--green);color:#fff}.login-brand span{font-size:17px;font-weight:800;color:var(--green)}.login-title h1{font-size:29px;margin-bottom:7px}.login-title p{color:var(--muted);font-size:14px;line-height:21px}.login-panel form{display:flex;flex-direction:column;gap:16px;margin:28px 0 16px}.login-panel form>.button{width:100%;min-height:46px}.login-panel>small{display:block;color:var(--faint);font-size:11px;text-align:center}.input-with-icon{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:6px}.input-with-icon:focus-within{border-color:#8aa99c;box-shadow:0 0 0 3px #173f3514}.input-with-icon svg{color:var(--muted)}.input-with-icon input{width:100%;border:0;outline:0}.login-context{display:flex;align-items:flex-end;padding:70px;background:#173f35;color:#fff}.login-context>div{max-width:600px;padding-bottom:20px}.login-context span{font-size:11px;font-weight:800;color:#f1d79f}.login-context h2{max-width:560px;margin:18px 0;font-size:42px;line-height:50px}.login-context p{max-width:520px;margin:0;color:#c8d9d2;font-size:16px;line-height:25px}@media(max-width:1150px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr}.order-aside{display:grid;grid-template-columns:repeat(2,1fr)}.order-aside .side-panel:first-child{grid-column:1/-1}}@media(max-width:820px){.sidebar{transform:translate(-100%);transition:transform .18s}.sidebar.open{transform:translate(0)}.brand>.icon-button{display:inline-flex}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:#0a17136b}.workspace{margin-left:0}.topbar{padding:0 16px}.topbar>.icon-button{display:inline-flex;margin-right:10px}.page{padding:22px 16px 40px}.login-page{grid-template-columns:1fr}.login-context{display:none}.login-panel{padding:28px 0}.toolbar{align-items:stretch;flex-wrap:wrap}.search-box{min-width:100%;max-width:none}.toolbar>select{flex:1}.category-grid{grid-template-columns:1fr}.cover-controls{flex-wrap:wrap}.form-section>.form-grid{grid-template-columns:1fr}.order-aside{display:flex}}@media(max-width:560px){.page-header{flex-direction:column}.page-actions{width:100%}.page-actions>.button{width:100%}.metrics{grid-template-columns:1fr}.metric{min-height:110px}.pipeline-list{grid-template-columns:1fr}.pagination{align-items:flex-start;flex-direction:column}.pagination>div{width:100%;justify-content:space-between}.cover-upload{width:100%;min-width:0}.category-card{min-height:205px}.topbar-user{display:none}.breadcrumb span,.breadcrumb svg{display:none}.login-brand{margin-bottom:34px}.login-title h1{font-size:25px}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}}