@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}img{max-width:100%}button{cursor:pointer}a{color:inherit}button:disabled{cursor:wait}input,select,textarea{min-width:0} [hidden]{display:none!important}}
@layer base{
:root{--bg:oklch(1 0 0);--surface:oklch(.976 .004 110);--ink:oklch(.24 .012 110);--muted:oklch(.46 .012 110);--line:oklch(.9 .009 110);--primary:oklch(.4 .055 110);--tint:oklch(.94 .025 110);--accent:oklch(.92 .04 65);--danger:oklch(.43 .16 25);--radius:8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:15px}
body{line-height:1.5}h1,h2,h3{line-height:1.2;text-wrap:balance}h1{font-size:2.3rem;letter-spacing:-.035em;font-weight:650}h2{font-size:1.17rem;letter-spacing:-.015em}h3{font-size:1.03rem}p{max-width:72ch}a{text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,a,input,select,textarea{outline-offset:4px}:focus-visible{outline:3px solid var(--primary)}small{font-size:.8rem;color:var(--muted)}button{border:0;background:none;color:inherit}input,textarea,select{border:1px solid oklch(.78 .01 110);border-radius:6px;padding:11px 13px;background:var(--bg);color:var(--ink);width:100%;font-size:16px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:550}label small{font-weight:400}fieldset{border:0;padding:0;margin:0}legend{font-size:.85rem;color:var(--muted);margin-bottom:8px}strong{font-weight:600}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-70px;left:15px;z-index:10;background:var(--primary);color:white;padding:12px}.skip:focus{top:10px}
}
@layer components{
.app{display:flex;min-height:100vh}.sidebar{width:234px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:32px 22px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:1.15rem;font-weight:750;letter-spacing:.015em}.brand:hover{text-decoration:none}.brand small{display:block;font-weight:400;letter-spacing:0;font-size:.72rem;margin-top:1px}.sidebar nav{margin-top:48px;display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;font-size:.94rem;color:var(--muted)}.nav-link span{font-size:1.25rem}.nav-link.active{color:var(--primary);background:var(--tint);font-weight:600}.nav-link:hover{background:var(--tint);text-decoration:none}.sidebar-note{margin:auto 10px 42px;padding-top:50px}.small-label,.eyebrow{font-size:.66rem;letter-spacing:.13em;font-weight:650;color:var(--muted)}.sidebar-note p{font-size:1.25rem;line-height:1.45;margin-top:14px;font-weight:450}.line-art{width:95px;height:55px;border:1px solid oklch(.72 .025 110);transform:skewY(-15deg);margin:28px 0 0 5px;background:repeating-linear-gradient(90deg,transparent 0 12px,oklch(.81 .02 110) 12px 13px)}.account{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:11px;align-items:center}.account strong{display:block;font-size:.85rem}.account small{display:block;font-size:.75rem}.avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:var(--primary);color:white;border-radius:50%;font-size:.85rem}.avatar.pale{background:var(--tint);color:var(--primary);width:42px;height:42px}.account-actions{display:flex;justify-content:space-between;margin-top:16px;font-size:.75rem;color:var(--muted)}.account-actions button{padding:0}.workspace{margin-left:234px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:.8rem;color:var(--muted)}.local-label{font-size:.72rem;letter-spacing:.02em}.main{padding:42px;max-width:1450px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading .eyebrow{display:block;margin-bottom:12px}.page-heading p{margin-top:12px;color:var(--muted);font-size:.94rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 19px;background:var(--primary);color:white;border:1px solid var(--primary);border-radius:6px;font-size:.87rem;font-weight:550;text-align:center;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:oklch(.32 .05 110);text-decoration:none}.button:active{transform:translateY(1px)}.button.secondary{color:var(--ink);background:var(--bg);border-color:var(--line)}.button.secondary:hover{background:var(--surface);border-color:var(--muted)}.button.compact{padding:8px 13px;font-size:.8rem}.button.full{width:100%;justify-content:space-between}.button:disabled{opacity:.6}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.list-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid var(--line)}.list-toolbar p{font-size:.82rem;color:var(--muted);margin-top:6px}.search-form{display:flex;gap:8px}.search-form input{font-size:.85rem;min-width:230px;max-width:300px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:.72rem;font-weight:500;letter-spacing:.03em;color:var(--muted);background:var(--surface);padding:13px 24px}td{font-size:.87rem;border-top:1px solid var(--line);padding:21px 24px}tbody tr:hover{background:oklch(.991 .002 110)}.person{display:flex;gap:13px;align-items:center}.person small{display:block;margin-top:3px;font-size:.75rem}.person:hover{text-decoration:none}.person:hover strong{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:7px;background:var(--tint);color:var(--primary);padding:5px 10px;border-radius:5px;font-size:.72rem;font-weight:550}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.quiet{background:var(--surface);color:var(--muted)}.badge.quiet:before{display:none}.row-link{font-size:.82rem;color:var(--primary);font-weight:550}.row-link span{margin-left:9px}.pagination{padding:15px 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;border-top:1px solid var(--line)}.pagination div{display:flex;gap:20px}.support-note{display:flex;align-items:flex-start;gap:16px;margin-top:26px;color:var(--muted);font-size:.82rem}.support-note>span{font-size:1.2rem}.support-note strong{color:var(--ink)}.empty{text-align:center;padding:64px 24px}.empty h3{font-size:1.2rem}.empty h1{font-size:1.8rem}.empty p{margin:12px auto 24px;color:var(--muted);max-width:420px;font-size:.9rem}.empty-icon{font-size:2.8rem;color:var(--primary);margin-bottom:15px}.footer{display:flex;justify-content:space-between;margin:20px 42px 0;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.footer span:first-child{font-weight:650;letter-spacing:.08em}.back-link{display:inline-block;color:var(--muted);font-size:.83rem;margin-bottom:24px}.stack{display:flex;flex-direction:column;gap:25px}.form-panel{max-width:820px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:white}.form-panel.narrow{max-width:520px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-section-title{display:flex;gap:12px;align-items:center}.form-section-title span{color:var(--muted);font-size:.75rem}.form-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:23px}.form-note{font-size:.83rem;color:var(--muted);background:var(--surface);padding:15px;border-radius:5px}.share-row{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:17px 22px;margin-bottom:34px;gap:20px}.share-row strong{font-size:.85rem}.share-row span{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading p{font-size:.83rem;color:var(--muted)}.count{font-size:.8rem;font-weight:500;margin-left:6px;color:var(--muted)}.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.site-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:25px;border-radius:8px;min-height:230px;transition:border-color .15s,background .15s}.site-card:hover{border-color:var(--primary);background:var(--surface);text-decoration:none}.site-index{font-size:.67rem;letter-spacing:.12em;color:var(--muted);margin-bottom:24px}.site-card h3,.site-card h2{font-size:1.2rem;margin-bottom:12px}.site-card p{font-size:.87rem;color:var(--muted);margin-bottom:26px}.site-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:.8rem;margin-top:auto}.site-card-foot>span:last-child{font-size:1.25rem;color:var(--primary)}.separator{padding:0 10px;color:var(--line)}.site-contact{display:flex;align-items:center;gap:22px;padding:17px 0;margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.83rem}.site-contact a{color:var(--primary)}.material-row{display:flex;align-items:center;gap:20px;padding:24px 26px;border-bottom:1px solid var(--line)}.material-row:last-child{border-bottom:0}.material-image{width:64px;height:64px;background:var(--surface);display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.material-image img{width:64px;height:64px;object-fit:cover;display:block}.sheet-icon{width:27px;height:35px;border:1px solid var(--primary);box-shadow:4px 4px 0 var(--surface),5px 5px 0 var(--primary);transform:skewY(-8deg)}.material-info{flex:1;min-width:0}.material-info h3{font-weight:600}.material-info p{font-size:.85rem;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.material-info .small-label{display:inline-block;margin-top:8px;font-size:.6rem}.material-quantity{text-align:right;min-width:55px}.material-quantity strong{display:block;font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1.2}.material-quantity span{font-size:.77rem;color:var(--muted)}.edit-link{margin-left:18px}.upload-area{padding:32px;background:var(--surface);border:1px dashed var(--muted);border-radius:8px;align-items:center;text-align:center;gap:10px}.upload-area>span:not(.upload-icon){font-size:.8rem;color:var(--muted);font-weight:400}.upload-icon{font-size:2rem;color:var(--primary)}.upload-area input{max-width:400px;font-size:.85rem;border:0;background:transparent;margin-top:8px}.upload-preview{max-height:220px;border-radius:6px;margin-top:12px}.alert{padding:15px 20px;border-radius:6px;margin-bottom:24px;font-size:.9rem}.alert.error{color:var(--danger);border:1px solid oklch(.85 .04 25);background:oklch(.98 .01 25)}.alert.error p{margin-top:4px}.alert.success{background:var(--tint);color:var(--primary)}.text-button{font-size:inherit;color:var(--primary);text-decoration:underline;text-underline-offset:3px;min-height:30px;padding:5px}.category-list{border:1px solid var(--line);border-radius:8px}.category-row{display:flex;gap:20px;align-items:end;padding:20px;border-bottom:1px solid var(--line)}.category-row:last-child{border-bottom:0}.category-row>label{flex:1}.checkboxes{display:flex;gap:15px;flex-wrap:wrap}.checkboxes label{flex-direction:row;align-items:center;font-size:.8rem}.checkboxes input{width:16px;height:16px;accent-color:var(--primary)}.section-space{margin:30px 0 18px}.connection-error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;background:var(--ink);color:white;border-radius:6px;padding:14px 20px;width:min(90vw,600px);font-size:.9rem}.setup-error{padding:10vh 10vw}.setup-error p{margin:20px 0}
.login-main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-main>.alert{grid-column:1/-1;margin:0;border-radius:0}.login-intro{background:var(--tint);padding:48px 60px;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-intro .brand{font-size:1.35rem}.login-message{margin-top:auto;padding-top:80px;position:relative;z-index:1}.login-message h1{font-size:3.3rem;line-height:1.1;font-weight:550;margin:22px 0}.login-message p{color:var(--muted);font-size:1rem;line-height:1.8}.intro-foot{font-size:.75rem;color:var(--muted);margin-top:auto;padding-top:180px}.board-art{position:absolute;width:280px;height:240px;right:24px;bottom:85px;transform:rotate(-25deg);opacity:.45}.board-art i{position:absolute;width:180px;height:170px;display:block;border:1px solid var(--primary);background:var(--tint);transform:skewY(25deg)}.board-art i:nth-child(1){left:0;top:0}.board-art i:nth-child(2){left:20px;top:20px}.board-art i:nth-child(3){left:40px;top:40px}.board-art i:nth-child(4){left:60px;top:60px;background:repeating-linear-gradient(90deg,var(--tint) 0 12px,oklch(.85 .04 110) 12px 13px)}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px}.login-form-wrap{width:100%;max-width:380px}.login-form-wrap h2{font-size:1.9rem;margin:14px 0}.login-form-wrap>.muted{font-size:.93rem;margin-bottom:32px}.login-help{font-size:.82rem;color:var(--muted);margin-top:28px;padding-top:25px;border-top:1px solid var(--line);line-height:1.8}
}
@layer responsive{
@media(min-width:1500px){.main{padding:52px 60px}.topbar{padding:0 60px}}
@media(max-width:1050px){.sidebar{width:200px;padding:25px 16px}.workspace{margin-left:200px}.main{padding:30px 25px}.topbar{padding:0 25px}.page-heading{align-items:flex-start}h1{font-size:2rem}.heading-actions{justify-content:flex-end}.list-toolbar{padding:20px}.search-form input{min-width:0;width:180px}td,th{padding-left:18px;padding-right:18px}.login-intro{padding:35px}.login-message h1{font-size:2.6rem}.login-panel{padding:35px}.category-row{flex-wrap:wrap}}
@media(max-width:760px){.app{display:block}.sidebar{position:static;width:100%;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:16px}.sidebar .brand{font-size:1.05rem}.sidebar .brand img{width:32px;height:32px}.sidebar .brand small{font-size:.66rem}.sidebar nav{grid-column:1/-1;grid-row:2;display:flex;margin:0;gap:8px}.nav-link{padding:8px 14px;min-height:40px;font-size:.85rem}.sidebar-note,.account{display:none}.account-actions{margin:0;gap:15px;align-items:center}.workspace{margin:0}.topbar{height:45px;padding:0 20px;font-size:.7rem}.main{padding:26px 20px}.page-heading{flex-wrap:wrap;gap:20px;margin-bottom:24px}.page-heading p{font-size:.88rem}h1{font-size:1.85rem}.heading-actions{justify-content:flex-start;width:100%}.list-toolbar{align-items:flex-start;flex-wrap:wrap;padding:18px}.search-form{width:100%}.search-form input{flex:1;width:100%}td,th{padding:16px;font-size:.82rem}.form-panel{padding:22px 18px}.form-grid{grid-template-columns:1fr;gap:23px}.form-actions{justify-content:stretch}.form-actions>*{flex:1}.share-row{padding:16px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.site-grid{grid-template-columns:1fr}.site-card{min-height:200px}.site-contact{flex-wrap:wrap;gap:10px 18px}.site-contact .small-label{width:100%}.material-row{padding:20px 16px;gap:13px;flex-wrap:wrap}.material-image{width:50px;height:58px}.material-image img{width:50px;height:58px}.material-info h3{font-size:.92rem}.material-info p{font-size:.78rem}.material-quantity strong{font-size:1.3rem}.edit-link{margin-left:auto;flex-basis:100%;text-align:right}.category-row{display:grid;grid-template-columns:1fr;padding:18px}.checkboxes{gap:12px}.footer{margin:20px 20px 0}.login-main{display:block}.login-intro{min-height:0;padding:25px}.login-message{padding-top:32px}.login-message h1{font-size:2rem;margin:12px 0}.login-message p,.board-art,.intro-foot{display:none}.login-message .small-label{font-size:.6rem}.login-panel{padding:35px 25px}.login-form-wrap{max-width:460px}.login-form-wrap h2{font-size:1.6rem}.upload-area{padding:20px 12px}.support-note{flex-wrap:wrap}.list-toolbar .badge{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
}

.request-quantity{width:150px;flex:none}.material-quantity small{display:block;font-size:11px;white-space:nowrap;margin-top:6px;color:var(--muted)}.form-panel+details,.list-panel+.form-panel,.form-panel+.list-panel,details+details{margin-top:24px}summary{cursor:pointer;font-weight:600}details[open] summary{margin-bottom:20px}.request-quantity input{width:100%}@media(max-width:600px){.request-quantity{width:110px}.request-quantity input{min-width:0}.sidebar nav{flex-wrap:wrap}}

.driver-main{max-width:760px;margin:auto;padding:32px 20px}.driver-main>.form-panel,.driver-main>.list-panel{margin-top:24px}.proof-photos{display:flex;gap:16px;flex-wrap:wrap}.proof-photo{width:260px;max-width:100%;height:180px;object-fit:contain;border:1px solid #ddd;border-radius:8px}

.notice-count{margin-left:auto;min-width:24px;padding:1px 6px;border-radius:12px;background:var(--tint);text-align:center;font-size:12px}.updates-banner{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px);padding:14px 18px;background:var(--primary);color:white;border-radius:8px;z-index:6}.driver-main>h1{margin:16px 0}.driver-main>p{margin:20px 0}

.staff-roles label{flex-direction:row;align-items:center;margin:10px 0}.staff-roles input{width:20px;height:20px;padding:0;accent-color:var(--primary)}
.camera-field video,.camera-field img{display:block;width:100%;max-width:640px;max-height:65vh;object-fit:contain;border-radius:8px;background:#161916}.camera-field{padding:16px;border:1px solid var(--line);border-radius:8px}