:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0f0f2;font-synthesis:none;--bg:#1b1b1d;--bg-deep:#18191b;--panel:#222326;--panel-raised:#292a2e;--field:#34353a;--border:#414249;--border-soft:#303137;--text:#f0f0f2;--muted:#b0b2ba;--disabled:#777a83;--violet:#8b5cf6;--violet-dark:#7650d8;--violet-light:#a78bfa;--success:#6fa88a;--warning:#c59659;--danger:#b86b72;--info:#728fa8;--radius:14px;--transition-fast:.15s ease;--transition-panel:.22s cubic-bezier(.2, .8, .2, 1);background:#1b1b1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}body:before{content:"";pointer-events:none;opacity:.72;background:radial-gradient(circle at 82% 8%,#8b5cf613,#0000 31rem),radial-gradient(circle at 18% 82%,#48546714,#0000 34rem),repeating-linear-gradient(115deg,#ffffff03 0 1px,#0000 1px 5px);position:fixed;inset:0}.login-shell{place-items:center;min-height:100vh;padding:28px;display:grid;position:relative}.login-card{border:1px solid var(--border-soft);background:#222326f5;border-radius:18px;gap:18px;width:min(100%,430px);padding:30px;display:grid;box-shadow:0 28px 90px #00000047}.login-brand{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding-bottom:18px;display:flex}.login-brand strong,.login-brand span{display:block}.login-brand span{color:var(--muted);margin-top:3px;font-size:12px}.login-copy h1{letter-spacing:-.035em;margin:7px 0 8px;font-size:clamp(25px,6vw,34px)}.login-copy>p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.login-card>label{color:var(--muted);gap:7px;font-size:12px;display:grid}.login-card>label input{border:1px solid var(--border);background:var(--field);width:100%;color:var(--text);border-radius:9px;outline:none;padding:11px 12px}.login-card>label input:focus{border-color:var(--violet)}.password-input{position:relative}.password-input input{padding-right:78px!important}.password-input button{color:var(--violet-light);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 7px;font-size:11px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.login-error{color:#d89aa0;background:#b86b721a;border:1px solid #b86b7259;border-radius:9px;padding:10px 12px;font-size:12px}.session-loading{text-align:center;color:var(--muted);justify-items:center}.session-loading p{margin:0;font-size:13px}.google-login-button{border:1px solid var(--border);color:#202124;text-align:center;background:#fff;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;display:block}.google-login-button:hover{background:#f4f6f8}.login-divider{color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-soft);flex:1;height:1px}.logout-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px}.logout-button:hover{color:var(--text)}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0cb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-dialog{border:1px solid var(--border);background:var(--panel-raised);border-radius:16px;gap:14px;width:min(100%,430px);padding:24px;display:grid;box-shadow:0 28px 90px #00000073}.password-dialog>div:first-child{justify-content:space-between;align-items:center;display:flex}.password-dialog>div:first-child button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:24px}.password-dialog>p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.password-dialog>label{color:var(--muted);gap:6px;font-size:12px;display:grid}.password-dialog input{border:1px solid var(--border);background:var(--field);color:var(--text);border-radius:9px;outline:none;padding:10px 11px}.password-dialog input:focus{border-color:var(--violet)}.rejection-dialog textarea{resize:vertical;border:1px solid var(--border);background:var(--field);width:100%;min-height:110px;color:var(--text);font:inherit;border-radius:9px;outline:none;padding:10px 11px;line-height:1.45}.rejection-dialog textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf61f}.rejection-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid;position:relative}.sidebar{border-right:1px solid var(--border-soft);background:#18191bed;padding:24px 16px}.brand{align-items:center;gap:12px;padding:0 10px 26px;display:flex}.brand strong,.brand span{display:block}.brand span{color:var(--muted);margin-top:3px;font-size:12px}.brand-mark{background:linear-gradient(145deg, var(--violet-light), var(--violet-dark));border-radius:10px 13px 9px 14px;width:34px;height:34px;transform:rotate(8deg);box-shadow:0 8px 30px #7650d82e}nav{gap:5px;display:grid}.nav-item{width:100%;color:var(--muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;display:flex}.nav-item:hover{color:var(--text);background:#ffffff09}.nav-item.active{color:var(--text);background:#8b5cf61f;border-color:#a78bfa33}.nav-dot{background:var(--disabled);border-radius:99px;width:7px;height:7px}.nav-item.active .nav-dot{background:var(--violet-light);box-shadow:0 0 0 4px #8b5cf61f}main{min-width:0}.topbar{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#1b1b1dc2;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.search{width:min(520px,60vw)}.search input{border:1px solid var(--border-soft);width:100%;color:var(--text);background:var(--panel);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:10px;outline:none;padding:10px 14px}.search input:focus{border-color:var(--violet-dark);box-shadow:0 0 0 3px #8b5cf61f}.top-actions{align-items:center;gap:10px;display:flex}.avatar{cursor:pointer;background:#8b5cf624;border:1px solid #a78bfa4d;border-radius:50%;width:36px;height:36px}.content{width:min(1220px,100% - 48px);margin:0 auto;padding:42px 0 64px}.page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.heading-actions{gap:8px;display:flex}.create-import-panel{border-radius:var(--radius);background:#222326f5;border:1px solid #8b5cf640;grid-template-columns:1.2fr repeat(3,1fr) auto;align-items:end;gap:12px;margin-bottom:18px;padding:16px;display:grid}.create-import-panel>div:first-child strong,.create-import-panel>div:first-child span{display:block}.create-import-panel>div:first-child span{color:var(--muted);margin-top:4px;font-size:11px}.create-import-panel label{gap:5px;display:grid}.create-import-panel label>span{color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.create-import-panel input{width:100%;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}.form-actions{gap:7px;display:flex}.success-notice{color:#9bc9ad;background:#6fa88a17;border:1px solid #6fa88a47;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px}.employee-form,.supplier-form{border-radius:var(--radius);background:#222326f5;border:1px solid #8b5cf640;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;margin-bottom:18px;padding:18px;display:grid}.employee-form-heading{grid-column:1/-1;padding-bottom:4px}.employee-form-heading strong,.employee-form-heading span{display:block}.employee-form-heading span{color:var(--muted);margin-top:4px;font-size:11px}.employee-form label,.supplier-form label:not(.check-filter){gap:5px;min-width:0;display:grid}.employee-form label>span,.supplier-form label:not(.check-filter)>span{color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.employee-form input,.employee-form select,.supplier-form input:not([type=checkbox]){width:100%;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:8px;outline:none;padding:9px 10px}.employee-form input:focus,.employee-form select:focus,.supplier-form input:focus{border-color:var(--violet-dark);box-shadow:0 0 0 3px #8b5cf61f}.temporary-password{grid-column:span 2}.employee-form-actions{grid-column:span 2;justify-content:flex-end;gap:8px;display:flex}.employee-table{min-width:960px}.employee-table td:first-child strong,.employee-table td:first-child span{display:block}.employee-table td:first-child span{color:var(--muted);margin-top:4px;font-size:11px}.employee-table select{min-width:128px}.disabled-row{opacity:.62}.access-pill{white-space:nowrap;border:1px solid;border-radius:99px;padding:5px 8px;font-size:11px;display:inline-flex}.access-pill.enabled{color:#9bc9ad;background:#6fa88a17;border-color:#6fa88a47}.access-pill.disabled{color:#d89aa0;background:#b86b7217;border-color:#b86b724d}.supplier-active{align-self:center;padding-bottom:0}.supplier-metrics{grid-template-columns:repeat(3,1fr)}.supplier-table{min-width:860px}.supplier-table code{color:var(--violet-light);font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.row-actions,.inline-edit{justify-content:flex-end;align-items:center;gap:7px;display:flex}.inline-edit{justify-content:flex-start}.inline-edit input{min-width:180px;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 9px}.task-filters-heading{align-items:end}.task-directory-filters{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;display:flex}.task-directory-filters>label:not(.check-filter){color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;gap:5px;font-size:10px;display:grid}.task-search input{min-width:240px;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}.task-directory-table{min-width:1080px}.task-directory-table td:first-child strong,.task-directory-table td:nth-child(2)>span{display:block}.task-directory-table td:nth-child(2)>span{color:var(--muted);margin-top:4px;font-size:11px}.required-note{color:var(--violet-light);text-transform:uppercase;letter-spacing:.05em;background:#8b5cf61a;border-radius:99px;margin-top:5px;padding:3px 6px;font-size:9px;display:inline-flex}.overdue{color:#d89aa0}.compact-button{padding:7px 10px;font-size:11px}.document-filters-heading{align-items:end}.document-directory-filters{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;display:flex}.document-directory-filters>label:not(.check-filter){color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;gap:5px;font-size:10px;display:grid}.document-search input{min-width:220px;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}.document-directory-table{min-width:1320px}.document-directory-table td:first-child strong,.document-directory-table td:first-child span,.document-directory-table td:nth-child(3)>span{display:block}.document-directory-table td:first-child span,.document-directory-table td:nth-child(3)>span{color:var(--muted);margin-top:4px;font-size:10px}.document-awb-group+.document-awb-group .document-group-row td{border-top:8px solid var(--surface)}.document-group-row td{background:#5f86b30f;padding:0}.document-group-toggle{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:20px minmax(150px,.65fr) auto minmax(180px,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.document-group-toggle:hover{background:#5f86b312}.group-chevron{color:var(--muted);font-size:22px;line-height:1;transition:transform .16s;transform:rotate(0)}.group-chevron.expanded{transform:rotate(90deg)}.document-group-count{color:#a9c4d9;text-transform:uppercase;letter-spacing:.04em;background:#5f86b324;border-radius:99px;width:fit-content;padding:4px 8px;font-size:10px}.document-group-supplier{color:var(--muted);font-size:11px}.document-group-action{color:var(--blue-light);font-size:11px}.document-file-row td:first-child{padding-left:40px}.download-link{color:var(--text);white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.archive-filters-heading{align-items:end}.archive-directory-filters{align-items:end;gap:10px;display:flex}.archive-directory-filters>label{color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;gap:5px;font-size:10px;display:grid}.archive-search input{min-width:240px;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}.archive-table{min-width:1080px}.notification-heading{align-items:end}.notification-list{display:grid}.notification-card{border-bottom:1px solid var(--border-soft);grid-template-columns:auto minmax(220px,1.4fr) minmax(180px,.8fr) auto;align-items:center;gap:16px;padding:18px 22px;display:grid}.notification-card:last-child{border-bottom:0}.notification-card.read{opacity:.58}.notification-indicator{border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.notification-card.warning .notification-indicator{color:#e3bd82;background:#c596591f;border-color:#c596594d}.notification-card.danger .notification-indicator{color:#d89aa0;background:#b86b721f;border-color:#b86b7259}.notification-copy strong,.notification-copy p,.notification-copy>span,.notification-import span{display:block}.notification-copy>div{align-items:center;gap:8px;display:flex}.notification-copy p{color:var(--muted);margin:5px 0;font-size:13px}.notification-copy>span,.notification-import span{color:var(--disabled);font-size:11px}.notification-import span{margin-top:4px}.read-label{border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 6px;font-size:9px}.service-grid{grid-template-columns:1fr 1fr;display:grid}.service-card{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:18px 20px;display:grid}.service-card:nth-child(2n){border-right:0}.service-state{background:var(--disabled);border-radius:50%;width:10px;height:10px;margin-top:4px}.service-card.operational .service-state{background:#6fa88a;box-shadow:0 0 0 4px #6fa88a1a}.service-card.configured .service-state{background:#5f86b3;box-shadow:0 0 0 4px #5f86b31a}.service-card.unavailable .service-state{background:#b86b72;box-shadow:0 0 0 4px #b86b721a}.service-card.attention .service-state{background:#c59659}.service-card strong{font-size:13px}.service-card p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.service-card b{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:10px}.service-details{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.service-details span{border:1px solid var(--border-soft);color:var(--disabled);border-radius:99px;padding:3px 6px;font-size:9px}.mail-safety-note{background:#6fa88a14;border:1px solid #6fa88a47;border-radius:10px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.mail-safety-note strong{color:#9bc9ad;font-size:12px}.mail-safety-note span{color:var(--muted);font-size:12px}.gmail-sync-summary{border:1px solid var(--border-soft);background:#5f86b30f;border-radius:10px;align-items:center;gap:12px;margin:-8px 0 18px;padding:10px 14px;display:flex}.gmail-sync-summary strong{color:#9bb9d1;font-size:12px}.gmail-sync-summary span{color:var(--muted);font-size:11px}.gmail-sync-summary .sync-error{color:#d79ba0}.mail-layout{grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);align-items:start;gap:18px;display:grid}.mail-layout .panel{margin-top:0}.new-mail-draft{border-bottom:1px solid var(--border-soft);grid-template-columns:.8fr 1fr auto;gap:8px;padding:14px;display:grid}.mail-draft-list{max-height:620px;display:grid;overflow-y:auto}.mail-draft-item{border:0;border-bottom:1px solid var(--border-soft);color:var(--text);text-align:left;cursor:pointer;background:0 0;gap:5px;padding:15px 18px;display:grid}.mail-draft-item:hover,.mail-draft-item.active{background:#8b5cf612}.mail-draft-item.active{box-shadow:inset 3px 0 var(--violet)}.mail-draft-item span,.mail-draft-item time{color:var(--muted);font-size:11px}.mail-draft-item time{color:var(--disabled)}.draft-type{border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;width:fit-content;padding:3px 6px;color:var(--muted)!important;font-size:9px!important}.draft-type.transport_request{background:#799dbb14;border-color:#799dbb52;color:#9bb9d1!important}.draft-badges{align-items:center;gap:6px;display:flex}.delivery-status{text-transform:uppercase;letter-spacing:.05em;background:#94a3b814;border-radius:99px;width:fit-content;padding:3px 6px;color:var(--muted)!important;font-size:9px!important}.delivery-status.sent{background:#6fa88a1f;color:#9bc9ad!important}.delivery-status.sending{background:#5f86b31f;color:#9bb9d1!important}.delivery-status.failed,.delivery-status.cancelled{background:#b86b721f;color:#d79ba0!important}.mail-editor{gap:12px;padding:20px 22px;display:grid}.mail-editor label{gap:5px;display:grid}.mail-editor label>span{color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.mail-editor input,.mail-editor textarea{border:1px solid var(--border);background:var(--field);width:100%;color:var(--text);font:inherit;border-radius:8px;outline:none;padding:9px 10px}.mail-editor input:focus,.mail-editor textarea:focus{border-color:var(--violet-dark);box-shadow:0 0 0 3px #8b5cf61f}.recipient-editor{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.recipient-editor legend{color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;padding:0;font-size:10px}.recipient-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.recipient-remove,.recipient-add{border:1px solid var(--border);background:var(--field);color:var(--muted);cursor:pointer;font:inherit;border-radius:8px}.recipient-remove{padding:8px 11px}.recipient-remove:hover{color:#d79ba0;border-color:#b86b72a6}.recipient-add{justify-self:start;padding:7px 10px}.recipient-add:hover{border-color:var(--violet-dark);color:var(--violet-light)}.recipient-editor:disabled .recipient-remove,.recipient-editor:disabled .recipient-add{display:none}.recipient-empty{color:var(--disabled);margin:0;font-size:12px}.recipient-validation{color:#d79ba0;margin:-3px 0 0;font-size:12px}.mail-editor textarea{resize:vertical;min-height:260px;line-height:1.55}.mail-editor-actions{justify-content:flex-end;gap:8px;display:flex}.sent-summary{background:#6fa88a14;border:1px solid #6fa88a47;border-radius:10px;gap:5px;padding:12px 14px;display:grid}.sent-summary strong{color:#9bc9ad;font-size:12px}.sent-summary span{color:var(--muted);font-size:11px}.eyebrow{letter-spacing:.11em;font-weight:700;color:var(--violet-light)!important;font-size:11px!important}h1,h2,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(28px,4vw,40px)}h2{margin-bottom:5px;font-size:17px}.page-heading p,.panel-heading p,.attention-row p{color:var(--muted);margin-bottom:0;font-size:14px}.primary-button,.secondary-button,.quiet-button{cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border-radius:9px}.primary-button{background:linear-gradient(135deg, var(--violet-dark), var(--violet));border:1px solid #a78bfa61;padding:10px 16px;box-shadow:0 8px 22px #4c2a8533}.primary-button:hover{background:linear-gradient(135deg,#815be0,#9567f7);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border);background:var(--field);padding:8px 12px}.secondary-button:hover,.quiet-button:hover{background:#3a3b41;border-color:#585a63}.quiet-button{border:1px solid var(--border-soft);background:var(--panel);color:var(--muted);padding:8px 11px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric{border-radius:var(--radius);border:1px solid var(--border-soft);min-height:114px;transition:transform var(--transition-panel), border-color var(--transition-panel);background:#222326ed;align-content:center;gap:5px;padding:20px;display:grid}.metric:hover{border-color:var(--border);transform:translateY(-2px)}.metric strong{font-size:30px;line-height:1}.metric span{color:var(--muted);font-size:13px}.metric.accent{background:linear-gradient(145deg,#8b5cf61a,#222326f5);border-color:#8b5cf642}.metric.danger strong{color:#d18a90}.panel{border:1px solid var(--border-soft);border-radius:var(--radius);background:#222326f0;margin-top:18px;overflow:hidden}.attention-panel{border-color:#c596593d}.panel-heading{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.attention-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:18px 22px;display:grid}.status-icon{border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.status-icon.warning{color:#e3bd82;background:#c5965921;border:1px solid #c5965938}.elapsed{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--border-soft);padding:15px 22px;font-size:14px}th{color:var(--disabled);text-transform:uppercase;letter-spacing:.07em;font-size:11px}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#ffffff06}tbody tr:last-child td{border-bottom:0}.status-pill{border:1px solid;border-radius:99px;align-items:center;padding:5px 9px;font-size:12px;display:inline-flex}.status-pill.waiting{color:#d2ae77;background:#c5965917;border-color:#c5965938}.status-pill.success{color:#8bbba0;background:#6fa88a17;border-color:#6fa88a38}.status-pill.info{color:#8fa9bf;background:#728fa817;border-color:#728fa838}.status-pill.danger{color:#d18a90;background:#b86b7217;border-color:#b86b7238}.environment-badge{color:var(--muted);border:1px solid var(--border-soft);border-radius:99px;padding:6px 10px;font-size:12px}.filters-heading{align-items:end}.filters{align-items:end;gap:12px;display:flex}.filters label:not(.check-filter){color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;gap:5px;font-size:11px;display:grid}select,.task-form input,textarea{color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}select:focus,.task-form input:focus,textarea:focus{border-color:var(--violet-dark);box-shadow:0 0 0 3px #8b5cf61f}.check-filter{color:var(--muted);align-items:center;gap:7px;padding-bottom:8px;font-size:13px;display:flex}.table-link{color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.table-link:hover{color:var(--violet-light)}.selected-row{background:#8b5cf60f}.empty-state{text-align:center;padding:56px 24px}.empty-state p,.muted{color:var(--muted);margin:7px 0 0;font-size:13px}.error-state{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:28px 22px;display:grid}.error-state>span{color:#e3bd82;background:#c596591f;border-radius:12px;place-items:center;width:42px;height:42px;font-size:11px;display:grid}.error-state p{color:var(--muted);margin:5px 0 0;font-size:13px}.loading-rows{gap:12px;padding:24px;display:grid}.loading-rows span{background:linear-gradient(90deg, var(--panel-raised), #34353a, var(--panel-raised));background-size:220% 100%;border-radius:9px;height:44px;animation:1.3s linear infinite loading}@keyframes loading{to{background-position:-220% 0}}.drawer{z-index:40;border-left:1px solid var(--border);background:#1d1e21fa;width:min(520px,100vw);height:100vh;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-24px 0 70px #00000052}.drawer-head{border-bottom:1px solid var(--border-soft);z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1d1e21f5;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px 22px;display:flex;position:sticky;top:0}.drawer-head strong{margin-top:4px;font-size:19px;display:block}.drawer-head button{border:1px solid var(--border-soft);background:var(--panel);cursor:pointer;border-radius:9px;width:36px;height:36px;font-size:22px}.drawer-body{padding:22px}.action-error{background:#b86b7214;border:1px solid #b86b7247;border-radius:10px;margin-bottom:16px;padding:13px 14px}.action-error strong{color:#d89aa0;font-size:13px}.action-error p{color:var(--muted);margin:5px 0 0;font-size:12px}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-grid>div{border:1px solid var(--border-soft);background:var(--panel);border-radius:10px;padding:14px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--disabled);margin-bottom:5px;font-size:11px}.detail-grid strong{font-size:13px}.edit-identity-button{width:100%;margin-top:10px}.identity-form{background:#8b5cf60f;border:1px solid #8b5cf638;border-radius:10px;gap:10px;margin-top:12px;padding:14px;display:grid}.identity-form .section-title{margin-bottom:2px}.identity-form label{gap:5px;display:grid}.identity-form label>span{color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.identity-form input,.identity-form select{border:1px solid var(--border);background:var(--field);width:100%;color:var(--text);border-radius:8px;outline:none;padding:9px 10px}.identity-form p{color:var(--muted);margin:-2px 0 0;font-size:11px}.cargo-summary{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cargo-summary>div{border:1px solid var(--border-soft);background:var(--panel);border-radius:8px;padding:10px 11px}.cargo-summary>div span,.cargo-summary>div strong{display:block}.cargo-summary>div span{color:var(--disabled);margin-bottom:4px;font-size:10px}.cargo-summary>div strong{font-size:12px}.cargo-confirmation{text-align:center;border:1px solid;border-radius:8px;grid-column:1/-1;padding:7px 9px;font-size:11px}.cargo-confirmation.confirmed{color:#9bc9ad;background:#6fa88a14;border-color:#6fa88a4d}.cargo-confirmation.draft{color:#d2ae77;background:#c5965912;border-color:#c5965940}.cargo-form{border:1px solid var(--border);background:var(--panel);border-radius:10px;gap:11px;margin-top:10px;padding:14px;display:grid}.cargo-form-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.cargo-form label:not(.check-filter){gap:5px;display:grid}.cargo-form label>span{color:var(--disabled);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.cargo-form input,.cargo-form textarea{border:1px solid var(--border);background:var(--field);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:8px 9px}.cargo-form textarea{resize:vertical;min-height:86px;line-height:1.5}.cargo-confirm{padding-bottom:0}.goods-list{gap:7px;display:grid}.goods-list>div{border:1px solid var(--border-soft);background:var(--panel);border-radius:8px;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 11px;display:grid}.goods-list code{color:var(--violet-light);font-size:11px}.goods-list span{color:var(--disabled);text-transform:uppercase;grid-column:1/-1;font-size:9px}.goods-form{border:1px solid var(--border);background:var(--panel);border-radius:10px;gap:11px;margin-top:10px;padding:14px;display:grid}.commodity-options{gap:6px;display:grid}.commodity-options label{border:1px solid var(--border-soft);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;display:flex}.commodity-options label>span{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.commodity-options code{color:var(--violet-light);font-size:10px}.goods-form>label{gap:5px;display:grid}.goods-form>label>span{color:var(--disabled);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.goods-form textarea{border:1px solid var(--border);background:var(--field);min-height:76px;color:var(--text);resize:vertical;font:inherit;border-radius:8px;padding:8px 9px}.status-actions{background:#8b5cf612;border:1px solid #8b5cf638;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:13px 14px;display:flex}.status-actions strong,.status-actions span{display:block}.status-actions strong{font-size:13px}.status-actions span{color:var(--muted);margin-top:4px;font-size:11px}.drawer-section{margin-top:24px}.section-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title h3{margin:0;font-size:15px}.section-title span{color:var(--muted);font-size:12px}.task-list{gap:8px;display:grid}.task-row,.document-row{border:1px solid var(--border-soft);background:var(--panel);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.task-row strong,.task-row span,.document-row strong,.document-row span{display:block}.task-row>div:first-child>span,.document-row div span{color:var(--muted);margin-top:4px;font-size:11px}.task-actions{align-items:center;gap:6px;display:flex}.task-actions button{border:1px solid var(--border);background:var(--field);cursor:pointer;border-radius:7px;padding:6px 8px;font-size:11px}.task-status{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10px}.task-status.completed{color:#8bbba0}.task-status.in_progress{color:#8fa9bf}.task-form{grid-template-columns:1fr auto;gap:9px;margin-top:10px;display:grid}.task-form>label{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.task-form button{grid-column:1/-1}.document-row+.document-row{margin-top:8px}.document-state{justify-items:end;gap:5px;display:grid}.document-state>span:last-child{color:var(--muted);font-size:11px}.scan-status{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:10px}.scan-status.clean{color:#8fc5a6;background:#6fb18b1a;border-color:#6fb18b59}.scan-status.pending{color:#9bb9d1;background:#799dbb1a;border-color:#799dbb59}.scan-status.infected,.scan-status.error{color:#d89aa0;background:#b86b721f;border-color:#b86b7261}.upload-form{border:1px dashed var(--border);border-radius:10px;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:10px;padding:12px;display:grid}.process-invoice-button{border-color:#8b5cf64d;width:100%;margin-top:10px}.upload-form input[type=file]{color:var(--muted);font-size:11px}.upload-form button,.upload-form>span{grid-column:1/-1}.upload-form>span{color:var(--disabled);font-size:10px}.complete-button{width:100%;margin-top:26px}.owner-actions{border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;gap:8px;margin-top:22px;padding-top:18px;display:flex}.owner-actions>span{color:var(--disabled);text-transform:uppercase;letter-spacing:.06em;margin-right:auto;font-size:11px}.danger-button{color:#d89aa0;cursor:pointer;background:#b86b721a;border:1px solid #b86b7252;border-radius:9px;padding:8px 11px}.correction-form{border:1px solid var(--border-soft);background:var(--panel);border-radius:10px;gap:9px;margin-top:14px;padding:14px;display:grid}.correction-form strong{font-size:12px}.correction-form textarea{resize:vertical;min-height:72px;font:inherit}.comment-list{gap:8px;display:grid}.comment{border:1px solid var(--border-soft);background:var(--panel);border-radius:10px;padding:12px 13px}.comment>div{justify-content:space-between;gap:12px;display:flex}.comment strong{font-size:12px}.comment time{color:var(--disabled);font-size:10px}.comment p{color:var(--muted);white-space:pre-wrap;margin:8px 0 0;font-size:13px}.comment-form{gap:8px;margin-top:10px;display:grid}.comment-form textarea{resize:vertical;min-height:76px;font:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-directory{min-width:0}.reference-readonly{color:#42566d;background:#f4f8fc;border:1px solid #cbd8e6;border-radius:12px;margin-bottom:16px;padding:12px 16px}.reference-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.reference-tabs{gap:7px;display:grid;position:sticky;top:18px}.reference-tabs button{color:#435267;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce4ec;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.reference-tabs button:hover{border-color:#9bb0c5}.reference-tabs button.active{color:#134f4c;background:#eaf6f3;border-color:#1d6a66;box-shadow:0 7px 18px #185b5714}.reference-tabs button span{font-weight:700}.reference-tabs button b{text-align:center;background:#46586c1a;border-radius:999px;min-width:28px;padding:3px 7px;font-size:12px}.reference-main{min-width:0;padding:0;overflow:hidden}.reference-toolbar{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.reference-toolbar h2{margin:0 0 5px}.reference-toolbar p{color:var(--muted);max-width:680px;margin:0}.reference-toolbar form{gap:8px;min-width:270px;display:flex}.reference-toolbar input{width:100%;min-width:0}.xlsx-import{background:#f5fbf9;border:1px dashed #8fb5ae;border-radius:12px;gap:5px;margin:16px 22px 0;padding:13px 15px;display:grid}.xlsx-import span{font-weight:700}.xlsx-import small{color:var(--muted)}.reference-cards{display:grid}.reference-card{border-bottom:1px solid #e8edf2;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:20px;padding:17px 22px;display:grid}.reference-card:last-child{border-bottom:0}.reference-card.disabled{opacity:.62;background:#f8f9fb}.reference-card-main{gap:4px;min-width:0;display:grid}.reference-card-main strong{overflow-wrap:anywhere;font-size:15px}.reference-card-main span,.reference-card-main small{color:var(--muted);overflow-wrap:anywhere}.reference-card-meta{color:var(--muted);white-space:nowrap;justify-items:end;gap:4px;font-size:12px;display:grid}.reference-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e19268c;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.reference-form,.reference-history-panel{background:#fff;border-radius:18px;width:min(850px,100%);max-height:calc(100vh - 44px);padding:24px;overflow:auto;box-shadow:0 24px 70px #0a162340}.reference-form>.section-title,.reference-history-panel>.section-title{margin-bottom:20px}.reference-form .section-title div{gap:3px;display:grid}.reference-form .section-title h2,.reference-history-panel h2{margin:0}.reference-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.reference-form label{align-content:start;gap:6px;display:grid}.reference-form label>span{color:#46556a;font-size:13px;font-weight:700}.reference-form .reference-wide{grid-column:1/-1;margin-top:15px}.reference-form-grid .reference-wide{margin-top:0}.reference-form textarea{resize:vertical;min-height:92px}.reference-form textarea.template-body{min-height:250px;font-family:inherit;line-height:1.5}.reference-form small{color:var(--muted)}.reference-form>.check-filter{margin:14px 0;display:flex}.reference-form-error{z-index:2;background:#fff1f1;margin:0 0 18px;position:sticky;top:-24px;box-shadow:0 4px 14px #5a202714}.reference-form-actions{z-index:2;background:#fffffff7;border-top:1px solid #e1e7ee;margin:0 -24px -24px;padding:14px 24px;position:sticky;bottom:-24px;box-shadow:0 -8px 22px #202e3d12}.reference-history-list{border:1px solid #e2e8ef;border-radius:12px;display:grid;overflow:hidden}.reference-history-list article{border-bottom:1px solid #e8edf2;justify-content:space-between;gap:24px;padding:13px 15px;display:flex}.reference-history-list article:last-child{border-bottom:0}.reference-history-list article>div{gap:3px;display:grid}.reference-history-list article>div:last-child{color:var(--muted);justify-items:end;font-size:12px}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--border-soft);position:fixed;bottom:0;left:0;right:0;overflow:hidden}.brand{display:none}nav{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:5px;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}.nav-item{scroll-snap-align:start;white-space:nowrap;flex:none;justify-content:center;width:auto;min-width:82px;padding:9px 10px;font-size:11px}.nav-dot{display:none}.content{padding-bottom:110px}.metrics{grid-template-columns:repeat(2,1fr)}.employee-form,.supplier-form{grid-template-columns:repeat(2,minmax(0,1fr))}.task-filters-heading{flex-direction:column;align-items:stretch}.task-directory-filters{justify-content:flex-start}.document-filters-heading{flex-direction:column;align-items:stretch}.document-directory-filters{justify-content:flex-start}.archive-filters-heading{flex-direction:column;align-items:stretch}.archive-directory-filters{justify-content:flex-start}.notification-card{grid-template-columns:auto 1fr auto}.notification-import{grid-column:2}.mail-layout,.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(2n){border-right:0}.reference-layout{grid-template-columns:1fr}.reference-tabs{scrollbar-width:thin;padding-bottom:4px;display:flex;position:static;overflow-x:auto}.reference-tabs button{white-space:nowrap;flex:none;width:auto}.reference-card{grid-template-columns:minmax(0,1fr) auto}.reference-card .row-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=640px){.login-shell{padding:14px}.login-card{padding:22px}.topbar{padding:0 16px}.search{width:calc(100% - 100px)}.content{width:min(100% - 28px,1220px);padding-top:28px}.page-heading{flex-direction:column;align-items:stretch}.heading-actions{grid-template-columns:1fr 1fr;display:grid}.primary-button{width:100%}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:96px;padding:16px}.attention-row{grid-template-columns:auto 1fr}.elapsed,.attention-row .secondary-button{grid-column:2}.filters-heading{flex-direction:column;align-items:stretch}.filters{align-items:stretch}.filters>label:first-child{flex:1}.error-state{grid-template-columns:auto 1fr}.error-state button{grid-column:2}.task-row{flex-direction:column;align-items:flex-start}.create-import-panel,.employee-form,.supplier-form{grid-template-columns:1fr;align-items:stretch}.temporary-password,.employee-form-actions{grid-column:auto}.employee-form-actions{grid-template-columns:1fr 1fr;display:grid}.supplier-metrics{grid-template-columns:1fr}.task-directory-filters{grid-template-columns:1fr 1fr;display:grid}.task-search{grid-column:1/-1}.task-search input{width:100%;min-width:0}.document-directory-filters{grid-template-columns:1fr 1fr;display:grid}.document-search{grid-column:1/-1}.document-search input{width:100%;min-width:0}.document-group-toggle{grid-template-columns:18px 1fr auto}.document-group-supplier{grid-column:2}.document-group-action{display:none}.archive-directory-filters{grid-template-columns:1fr 1fr;display:grid}.archive-search input{width:100%;min-width:0}.notification-heading{flex-direction:column;align-items:stretch}.notification-card{grid-template-columns:auto 1fr;align-items:start}.notification-import,.notification-card>.secondary-button{grid-column:2}.new-mail-draft{grid-template-columns:1fr}.mail-editor-actions{grid-template-columns:1fr 1fr;display:grid}.rejection-dialog-actions{grid-template-columns:1fr;display:grid}.rejection-dialog-actions button{width:100%}.reference-heading .heading-actions{grid-template-columns:repeat(3,1fr)}.reference-toolbar{padding:17px;display:grid}.reference-toolbar form{width:100%;min-width:0}.xlsx-import{margin:14px 17px 0}.reference-card{grid-template-columns:1fr;gap:12px;padding:16px 17px}.reference-card-meta{white-space:normal;grid-template-columns:auto auto;place-items:center start}.reference-card-meta time{grid-column:1/-1}.reference-card .row-actions{grid-column:auto;justify-content:flex-start;overflow-x:auto}.reference-modal-backdrop{align-items:end;padding:0}.reference-form,.reference-history-panel{width:100%;max-height:92vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.reference-form-error{top:-20px}.reference-form-actions{bottom:calc(-20px - env(safe-area-inset-bottom));margin:0 -16px calc(-20px - env(safe-area-inset-bottom));padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.reference-form-grid{grid-template-columns:1fr}.reference-form-grid .reference-wide{grid-column:auto}.reference-history-list article{display:grid}.reference-history-list article>div:last-child{justify-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}