:root{font-family:Mulish,Arial,sans-serif;font-weight:300;color:#172033;background:#eef3fb;font-synthesis:none}body{margin:0;background:#eef3fb}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,select,input{border-radius:9px;border:1px solid #d7dfeb}button{background:#fff;color:#172033;padding:7px 12px;cursor:pointer;font-weight:400}button:hover:not(:disabled){border-color:#ff8a3d;background:#fff8f3}button:disabled{color:#a9b1bd;background:#f4f5f7;cursor:default}input,select{padding:6px 9px;background:#fff;color:#172033}input:focus,select:focus{outline:2px solid rgba(255,105,0,.16);border-color:#ff7a1a}h1,h2,h3,strong,th{font-weight:600}h1{margin:0;font-size:24px;letter-spacing:-.35px}h3{margin:14px 0 8px;font-size:16px}.brand-fire{display:inline-block;margin:0 -4px;transform:translateY(1px)}.app-shell{min-height:100vh;display:flex;gap:22px;padding:14px}.sidebar{position:sticky;top:14px;width:250px;min-width:250px;height:calc(100vh - 28px);background:#fff;border:1px solid #e1e7ef;border-radius:15px;padding:16px;display:flex;flex-direction:column;box-shadow:0 8px 26px #26364e0f}.sidebar-brand{padding:4px 6px 15px;border-bottom:1px solid #edf0f4;font-weight:600;line-height:1.25}.brand-by{font-family:Mulish,Arial,sans-serif;font-weight:300}.top-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.theme-toggle{flex:0 0 auto;white-space:nowrap}.sidebar-nav{display:grid;gap:5px;padding:14px 0;overflow-y:auto}.sidebar-nav button{width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:10px 12px;border-radius:10px}.sidebar-nav button.active{color:#d84d00;background:#fff1e7;border-color:#ffc49b;font-weight:600}.sidebar-spacer{flex:1}.profile-card{border:1px solid #e0e6ee;border-radius:12px;background:#f8fbff;padding:11px;margin-top:10px}.profile-name{font-weight:600}.profile-role{color:#6b778b;font-size:12px;margin-top:3px}.profile-role-accent{color:#ef6300}.sidebar-logout{width:100%;margin-top:9px}.view-as{display:grid;gap:5px;margin-top:10px}.view-as label{color:#6b778b}.view-as select{width:100%}.main-content{min-width:0;flex:1;padding-bottom:40px}.page{max-width:1580px;margin:0 auto;display:flex;flex-direction:column}.top{position:sticky;top:14px;z-index:40;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 18px;border:1px solid #e1e7ef;border-radius:15px;box-shadow:0 8px 26px #26364e0f}.top-controls{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.mode-switch{display:inline-flex;padding:3px;border:1px solid #dfe5ee;border-radius:10px;background:#f6f8fb}.mode-switch button{border:0;background:transparent;padding:6px 10px}.mode-switch button.active{background:#fff;color:#d84d00;box-shadow:0 1px 5px #141e2d14}.training-note{background:#fff5e8;border:1px solid #ffd0a9;color:#8b4a14;border-radius:10px;padding:9px 11px;margin:9px 0}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}label{font-size:13px}.muted{color:#6d7889;font-size:12px}.warn{background:#fff6d9;border:1px solid #ead27b;padding:10px 12px;margin:12px 0;border-radius:10px}.err{background:#fff0f0;border:1px solid #eab3b3;color:#8d3030;padding:9px 11px;margin:9px 0;border-radius:10px}.ok{color:#25734a}.card{background:#fff;border:1px solid #e1e7ef;padding:14px 16px;margin-top:14px;border-radius:14px;box-shadow:0 5px 18px #26364e09}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border:1px solid #dce2e9;padding:6px 8px;text-align:left}th{background:#f4f6f9}.qty{width:76px}.modal-back{position:fixed;inset:0;background:#121a2661;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;padding:20px;max-width:520px;border:1px solid #dbe1e9;border-radius:14px;box-shadow:0 16px 50px #0000002e}.modal button{margin-right:8px;margin-top:12px}.disabled-note{color:#8a1f1f}a.btn-link{display:inline-block;padding:8px 13px;background:#111827;color:#fff;text-decoration:none;border-radius:9px;font-size:14px}.auto{color:#596579;font-size:12px}.date-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:7px;margin:10px 0;overflow-x:auto}.date-grid label{min-width:0;border:1px solid #dfe4eb;padding:7px 8px;background:#fafbfc;border-radius:8px}.date-grid label.special-date{background:#fff0f0;border-color:#e8aaaa;color:#8f3434}.table-scroll{overflow-x:auto;max-width:100%}.history-filter-bar{position:sticky;top:132px;z-index:20;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px -4px;padding:10px 12px;background:#fffffffa;border:1px solid #e1e7ef;border-radius:12px;box-shadow:0 5px 16px #26364e0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.history-filter-bar select{min-width:230px;max-width:360px}.history-order-actions{margin-top:10px}.week-inventory{min-width:1080px}.day-table{table-layout:fixed;min-width:1080px}.day-table .day-label-col{width:320px}.day-table .day-value-col{width:calc((100% - 320px) / 7)}.inventory-day-table .inventory-product-col,.inventory-day-table .inventory-age-col{width:160px}.arrivals-block{margin-top:14px}.arrival-cell{display:flex;align-items:center;gap:5px}.small-action{padding:4px 7px;font-size:11px}.admin-pizzeria-list{display:grid;gap:4px;min-width:180px}.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.audit-json{max-width:340px;white-space:pre-wrap;overflow-wrap:anywhere}.unresolved-card{background:#fff8f8;border-color:#e9b5b5}.unresolved-card .warn{background:#ffecec;border-color:#e9b5b5;color:#8b3333}.unresolved-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.card-title-row{justify-content:space-between}.source-tabs{display:inline-flex;gap:4px;margin:10px 0 4px;padding:3px;background:#f4f6f9;border-radius:10px}.source-tabs button{border:0;background:transparent}.source-tabs button.active{background:#fff;color:#d84d00;box-shadow:0 1px 4px #141e2d14}.login-page{min-height:100vh;display:grid;place-items:start center;padding:28px;background:#eef3fb}.login-card{width:min(760px,100%);background:#fff;border:1px solid #e1e7ef;border-radius:15px;padding:24px;box-shadow:0 8px 26px #26364e0f}@media(max-width:860px){.app-shell{display:block;padding:8px}.sidebar{position:relative;top:0;width:100%;height:auto;margin-bottom:10px}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.top,.history-filter-bar{top:8px}}.unresolved-card{order:10}.work-schedule,.work-schedule-warning{order:20}.inventory-card{order:30}.work-consumption-tabs{order:40}.work-consumption-api,.excel-import-card{order:41}.work-consumption-current{order:42}.work-settings{order:50}.work-calculation{order:60}.unresolved-warning{order:11;background:#ffecec;border-color:#e9b5b5;color:#8b3333}.notification-settings{display:grid;gap:14px}.notification-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notification-schedule>div{border:1px solid #e1e7ef;border-radius:12px;padding:12px 14px;background:#f8fafc}.notification-preferences{display:grid;gap:8px}.notification-preferences label{display:flex;align-items:center;gap:8px}.notification-heading{justify-content:space-between}.notification-table input[type=email]{width:min(320px,100%);min-width:220px}.notice{border:1px solid #bfd8c3;border-radius:10px;padding:10px 12px;background:#f3faf4}@media(max-width:760px){.notification-schedule{grid-template-columns:1fr}.notification-heading{align-items:stretch}.notification-table{min-width:860px}}.notification-schedule-editor{display:grid;gap:12px}.notification-timezone{display:grid;gap:6px;max-width:420px}.notification-timezone select{width:100%}.notification-time-row{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.notification-time-row label{display:grid;gap:5px;min-width:145px}.notification-time-row input[type=time]{min-height:42px}@media(max-width:520px){.notification-time-row{display:grid;grid-template-columns:1fr}.notification-time-row label,.notification-timezone{max-width:none;width:100%}}.admin-tabs{position:sticky;top:108px;z-index:30;display:flex;gap:6px;overflow-x:auto;margin-top:14px;padding:7px;background:#fffffff7;border:1px solid #e1e7ef;border-radius:12px;box-shadow:0 5px 16px #26364e0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-tabs button{white-space:nowrap;border-color:transparent;background:transparent}.admin-tabs button.active{color:#d84d00;background:#fff1e7;border-color:#ffc49b;font-weight:600}.global-alert{margin:10px 0 0}:root[data-theme=dark]{color:#e7edf7;background:#0f1724}:root[data-theme=dark] body,:root[data-theme=dark] .login-page{background:#0f1724;color:#e7edf7}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .top,:root[data-theme=dark] .card,:root[data-theme=dark] .login-card,:root[data-theme=dark] .modal,:root[data-theme=dark] .admin-tabs{background:#172132;border-color:#334155;color:#e7edf7;box-shadow:0 8px 26px #00000038}:root[data-theme=dark] .top,:root[data-theme=dark] .admin-tabs,:root[data-theme=dark] .history-filter-bar{background:#172132f7}:root[data-theme=dark] button,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#111a29;border-color:#3b4a5f;color:#e7edf7}:root[data-theme=dark] button:hover:not(:disabled){background:#202c3e;border-color:#ff8a3d}:root[data-theme=dark] button:disabled,:root[data-theme=dark] input:disabled,:root[data-theme=dark] select:disabled{background:#1a2433;color:#748197}:root[data-theme=dark] th{background:#202b3d}:root[data-theme=dark] th,:root[data-theme=dark] td{border-color:#3a4659}:root[data-theme=dark] .muted,:root[data-theme=dark] .profile-role,:root[data-theme=dark] .auto,:root[data-theme=dark] .view-as label{color:#a9b5c6}:root[data-theme=dark] .profile-card,:root[data-theme=dark] .notification-schedule>div,:root[data-theme=dark] .date-grid label,:root[data-theme=dark] .mode-switch,:root[data-theme=dark] .source-tabs{background:#111a29;border-color:#344154}:root[data-theme=dark] .sidebar-brand{border-color:#344154}:root[data-theme=dark] .sidebar-nav button.active,:root[data-theme=dark] .admin-tabs button.active,:root[data-theme=dark] .mode-switch button.active,:root[data-theme=dark] .source-tabs button.active{background:#3b2418;border-color:#7a4524;color:#ff9b59}:root[data-theme=dark] .warn,:root[data-theme=dark] .training-note{background:#3a3017;border-color:#6b5a2b;color:#f2d68c}:root[data-theme=dark] .err,:root[data-theme=dark] .unresolved-warning,:root[data-theme=dark] .unresolved-card{background:#3b2025;border-color:#70404a;color:#ffb9c0}:root[data-theme=dark] .notice{background:#183126;border-color:#356348;color:#b9e2c7}:root[data-theme=dark] .date-grid label.special-date{background:#3b2025;border-color:#70404a;color:#ffb9c0}:root[data-theme=dark] a.btn-link{background:#f3f4f6;color:#111827}@media(max-width:860px){.app-shell{display:block;padding:8px}.sidebar{position:relative;top:0;width:100%;min-width:0;height:auto;padding:12px;margin-bottom:8px}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.sidebar-nav button{min-height:44px;text-align:center}.sidebar-spacer{display:none}.main-content,.page{width:100%;min-width:0}.top{top:8px;padding:12px;border-radius:12px}.top-title-row{align-items:flex-start}.top h1{font-size:20px;line-height:1.2}.top-controls{display:grid;grid-template-columns:1fr;gap:8px}.top-controls label,.top-controls select,.top-controls input[type=date]{width:100%}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.card{padding:12px;margin-top:10px;border-radius:12px}.row{align-items:stretch}.table-scroll{width:100%;-webkit-overflow-scrolling:touch}.history-filter-bar,.admin-tabs{top:8px}}@media(max-width:600px){.app-shell{padding:5px}.sidebar{padding:10px;border-radius:11px}.sidebar-brand{padding-bottom:10px}.sidebar-nav{gap:4px;padding:10px 0}.sidebar-nav button{padding:9px 7px;font-size:13px}.top{padding:10px}.top-title-row{display:grid;grid-template-columns:1fr}.theme-toggle{width:100%}.top h1{font-size:18px}.card{padding:10px}.row>input:not(.qty),.row>select,.row>button{max-width:100%}input,select,button{min-height:42px}.qty{min-height:40px}.admin-tabs{margin-top:8px;padding:5px}.notification-table{min-width:700px}.week-inventory,.day-table{min-width:900px}.day-table .day-label-col{width:220px}.inventory-day-table .inventory-product-col{width:130px}.inventory-day-table .inventory-age-col{width:120px}}
