:root{--navy:#071827;--navy2:#0b2438;--blue:#0e7490;--cyan:#20c5d8;--yellow:#f4c542;--orange:#f9734d;--green:#28a36a;--red:#ce3f4f;--ink:#132033;--muted:#66758a;--line:#dce4eb;--surface:#fff;--bg:#eef3f6;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;text-decoration:none}.app-body{min-height:100vh;background:linear-gradient(135deg,#edf4f6,#f7f2e8)}.app-header{height:72px;padding:0 clamp(18px,3vw,48px);background:rgba(7,24,39,.96);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:50;box-shadow:0 12px 28px #07182722}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--cyan),var(--blue));display:grid;place-items:center;font-weight:900;font-size:1.4rem}.brand span:last-child{display:grid}.brand small{color:#a8c1cf;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.brand strong{font-size:1.05rem}.app-header nav{display:flex;align-items:center;gap:12px}.app-header nav a,.link-button{color:#d8e8ef;background:transparent;padding:8px 9px}.app-header nav a:hover,.link-button:hover{color:#fff}.app-header form{margin:0}.user-chip{padding:8px 12px;border-radius:999px;background:#ffffff14;color:#bcd0da;font-size:.8rem}.app-main{padding:28px clamp(18px,3vw,48px) 50px;max-width:1900px;margin:auto}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}.hero-row h1{font-size:clamp(2rem,4vw,3.4rem);line-height:.98;margin:0}.hero-row p:last-child{color:var(--muted);margin:12px 0 0}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.primary,.call-next,.button.secondary,.secondary,.task-actions button,.icon-button,.create-panel button,.edit-panel button,.password-panel button{min-height:42px;padding:10px 16px;border-radius:13px;font-weight:800}.primary,.call-next{background:linear-gradient(135deg,var(--blue),#155e75);color:#fff;box-shadow:0 12px 24px #0e749033}.call-next{background:linear-gradient(135deg,var(--orange),#d74a2a)}.secondary,.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.wide{width:100%}.panel{background:#ffffffdd;border:1px solid #ffffff;border-radius:22px;box-shadow:0 18px 48px #21394d14}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metrics article{padding:18px;border-radius:18px;background:#fff;border-left:5px solid var(--yellow);box-shadow:0 10px 24px #203b5010}.metrics article.serving{border-color:var(--cyan)}.metrics article.done{border-color:var(--green)}.metrics article.cancelled{border-color:var(--red)}.metrics span{color:var(--muted);font-weight:700}.metrics strong{display:block;font-size:2rem;margin-top:5px}.admin-grid{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:18px;align-items:start}.create-panel,.edit-panel{padding:24px;display:grid;gap:15px;position:sticky;top:92px}.create-panel h2,.edit-panel h1{margin:0;font-size:1.75rem}.create-panel label,.edit-panel label,.login-card label{display:grid;gap:7px;font-weight:800;font-size:.82rem}.create-panel input,.create-panel select,.create-panel textarea,.edit-panel input,.edit-panel select,.edit-panel textarea,.login-card input,.filter-bar input,.filter-bar select,.password-panel input,.users-grid input,.users-grid select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;color:var(--ink)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 120px;gap:10px}.task-panel{padding:14px;min-width:0}.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 150px auto;gap:8px;margin-bottom:12px}.filter-bar button{border-radius:12px}.task-list{display:grid;gap:10px;max-height:calc(100vh - 220px);overflow:auto;padding-right:3px}.task-card{background:#fff;border:1px solid var(--line);border-left:5px solid #b6c2cd;border-radius:16px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.task-card.priority-high{border-left-color:var(--orange)}.task-card.priority-urgent{border-left-color:var(--red)}.task-card.status-serving{background:#ecfbfd}.task-card-main{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;align-items:start}.queue-number{font-size:1rem;font-weight:900;color:var(--blue);padding-top:4px}.task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.72rem}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e7eef2;color:#415366;font-size:.68rem;font-weight:900}.badge.high{background:#fff0e8;color:#b94b25}.badge.urgent{background:#ffe4e7;color:#ad2638}.task-card h3{margin:6px 0 3px;font-size:1rem}.task-card p{margin:3px 0;color:var(--muted);font-size:.85rem;white-space:pre-wrap}.task-card small{color:#83909e}.task-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.task-actions form{margin:0}.task-actions button,.icon-button{min-height:34px;padding:7px 9px;border:1px solid var(--line);background:#f7fafb;color:var(--ink);font-size:.74rem}.task-actions .serving-action{background:#def8fb;color:#086a79}.task-actions .done-action{background:#e4f7ed;color:#13734a}.task-actions .cancel-action{background:#fff1ed;color:#a8422c}.task-actions .delete-action{background:#ffe8ea;color:#a92335}.empty-state{min-height:220px;display:grid;place-content:center;text-align:center;color:var(--muted);gap:7px}.empty-state strong{font-size:1.2rem;color:var(--ink)}.flash-stack{position:fixed;right:20px;top:86px;z-index:100;display:grid;gap:8px}.flash{padding:12px 16px;border-radius:12px;background:#fff;box-shadow:0 14px 34px #0718272b;border-left:4px solid var(--blue)}.flash.error{border-color:var(--red)}.flash.success{border-color:var(--green)}.login-shell{min-height:calc(100vh - 130px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:50px;align-items:center;max-width:1100px;margin:auto}.login-copy h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.92;margin:0}.login-copy p:last-child{font-size:1.1rem;color:var(--muted);max-width:55ch}.login-card{padding:32px;display:grid;gap:16px}.login-card h2{margin:0;font-size:2rem}.fine-print{font-size:.8rem;color:var(--muted)}.narrow-page{max-width:760px;margin:auto}.back-link{display:inline-block;margin-bottom:14px;color:var(--blue);font-weight:800;text-decoration:none}.edit-panel{position:static}.table-wrap{overflow:auto;padding:12px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:.84rem}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.users-grid{grid-template-columns:340px minmax(0,1fr)}.password-panel{margin-top:18px;padding:16px}.password-panel summary{cursor:pointer;font-weight:800}.password-panel form{display:flex;gap:8px;margin-top:12px}.display-body{height:100vh;overflow:hidden;background:radial-gradient(circle at 90% 0,#123e57 0,transparent 28%),linear-gradient(145deg,#06121f,#091d2e 58%,#071725);color:#f4f9fc;padding:clamp(12px,1.4vw,26px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1vw,18px)}.display-header{display:flex;justify-content:space-between;align-items:center;padding:0 6px}.display-header p{margin:0 0 4px;color:#8bb3c5;font-size:clamp(.7rem,1vw,1rem);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.display-header h1{margin:0;font-size:clamp(1.55rem,2.8vw,3.2rem);letter-spacing:.04em}.display-tools{display:flex;align-items:center;gap:20px;text-align:right}.display-tools button{padding:9px 13px;border-radius:999px;background:#ffffff12;color:#d9e8ee;border:1px solid #ffffff1c}.display-tools div{display:grid}.display-tools strong{font-size:clamp(1.7rem,3vw,3.4rem);line-height:1}.display-tools span{color:#8bb3c5;font-size:clamp(.65rem,.9vw,.9rem)}.display-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(10px,1vw,18px)}.display-section{min-height:0;border:1px solid #ffffff12;border-radius:clamp(16px,1.5vw,26px);background:linear-gradient(160deg,#ffffff0d,#ffffff05);box-shadow:inset 0 1px #ffffff12,0 18px 50px #0003;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.display-section>header{display:flex;align-items:center;gap:12px;padding:clamp(12px,1.3vw,22px);border-bottom:1px solid #ffffff10}.section-icon{width:clamp(34px,3vw,54px);height:clamp(34px,3vw,54px);border-radius:15px;display:grid;place-items:center;background:#ffffff10;color:var(--yellow);font-weight:900}.display-section header div{min-width:0}.display-section header small{font-size:clamp(.55rem,.7vw,.75rem);color:#79a6b9;font-weight:900;letter-spacing:.16em}.display-section h2{margin:2px 0 0;font-size:clamp(1.05rem,1.7vw,2rem);line-height:1}.display-section header b{margin-left:auto;min-width:42px;height:38px;padding:0 12px;border-radius:999px;display:grid;place-items:center;background:#ffffff12;font-size:1.1rem}.serving-zone{border-color:#21bfd83b;background:linear-gradient(160deg,#0d667333,#ffffff05)}.serving-zone .section-icon{background:#1ec3d829;color:#5de8f4}.pending-zone .section-icon{color:var(--yellow)}.carry-zone{border-color:#f9734d35}.carry-zone .section-icon{color:#ff9b79;background:#f9734d1b}.done-zone{border-color:#28a36a35}.done-zone .section-icon{color:#65dfa3;background:#28a36a1d}.display-list{min-height:0;overflow:auto;padding:clamp(8px,1vw,16px);display:grid;align-content:start;gap:clamp(7px,.8vw,12px)}.display-task{padding:clamp(10px,1vw,16px);border-radius:16px;background:#ffffff0d;border:1px solid #ffffff10;border-left:5px solid #7c91a1}.display-task.priority-high{border-left-color:var(--orange)}.display-task.priority-urgent{border-left-color:#ff4861}.display-task-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.display-queue-no{color:#63dfec;font-size:clamp(.9rem,1.35vw,1.5rem)}.display-priority{font-size:clamp(.5rem,.65vw,.72rem);font-weight:900;padding:4px 7px;border-radius:999px;background:#ffffff12}.display-priority.urgent{color:#ff8c9a}.display-priority.high{color:#ff9c77}.display-task h3{font-size:clamp(.9rem,1.25vw,1.45rem);line-height:1.08;margin:7px 0}.display-task-meta{display:flex;justify-content:space-between;gap:8px;color:#91adba;font-size:clamp(.58rem,.7vw,.78rem)}.display-remarks{margin:7px 0 0;color:#c5d5dc;font-size:clamp(.62rem,.75vw,.84rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serving-list .display-task{background:linear-gradient(135deg,#14b8c629,#ffffff0c);border-color:#3be2ef3b}.display-empty{min-height:100%;display:grid;place-items:center;text-align:center;color:#7194a5;font-size:clamp(.8rem,1vw,1.1rem);padding:20px}.display-footer{display:flex;justify-content:space-between;color:#7194a5;font-size:clamp(.6rem,.75vw,.8rem);padding:0 7px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#48d98b;margin-right:6px;box-shadow:0 0 12px #48d98b}.display-list::-webkit-scrollbar,.task-list::-webkit-scrollbar{width:8px}.display-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb{background:#ffffff20;border-radius:9px}
@media(max-width:1100px){.app-header{height:auto;min-height:68px;flex-wrap:wrap;padding-block:10px}.app-header nav{flex-wrap:wrap}.admin-grid,.users-grid{grid-template-columns:1fr}.create-panel{position:static}.task-list{max-height:none}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{grid-template-columns:1fr;gap:25px}.login-copy h1{font-size:3.4rem}.display-body{overflow:auto;height:auto;min-height:100vh}.display-grid{grid-template-columns:1fr;grid-template-rows:none}.display-section{min-height:360px}}
@media(max-width:700px){.app-main{padding:18px 12px 36px}.brand small{display:none}.app-header nav{gap:3px}.user-chip{display:none}.hero-row{align-items:stretch;flex-direction:column}.hero-actions{justify-content:flex-start}.metrics{grid-template-columns:repeat(2,1fr)}.filter-bar{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.task-card{grid-template-columns:1fr}.task-card-main{grid-template-columns:1fr}.task-actions{justify-content:flex-start}.password-panel form{flex-direction:column}.login-copy{display:none}.login-shell{display:block}.display-header{align-items:flex-start}.display-tools button{display:none}.display-tools span{max-width:150px}.display-grid{grid-template-columns:1fr}.display-section{min-height:320px}}

.button.primary{display:inline-flex;align-items:center;justify-content:center}.inventory-panel{padding:14px}.inventory-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 160px 170px 170px auto;gap:9px;margin-bottom:12px}.inventory-filter-bar input,.inventory-filter-bar select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;color:var(--ink)}.inventory-toolbar,.pager-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8px 0 12px}.soft-chip{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:#e8f0f1;color:#0f5260;font-weight:800;font-size:.78rem}.inventory-list{display:grid;gap:10px}.asset-row{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(220px,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:16px;padding:14px}.asset-main{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;color:var(--ink);text-decoration:none;align-items:center}.asset-main strong{display:block}.asset-main small{display:block;color:var(--muted);margin-top:3px}.asset-no{font-weight:900;color:var(--blue)}.asset-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inventory-form{padding:26px;display:grid;gap:18px}.inventory-form h2,.inventory-card-form h2,.inventory-section h2,.asset-summary h2{margin:0}.wide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-form label,.inventory-card-form label{display:grid;gap:7px;font-weight:800;font-size:.82rem;color:var(--muted)}.inventory-form input,.inventory-form select,.inventory-form textarea,.inventory-card-form input,.inventory-card-form select,.inventory-card-form textarea,.upload-strip input,.upload-strip select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;color:var(--ink)}.duplicate-warning{padding:18px;margin-bottom:16px;border-left:5px solid var(--orange)}.duplicate-warning h2{margin:0 0 8px}.duplicate-warning a{display:block;color:var(--blue);font-weight:800;margin-top:6px}.inventory-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:16px;margin-bottom:16px;align-items:start}.asset-summary,.inventory-card-form,.inventory-section{padding:22px}.asset-qr-block{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:18px}.asset-qr-block img{width:140px;height:140px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:8px}.asset-qr-block a{display:block;color:var(--blue);word-break:break-all;margin:6px 0 10px}.definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.definition-grid div{background:#f8fafb;border:1px solid var(--line);border-radius:13px;padding:12px}.definition-grid dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.definition-grid dd{margin:4px 0 0;font-weight:900}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.inline-actions form{margin:0}.upload-strip{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:8px;margin-bottom:14px}.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.file-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px}.file-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#eef3f6}.file-icon{height:120px;border-radius:10px;background:#eef3f6;display:grid;place-items:center;font-size:2rem}.file-card strong{word-break:break-word}.file-card small{color:var(--muted)}.delete-action{background:#ffe8ea;color:#a92335;border:1px solid #ffd0d6;border-radius:12px;min-height:34px;padding:7px 10px;font-weight:800}
@media(max-width:1200px){.inventory-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-row{grid-template-columns:1fr}.asset-main{grid-template-columns:110px minmax(0,1fr)}.inventory-detail-grid{grid-template-columns:1fr}.wide-grid,.three-grid,.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.inventory-filter-bar,.wide-grid,.three-grid,.two-grid,.upload-strip{grid-template-columns:1fr}.asset-main{grid-template-columns:1fr}.asset-qr-block{grid-template-columns:1fr}.definition-grid{grid-template-columns:1fr}}

.hero-actions form,.task-actions form{margin:0}.inventory-type-name-form{display:flex;align-items:center;gap:8px;min-width:300px}.inventory-type-name-form input{width:min(320px,100%);min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;color:var(--ink);font-weight:800}.inventory-type-name-form button{white-space:nowrap}