:root{--navy:#06384f;--ink:#153c4c;--muted:#72838c;--paper:#f5f7f8;--line:#dde5e9;--silver:#c8cdd2;--white:#fff;--green:#20745b;--amber:#a36917;--red:#b24646}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a.btn{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:32px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-family:Georgia,serif;font-size:28px;letter-spacing:4px}.brand small{display:block;font:10px system-ui;letter-spacing:2.4px;color:#b5c7d0;margin:5px 0 38px}.nav{display:grid;gap:7px}.nav a{padding:12px;border-radius:8px;color:#d9e5eb}.nav a:hover,.nav a.active{background:#ffffff16;color:white}.sidebar-bottom{margin-top:auto;font-size:12px;color:#b5c7d0}.sidebar-bottom strong{color:#fff;display:block;font-size:14px}.logout{background:none;border:0;color:#b5c7d0;padding:10px 0}.main{min-width:0}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar span{font-size:13px;color:var(--muted)}.workspace{max-width:1460px;margin:auto;padding:36px 38px 70px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}h1{font:34px/1.2 Georgia,serif;margin:8px 0 10px;letter-spacing:-.5px}h2{font-size:18px;margin:0 0 16px}h3{font-size:15px;margin:0 0 12px}p{margin:8px 0 18px}.muted{color:var(--muted)}.btn,button.primary{border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:7px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600}.btn.secondary{background:white;color:var(--navy);border-color:var(--line)}.btn.danger{background:#fff;color:var(--red);border-color:#e5bcbc}.btn.small{padding:7px 11px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:30px;font-weight:500;margin:8px 0}.stat small{font-size:11px;color:var(--muted)}.stat.alert strong{color:var(--red)}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header h2{margin:0}.panel-body{padding:24px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:16px 24px;border-bottom:1px solid var(--line)}.filters input,.filters select{max-width:175px;padding:9px 10px;font-size:12px}.filters input[name=q]{max-width:none;flex:1;min-width:180px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.7px;color:var(--muted);font-weight:600;background:#fbfcfd;padding:13px 20px}td{padding:17px 20px;font-size:13px;border-top:1px solid #edf0f2}td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}tr:hover td{background:#fbfdfe}.item-number{font-weight:650;color:var(--navy)}.badge{display:inline-flex;align-items:center;gap:6px;background:#eef2f5;color:#617180;border-radius:20px;padding:5px 10px;font-size:11px;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.ready,.badge.free,.badge.approved{background:#eaf5ef;color:var(--green)}.badge.working,.badge.artisan,.badge.handoff{background:#eaf0f9;color:#426999}.badge.pending,.badge.submitted{background:#fbf3e4;color:var(--amber)}.badge.overdue,.badge.paid,.badge.rejected{background:#faeeee;color:var(--red)}.badge.closed{background:#edf1f2;color:#6b7e85}.empty{text-align:center;padding:70px 24px}.empty-symbol{width:60px;height:60px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:30px Georgia;margin:0 auto 20px;color:var(--muted)}.tabs{display:flex;gap:18px;overflow:auto;white-space:nowrap;padding:0 24px;border-bottom:1px solid var(--line)}.tabs a{font-size:12px;padding:16px 0;border-bottom:2px solid transparent}.tabs a:hover,.tabs a.active{color:var(--navy);border-color:var(--navy)}.grid-2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px}.stack{display:grid;gap:20px;align-content:start}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-grid dt{font-size:11px;color:var(--muted);margin-bottom:4px}.info-grid dd{margin:0;font-size:14px;overflow-wrap:anywhere}.info-grid .full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}input:not([type=checkbox]):not([type=hidden]),select,textarea{border:1px solid #d3dfe5;border-radius:6px;background:#fff;padding:10px 12px;width:100%;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #80a9bb;border-color:#80a9bb}input[type=checkbox]{accent-color:var(--navy)}.field{margin-bottom:17px}.field ul{padding:0;list-style:none}.field li label{font-weight:400}input[type=file]{font-size:12px}.helptext{font-size:11px;color:var(--muted)}.errorlist{list-style:none;color:var(--red);padding:0;font-size:12px}.message{padding:13px 18px;background:#e9f4ef;border:1px solid #b9d6c9;border-radius:7px;margin-bottom:18px;font-size:13px}.message.error{background:#fcf0f0;border-color:#e7c6c6;color:var(--red)}.notice{padding:15px 18px;background:#f3f7fa;border:1px solid #dce6eb;border-radius:7px;font-size:12px;margin:15px 0}.notice.warning{background:#fff8ec;border-color:#ebd9b5;color:#8a6324}.actions details{border-bottom:1px solid var(--line);padding:15px 0}.actions details:last-child{border:0}.actions summary{cursor:pointer;font-size:14px;font-weight:600}.actions form{padding-top:15px}.actions .btn{width:100%}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photos img{width:100%;height:110px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.photos small{display:block;font-size:10px;color:var(--muted)}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:0 0 24px 22px;border-left:1px solid var(--line);position:relative;font-size:12px}.timeline li:before{content:'';width:7px;height:7px;background:#94abb7;border:3px solid white;border-radius:50%;position:absolute;left:-7px;top:3px}.timeline strong{display:block}.timeline small{color:var(--muted)}.timeline pre{font:11px/1.5 system-ui;white-space:pre-wrap;word-break:break-word;color:#677c86;margin:7px 0}.qr{width:132px;height:132px}.pickup-code{font:36px ui-monospace,monospace;letter-spacing:7px;text-align:center;padding:16px;background:#f0f6f5;border-radius:8px}.form-card{max-width:800px;margin:auto}.form-section{margin:22px 0}.form-section .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-section .wide{grid-column:1/-1}.intro{max-width:640px}.form-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:var(--navy);color:white;padding:70px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand h1{font-size:55px;max-width:470px;line-height:1.12}.auth-brand p{color:#b7c9d2;max-width:390px}.auth-main{display:flex;align-items:center;justify-content:center;padding:40px}.auth-form{width:100%;max-width:360px}.auth-form h1{font-size:32px}.auth-form .btn{width:100%}.ring-mark{height:140px;width:140px;border:1px solid #9bb5c4;border-radius:50%;position:relative;margin:20px 0}.ring-mark:after{content:'';position:absolute;inset:15px;border:1px solid #799aaa;border-radius:50%}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.branch-card{text-align:center;padding:28px}.branch-card .qr{width:170px;height:170px}.branch-card p{font-size:12px;min-height:40px}.pagination{padding:18px 24px;display:flex;gap:20px;justify-content:center;font-size:12px}.queue-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.hide{display:none!important}.mobile-brand{display:none}.print-status{font-size:11px;color:var(--muted);margin-top:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{margin-top:22px}.steps{display:flex;gap:5px;margin-bottom:25px}.step{height:4px;background:#dde5e9;flex:1;border-radius:4px}.step.done{background:#688c9e}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.workspace{padding:25px}.topbar{padding:0 25px}.stats{gap:9px}.stat{padding:14px}.stat span{font-size:11px}.grid-2{grid-template-columns:1fr}.branch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{display:block}.sidebar{position:relative;height:auto;padding:17px 20px}.sidebar .brand{font-size:23px}.sidebar .brand small,.sidebar-bottom{display:none}.nav{display:flex;gap:4px;overflow:auto;margin-top:14px}.nav a{padding:8px 10px;font-size:12px;white-space:nowrap}.topbar{height:50px;padding:0 20px}.workspace{padding:24px 16px 50px}.page-head{align-items:flex-start;gap:10px}h1{font-size:28px}.page-head .btn{padding:10px 12px;font-size:11px}.page-head p{font-size:12px}.stats{grid-template-columns:repeat(2,1fr)}.stats .stat:first-child{grid-column:1/-1;display:flex;gap:20px;align-items:center}.stats .stat:first-child strong{margin:0}.stats .stat:first-child small{margin-left:auto}.stat strong{font-size:26px}.panel-header,.panel-body{padding:18px}.filters{padding:14px;gap:8px}.filters input,.filters select{max-width:100%;flex:1;min-width:120px}.filters input[name=q]{flex-basis:100%}.info-grid{gap:16px}.form-section .panel-body{display:block}.branch-grid{grid-template-columns:1fr}.auth-screen{grid-template-columns:1fr}.auth-brand{padding:30px}.auth-brand h1{font-size:32px;margin:20px 0}.auth-brand .ring-mark,.auth-brand>small{display:none}.auth-main{padding:35px 24px}.auth-brand p{margin-bottom:0}.form-footer{flex-direction:column}.form-footer .btn{width:100%}.photos{grid-template-columns:repeat(2,1fr)}.tabs{gap:15px;padding:0 15px}}

.file-button{position:relative;margin:0;overflow:hidden}.file-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-button:focus-within{outline:2px solid #80a9bb;outline-offset:4px}
#camera-dialog{padding:0;border:1px solid var(--line);border-radius:12px;width:min(540px,calc(100% - 24px));max-height:90dvh;color:var(--ink)}#camera-dialog::backdrop{background:#001b2bcc}#camera-video{display:block;width:100%;max-height:60dvh;background:#09222e;object-fit:contain}#camera-status{padding:16px;margin:0}
@media(max-width:700px){
 body{font-size:16px}.sidebar{padding-top:max(17px,env(safe-area-inset-top))}.sidebar-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:14px;border-top:1px solid #ffffff24;padding-top:10px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom form{margin-left:auto}.logout{min-height:44px;font-size:12px}.topbar{height:auto;min-height:50px;flex-wrap:wrap;gap:2px;padding-top:8px;padding-bottom:8px}.topbar span{font-size:11px}
 .workspace{padding-bottom:max(35px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.btn,.btn.small,.page-head .btn,.nav a,button.primary{min-height:44px;font-size:13px}.nav{overscroll-behavior-x:contain}.tabs a{min-height:44px}
 input:not([type=checkbox]):not([type=hidden]),select,textarea,.filters input,.filters select{font-size:16px;min-height:44px;min-width:0}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.field li label,.field:has(input[type=checkbox])>label{padding:8px 0;min-height:44px}.actions summary{min-height:44px;padding:10px 0}.page-head{flex-wrap:wrap}.info-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-header{flex-wrap:wrap}.row>*{max-width:100%}.queue-row a{overflow-wrap:anywhere}.queue-row button{flex-shrink:0}
 .item-table,.item-table tbody{display:block;white-space:normal}.item-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.item-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 18px;padding:20px 18px;border-bottom:1px solid var(--line)}.item-table tr:last-child{border-bottom:0}.item-table td{display:block;border:0;padding:0;min-width:0;font-size:14px;overflow-wrap:anywhere}.item-table td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.item-table .item-title,.item-table .item-open{grid-column:1/-1}.item-table .item-title:before{display:none}.item-table .item-title a{font-size:18px}.item-table .item-open a{width:100%}.item-table .badge{white-space:normal}.stats .stat:first-child{flex-wrap:wrap;gap:6px 12px}.stats .stat:first-child small{margin-left:0}
}

@media(max-width:700px){.nav,.tabs{scrollbar-width:none}.nav::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}}
.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.account-history{margin-top:24px}.account-grid .panel{overflow-wrap:anywhere}