:root{color:#141414;background:#f7f7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--border: #e6e6e6;--muted: #757575;--surface: #ffffff;--surface-soft: #fafafa;--primary: #161616;--primary-dark: #000000;--danger: #d63b3b;--warning: #d99a2b;--blue: #326dde;--green: #49a35b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#fff}.login-panel{width:min(100%,360px);background:#fff;border:1px solid var(--border);border-radius:8px;padding:30px;box-shadow:0 18px 50px #00000014}.brand-mark,.brand-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#e2efe8;color:var(--primary)}.login-panel h1{margin:18px 0 6px;font-size:24px;letter-spacing:0;text-align:center}.login-panel p{text-align:center;font-size:13px;line-height:1.45}.login-panel p,.page-header p,.muted{color:var(--muted)}.dashboard-shell{min-height:100vh;background:#f7f7f7}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:278px;transform:translate(-100%);transition:transform .16s ease;background:#161616;color:#f4f4f4;padding:18px 14px}.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:25;border:0;background:#00000038}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 22px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#bdbdbd;font-size:13px}.sidebar-nav{display:grid;gap:4px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:42px;border-radius:6px;color:#d6d6d6}.sidebar-nav a.active,.sidebar-nav a:hover{background:#2a2a2a;color:#fff}.main-shell{min-width:0;display:grid;grid-template-rows:72px 1fr}.topbar{display:flex;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-user,.row-actions,.action-strip,.page-actions,.panel-heading{display:flex;align-items:center;gap:10px}.topbar-user{margin-left:auto;min-width:0}.topbar h1{margin:0;font-size:28px;font-weight:800;letter-spacing:0}.topbar-menu{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:#161616;cursor:pointer}.branch-select{width:230px;min-height:38px;border-radius:8px;font-size:13px}.language-switch{display:inline-flex;align-items:center;gap:2px;height:38px;padding:3px;border:1px solid var(--border);border-radius:8px;background:#f7f7f7}.language-switch button{min-width:34px;height:30px;border:0;border-radius:6px;background:transparent;font-size:12px;cursor:pointer}.language-switch button.active{background:#161616;color:#fff}.role-chip{border:1px solid var(--border);border-radius:999px;padding:3px 9px;color:var(--muted);font-size:12px}.open-chip{display:inline-flex;align-items:center;min-height:32px;border-radius:6px;padding:0 12px;background:#eff9f0;color:var(--green);font-size:12px;font-weight:700}.open-chip:before{content:"";width:6px;height:6px;margin-right:7px;border-radius:50%;background:currentColor}.content{min-width:0;padding:28px 28px 36px}.page{display:grid;gap:20px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.page-header h1{margin:0;font-size:24px;font-weight:800}.page-header p{margin:5px 0 0}.panel,.metric{background:var(--surface);border:1px solid var(--border);border-radius:8px}.panel{padding:18px}.panel h2{margin:0 0 14px;font-size:16px}.panel-grow{min-width:0}.toolbar,.split-layout,.detail-grid,.metric-grid{display:grid;gap:14px}.toolbar{grid-template-columns:minmax(220px,340px) 1fr;align-items:center}.split-layout{grid-template-columns:minmax(300px,380px) 1fr}.detail-grid,.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:16px;display:flex;align-items:center;gap:14px}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:4px;font-size:24px}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;font-size:13px}th{background:#fff;color:#161616;font-size:12px;font-weight:800;text-transform:none}tr:last-child td{border-bottom:0}.strong-link,.link-button{color:var(--primary);font-weight:700}.link-button{border:0;padding:0;background:transparent;cursor:pointer}.small{font-size:12px}.badge{display:inline-flex;align-items:center;min-width:72px;justify-content:center;height:24px;border-radius:4px;padding:0 9px;font-size:11px;font-weight:700}.badge-neutral{background:#eef0ee;color:#58625b}.badge-blue{background:var(--blue);color:#fff}.badge-green{background:var(--green);color:#fff}.badge-amber{background:var(--warning);color:#fff}.badge-red{background:var(--danger);color:#fff}.button,.icon-button,.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;border:1px solid transparent;cursor:pointer;min-height:38px;padding:0 14px;background:#fff}.button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}.button-secondary{border-color:var(--border);color:#24302a}.active-view{background:#161616;color:#fff}.button-small{min-height:32px;padding:0 10px;font-size:12px}.button-full{width:100%}.icon-button{width:38px;padding:0;border-color:var(--border)}.form-stack{display:grid;gap:14px}label span{display:block;margin-bottom:6px;font-size:13px;font-weight:700}input,textarea,select,.search-input{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;padding:9px 11px;background:#fff;color:#1e2522}textarea{resize:vertical}.input-icon{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding-left:10px;background:#fff}.input-icon input{border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-line{display:flex;align-items:center;gap:8px}.checkbox-line input{width:18px;min-height:18px}.checkbox-line span{margin:0}.form-error{border:1px solid #f1bbb5;background:#fff0ee;color:var(--danger);padding:10px 12px;border-radius:6px}.segmented{display:flex;overflow-x:auto;gap:6px}.segmented button{border-color:var(--border);white-space:nowrap}.segmented button.active{background:#161616;border-color:#161616;color:#fff}.segmented button span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;border-radius:999px;background:#eee;color:#686868;font-size:11px}.segmented button.active span{background:#fff;color:#161616}.segmented-wide{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#f5f5f5;padding:4px}.segmented-stock{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:0;overflow:hidden;margin-bottom:14px;border:1px solid var(--border);border-radius:8px;background:#f5f5f5;padding:4px}.segmented-stock button{border-color:transparent;border-radius:6px;background:transparent}.segmented-wide button{border-color:transparent;border-radius:6px;background:transparent;min-height:38px}.table-search{width:270px}.table-status-actions{justify-content:flex-start}.pagination-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;background:#fff}.page-number{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:6px;color:var(--muted)}.page-number.active{background:#f0f0f0;color:#161616;font-weight:800}.state,.empty-state{display:flex;align-items:center;justify-content:center;gap:10px;min-height:110px;color:var(--muted)}.state-error{color:var(--danger)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail-list{display:grid;gap:12px;margin:0}.detail-list div{display:flex;justify-content:space-between;gap:14px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:700}.stack{display:grid;gap:10px}.line-item,.history-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px}.line-item span,.history-item span,.history-item p{color:var(--muted);margin:4px 0 0}.chart-wrap{min-height:280px}.settings-grid{display:grid;gap:14px}.settings-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.settings-heading h2{margin:0}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.settings-row span,.qr-meta span{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:4px}.settings-row strong,.qr-meta strong{display:block;min-width:0;overflow-wrap:anywhere}.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.ops-filter-row{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px;gap:10px;margin-bottom:14px}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.management-card{display:grid;grid-template-columns:148px minmax(0,1fr);min-height:168px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:8px}.management-card-media{display:grid;place-items:center;background:linear-gradient(135deg,#24745c1f,#24745c05),var(--surface-soft);color:var(--primary)}.management-card-body{display:grid;align-content:start;gap:10px;padding:16px}.management-card-body h2{margin:0;font-size:16px}.management-card-body p,.management-card-body span,.ops-card span,.ticket-card span{margin:0;color:var(--muted);font-size:12px}.ops-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:0;border-bottom:1px solid var(--border);border-radius:0}.ops-card>svg{display:none}.ops-card strong,.ticket-card strong{display:block}.panel-subtitle{margin:-8px 0 14px;color:var(--muted);font-size:13px}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto}.kanban-column{min-width:220px;min-height:560px;padding:0 0 12px;border:0;border-radius:8px;background:#fff}.kanban-heading{display:flex;align-items:center;justify-content:center;min-height:46px;margin-bottom:12px;border-radius:6px;color:#fff}.kanban-verify .kanban-heading{background:var(--warning)}.kanban-preparing .kanban-heading{background:var(--blue)}.kanban-ready .kanban-heading{background:var(--green)}.kanban-completed .kanban-heading{background:#161616}.kanban-heading span{display:inline-grid;place-items:center;min-width:28px;height:24px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--muted);font-size:12px}.ticket-card{display:grid;gap:10px;margin:0 10px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fff}.ticket-items{display:grid;gap:4px;padding:8px;border-radius:6px;background:var(--surface-soft)}.ticket-meta{display:grid;gap:6px;margin:0}.ticket-meta div{display:flex;justify-content:space-between;gap:8px}.ticket-meta dt,.ticket-meta dd{margin:0;font-size:13px}.ticket-meta dt{font-weight:800}.ticket-meta dd{color:#161616}.empty-lane{display:grid;place-items:center;margin:0 10px;min-height:88px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:13px}.qr-preview{display:grid;gap:14px}.qr-box{display:grid;place-items:center;min-height:210px;border:1px solid var(--border);border-radius:8px;background:#fff}.qr-meta{display:grid;gap:10px}.qr-meta strong{font-size:13px;line-height:1.4}.inline-success{border:1px solid #b9dfca;background:#ecf8f1;color:var(--primary-dark);padding:9px 11px;border-radius:6px;font-size:13px}.boot-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.mobile-only{display:none}@media(max-width:920px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;z-index:20;transform:translate(-100%);transition:transform .16s ease}.sidebar-open{transform:translate(0)}.mobile-only{display:inline-flex}.toolbar,.split-layout,.detail-grid,.metric-grid,.settings-grid,.ops-layout,.ops-filter-row,.management-grid{grid-template-columns:1fr}.topbar-user>span:first-child,.topbar-context span{display:none}}@media(max-width:560px){.content{padding:16px}.page-header{display:grid}.topbar{padding:0 14px}.form-grid,.management-card{grid-template-columns:1fr}.management-card-media{min-height:96px}}