:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;color:#142e41;background:#f5f8fa;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#142e41;--navy:#123047;--teal:#0c8b86;--teal-dark:#07716c;--border:#e1e9ed;--muted:#667c8b;--shadow:0 7px 25px rgba(21,48,64,.045)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.53;cursor:not-allowed}a{color:var(--teal-dark)}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.brand{font-weight:800;letter-spacing:.035em;display:flex;align-items:center;font-size:17px;white-space:nowrap}.brand-logo{width:39px;height:39px;border-radius:11px;color:#fff;background:#107e7b;font-size:26px;display:inline-flex;align-items:center;justify-content:center;margin-right:11px;box-shadow:0 4px 14px #107e7b40}.brand-accent{color:#0aa7a0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--teal)}.eyebrow.light{color:#78dfd8}.muted{color:var(--muted)}.small{font-size:12px}.btn{border:1px solid transparent;border-radius:10px;padding:12px 17px;display:inline-flex;gap:6px;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:background .15s,transform .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:var(--teal-dark)}.btn-outline{background:white;border-color:#ccdade;color:#25495d}.btn-outline:hover{background:#f2faf9}.btn-soft{background:#eef7f7;color:#146c6a;border:1px solid #cee4e4}.full{width:100%}.text-action{border:0;background:none;color:var(--teal);font-weight:700}.text-danger{border:none;background:transparent;color:#bd4c49;padding:10px 0;font-size:13px;font-weight:700;text-align:left}label{font-size:13px;font-weight:700;color:#315066;display:block;margin:17px 0 7px}input:not([type=checkbox]):not([type=file]),select,textarea{width:100%;border:1px solid #cfdae1;border-radius:9px;background:white;color:var(--ink);padding:12px 13px;outline:none;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0c8b8620}p{line-height:1.55}.error{color:#bd3434;background:#fff3f2;border:1px solid #f4cecc;padding:9px 11px;border-radius:8px;font-size:13px}.toast{position:fixed;right:22px;bottom:22px;max-width:min(420px,calc(100% - 32px));background:#173747;color:white;padding:13px 18px;border-radius:11px;z-index:200;box-shadow:0 9px 32px #17374740;font-size:14px}.toast.error-toast{background:#973e3b}.login-wrap{display:grid;grid-template-columns:53% 47%;min-height:100vh}.login-aside{background:linear-gradient(155deg,#0b2839 0%,#123849 58%,#11625f 115%);color:white;padding:49px clamp(30px,6vw,105px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #b5f8ec19;border-radius:50%;right:-190px;bottom:5%;box-shadow:0 0 0 70px #a6ffed09,0 0 0 140px #a6ffed06}.brand-light{color:white;z-index:1}.login-message{z-index:1;max-width:630px}.login-message h1{font-size:clamp(36px,4.2vw,66px);line-height:1.13;letter-spacing:-.045em;margin:24px 0}.login-message h1 em{color:#70d8cc;font-style:normal}.login-message p{font-size:17px;max-width:490px;color:#c4d9df}.login-feature-list{z-index:1;display:flex;flex-wrap:wrap;gap:18px;color:#bfd9dc;font-size:12px;font-weight:700}.login-main{display:grid;place-items:center;padding:35px;background:#f8fafb}.login-card{width:min(408px,100%);background:white;padding:37px 31px 30px;border:1px solid #eaf0f1;border-radius:18px;box-shadow:0 14px 50px #183e5810}.login-card h2{font-size:29px;letter-spacing:-.035em;margin:11px 0 8px}.login-card>.muted{font-size:14px;margin-bottom:28px}.login-card .full{margin-top:27px;padding:14px}.input-wrap{position:relative}.input-wrap input{padding-right:64px!important}.input-wrap .text-action{position:absolute;right:10px;top:10px}.help-note{font-size:11px;color:#8ba0aa;margin:24px 0 0}.mobile-logo{display:none;margin-bottom:40px}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;background:white;border-right:1px solid var(--border);padding:25px 19px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.sidebar .brand{margin:0 0 56px 6px}.side-caption{color:#90a3af;letter-spacing:.14em;font-size:10px;font-weight:800;padding-left:14px;margin:0 0 15px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;margin:4px 0;border:0;background:none;border-radius:10px;color:#5d7382;text-align:left;font-weight:700;font-size:14px}.nav-item>span:first-child{font-size:21px;width:21px;text-align:center;font-weight:400}.nav-item:hover{background:#f5f9fa}.nav-item.active{color:#087b75;background:#e8f6f4}.nav-count{background:#dfefee;color:#117974;border-radius:9px;margin-left:auto;padding:1px 7px;font-size:11px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding:22px 13px 0}.sidebar-foot p{font-size:12px;color:#92a3ac;margin:8px 0}.tiny-indicator{font-size:12px;font-weight:800;color:#689091}.app-content{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--border);background:white;padding:0 clamp(19px,3.8vw,58px);display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-title{color:#233f50;font-weight:750;font-size:15px}.topbar-right{display:flex;align-items:center;gap:15px}.status-pill,.region-pill{font-size:12px;font-weight:700;border-radius:30px;padding:7px 11px}.status-pill{background:#eff7f7;color:#157c72}.status-pill.offline{background:#fff3e6;color:#a16d25}.region-pill{border:1px solid #e5ecef;color:#637785}.account-button{width:38px;height:38px;background:#e4f3f1;color:#16766f;border:1px solid #cfe5e2;border-radius:50%;font-weight:900}.mobile-menu{display:none}.icon-button{background:transparent;border:0;font-size:20px;color:#536c7b;padding:9px}.main{max-width:1370px;margin:auto;padding:43px clamp(19px,3.8vw,58px) 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.page-heading h1{font-size:30px;letter-spacing:-.04em;line-height:1.2;margin:8px 0 4px}.page-heading p{margin:0;font-size:14px}.online-hint{font-size:12px;color:#1d837a;font-weight:800;background:#ecf8f5;border-radius:9px;padding:11px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.metric{border:1px solid var(--border);background:white;border-radius:13px;padding:20px 22px;position:relative;box-shadow:var(--shadow)}.metric-icon{position:absolute;top:21px;right:21px;background:#edf7f6;color:#20867d;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;font-size:20px}.metric-number{font-size:31px;font-weight:800;letter-spacing:-.03em}.metric-label{font-size:12px;color:#728997;margin-top:4px}.card{background:white;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.upload-card,.review-card,.user-card{padding:24px;margin-bottom:22px}.section-title{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:22px}.section-title h2{margin:0 0 5px;font-size:19px;letter-spacing:-.02em}.section-title p{font-size:13px;color:var(--muted);margin:0}.step-label{font-size:11px;color:#8aa0aa;border:1px solid #e5eef1;border-radius:5px;padding:6px 8px;font-weight:800;white-space:nowrap}.capture-zone{border:2px dashed #c5dddd;border-radius:13px;text-align:center;padding:36px 18px;background:linear-gradient(180deg,#f8fcfb,#fcfefe)}.capture-icon{color:#259a90;font-size:38px;margin-bottom:8px}.capture-zone h3{font-size:17px;margin:0 0 5px}.capture-zone p{font-size:13px;color:#708b94;margin:0 0 19px}.capture-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}.capture-zone small{display:block;color:#92a6ae;font-size:11px;margin-top:20px}.capture-zone.dragover{border-color:#109f94;background:#eaf8f5}.privacy-note{display:flex;gap:14px;color:#486878;background:#edf5f8;border:1px solid #e0edf0;border-radius:12px;padding:16px 18px;margin-top:23px;font-size:12px}.privacy-note>span{font-size:24px;color:#31858b}.privacy-note p{margin:4px 0 0;color:#698593}.draft-strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:12px;margin-bottom:17px}.draft-thumb{position:relative;border:2px solid transparent;border-radius:9px;background:#f2f5f5;min-width:78px;width:78px;height:92px;padding:3px}.draft-thumb.active{border-color:#169d95;background:#e2f8f4}.draft-thumb img{width:100%;height:100%;object-fit:cover;border-radius:5px}.draft-thumb span{position:absolute;bottom:3px;right:4px;background:#0c3640bd;color:white;border-radius:4px;font-size:9px;padding:2px 4px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:23px}.preview-box{min-height:280px;background:#dce5e6;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border-radius:11px;overflow:hidden;padding:17px}.preview-box canvas{max-width:100%;max-height:510px;object-fit:contain;box-shadow:0 4px 22px #142d3440}.preview-box>span{color:#5e747c;font-size:11px;margin-top:10px}.editor-controls{padding:4px 2px}.editor-controls h3{font-size:16px;margin:0 0 20px}.field-help{color:#78909a;font-size:12px;margin:7px 0 18px}.rotate-buttons{display:flex;gap:10px;flex-wrap:wrap}.preview-tip{background:#f3f8f5;border:1px solid #e0ece5;border-radius:9px;padding:11px;color:#487169;font-size:12px;line-height:1.5;margin-top:16px}.review-actions{border-top:1px solid var(--border);padding-top:19px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.review-actions p{margin:2px 0 0}.queue-banner{border:1px solid #d7e8e4;background:#eef8f5;border-radius:13px;padding:18px 20px;margin-bottom:17px;font-size:14px;color:#2d625f}.queue-items{display:grid;gap:11px}.queue-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:15px;background:white;border:1px solid var(--border);border-radius:12px}.queue-photo{width:70px;height:70px;object-fit:cover;border-radius:8px;background:#edf0f1}.queue-photo-placeholder{width:70px;height:70px;display:grid;place-items:center;border-radius:8px;background:#edf5f3;color:#138178;font-size:24px}.item-title{font-size:14px;font-weight:750;word-break:break-all}.item-sub{font-size:12px;color:#738c97;margin-top:5px}.item-status{font-size:11px;font-weight:800;border-radius:20px;padding:6px 9px;background:#f1f5f5;color:#59747c;white-space:nowrap}.item-status.done{background:#e7f7ed;color:#21834f}.item-status.failed{background:#fff0ec;color:#bb5e43}.queue-row-buttons{display:flex;flex-direction:column;align-items:end;gap:6px}.small-button{border:0;background:none;color:#157e7b;font-weight:800;font-size:12px;padding:4px}.small-button.red{color:#ba5353}.empty-state{text-align:center;padding:52px 18px;border:1px dashed #d6e5e8;background:white;border-radius:13px;color:#76909b}.empty-state-icon{font-size:35px;color:#83bcb8}.empty-state h3{color:#244758;margin:13px 0 5px}.history-items{min-height:200px;padding:6px 20px}.history-row{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(110px,1fr) minmax(90px,.8fr) minmax(100px,.8fr);gap:12px;padding:18px 8px;border-bottom:1px solid var(--border);font-size:12px;align-items:center}.history-row:last-child{border-bottom:0}.history-row strong{display:block;color:#224458;font-size:13px;word-break:break-word}.history-row span{color:#78909b;display:block;margin-top:4px}.history-row a{font-size:12px}.users-list{display:grid;gap:9px}.user-row{display:grid;grid-template-columns:44px minmax(135px,1.2fr) minmax(120px,1fr) 110px 76px;gap:12px;align-items:center;padding:14px 10px;border:1px solid #edf1f2;border-radius:10px}.user-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:#e8f3f1;color:#167e75;font-weight:900}.user-row strong{font-size:14px}.user-row .user-description{font-size:12px;color:#8b9ea6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-region{font-size:13px;color:#496978}.user-status{color:#1c8b5d;font-size:12px;font-weight:800}.user-status.inactive{color:#a46f49}.dialog{border:0;border-radius:16px;padding:0;width:min(490px,calc(100vw - 24px));max-height:90vh;box-shadow:0 20px 80px #102a3859}.dialog::backdrop{background:#0a23378a}.dialog-form{padding:25px 27px 27px;overflow-y:auto;max-height:90vh}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:23px;letter-spacing:-.03em;margin:8px 0}.toggle-row{display:flex;align-items:center;gap:9px;margin:21px 0}.toggle-row input{width:18px;height:18px;accent-color:var(--teal)}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.dialog-actions .btn{flex:1}.dialog-form textarea{resize:vertical}.mobile-menu{display:none}
@media(max-width:1100px){.sidebar{width:222px}.topbar{padding:0 24px}.main{padding:32px 24px}.region-pill{display:none}.login-wrap{grid-template-columns:49% 51%}.login-aside{padding:42px 38px}.login-message h1{font-size:44px}}
@media(max-width:780px){.login-wrap{display:block;min-height:100vh}.login-aside{display:none}.login-main{min-height:100vh}.mobile-logo{display:flex}.login-card{box-shadow:none}.sidebar{position:fixed;transform:translateX(-110%);box-shadow:3px 0 24px #163e5520;transition:transform .2s;width:264px}.sidebar.open{transform:none}.mobile-menu{display:block}.topbar{height:64px;padding:0 18px}.main{padding:29px 17px 55px}.topbar-title{margin-right:auto}.topbar-right{gap:9px}.status-pill{font-size:11px}.page-heading h1{font-size:27px}.metric-grid{gap:8px}.metric{padding:17px 12px}.metric-number{font-size:25px}.metric-label{font-size:10px}.metric-icon{position:static;width:27px;height:27px;margin-bottom:7px;font-size:17px}.upload-card,.review-card,.user-card{padding:17px}.editor-layout{grid-template-columns:1fr}.editor-controls{padding:0 3px}.review-actions{align-items:stretch;flex-direction:column}.review-actions>.btn{width:100%}.user-row{grid-template-columns:37px 1fr auto;gap:8px}.user-region{grid-column:2}.user-row .small-button{grid-column:3;grid-row:1 / span 2}.user-avatar{grid-row:1 / span 2}.user-status{grid-column:3;grid-row:3}.page-heading{align-items:start}.history-row{grid-template-columns:1fr 1fr}.history-row>div{min-width:0}.history-items{padding:7px 13px}}
@media(max-width:440px){.login-main{padding:22px}.login-card{padding:24px 19px}.topbar-title{font-size:13px}.status-pill{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-heading{flex-wrap:wrap}.metric-grid{gap:7px}.capture-zone{padding:30px 12px}.capture-actions .btn{width:100%}.queue-row{grid-template-columns:55px 1fr;gap:10px}.queue-photo,.queue-photo-placeholder{width:53px;height:62px}.queue-row-buttons{grid-column:2;flex-direction:row;align-items:center}.item-status{font-size:10px}.page-heading>.btn{margin-top:4px}}