:root{--bg:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#334155;--text-h:#0f172a;--muted:#64748b;--border:#dbe3ef;--primary:#123f7a;--primary-dark:#0b2f5f;--primary-soft:#e8f1ff;--success:#1f9d63;--success-soft:#e8f8ef;--warning:#f59e0b;--danger:#dc2626;--shadow:0 10px 30px #0f172a14;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,select,input{font:inherit}button{cursor:pointer}#app{background:var(--bg);min-height:100vh}.portal-page,.inbox-page,.miljo-page{max-width:1440px;margin:0 auto;padding:24px}.portal-header,.inbox-header{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex}.portal-brand{letter-spacing:.04em;color:var(--primary);text-transform:uppercase;margin-bottom:10px;font-size:15px;font-weight:800}h1{color:var(--text-h);letter-spacing:-.04em;margin:0 0 12px;font-size:44px;line-height:1.05}h2,h3{color:var(--text-h);margin:0}p{margin:0}.portal-subtitle,.inbox-subtitle{max-width:760px;color:var(--muted);font-size:20px;line-height:1.55}.user-box,.portal-user{white-space:nowrap;color:var(--text-h);align-items:center;gap:12px;font-weight:600;display:flex}.btn,button{background:var(--surface);color:var(--text-h);border:0;border:1px solid var(--border);box-shadow:none;border-radius:10px;padding:12px 18px;font-weight:800}.btn-primary,.update-button,.refresh-button{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover,.update-button:hover,.refresh-button:hover{background:var(--primary-dark)}.logout-button,.btn-logout{color:var(--primary);border:1px solid var(--border);background:#fff}.logout-button:hover,.btn-logout:hover{border-color:var(--primary);background:var(--primary-soft)}.filter-card,.inbox-filters{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;margin-bottom:24px;padding:24px 28px}.filter-title{color:var(--text-h);margin-bottom:16px;font-weight:800}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.filter-button{border:1px solid var(--border);color:var(--text-h);background:#fff}.filter-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}select{border:1px solid var(--border);min-width:260px;color:var(--text-h);background:#fff;border-radius:10px;padding:12px 14px;font-weight:700}.task-columns,.inbox-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.task-column,.inbox-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;min-height:360px;overflow:hidden}.panel-header,.task-column-header{border:0;border-bottom:1px solid var(--border);text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:24px 28px;display:flex}.panel-title-wrap,.task-title-wrap{align-items:center;gap:16px;display:flex}.panel-icon,.task-icon{background:var(--primary-soft);width:52px;height:52px;color:var(--primary);border-radius:16px;place-items:center;font-size:22px;font-weight:900;display:grid}.panel-icon.success,.task-icon.success{background:var(--success-soft);color:var(--success)}.panel-title,.task-column-title{color:var(--text-h);font-size:22px;font-weight:900}.panel-description,.task-column-description{color:var(--muted);margin-top:2px;font-size:15px}.count-badge{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:28px;padding:0 10px;font-weight:900;display:inline-flex}.count-badge.success{background:var(--success)}.chevron{color:var(--text-h);font-size:24px}.panel-body,.task-list{padding:22px 28px 28px}.empty-panel,.click-to-open{text-align:center;min-height:260px;color:var(--muted);place-items:center;display:grid}.empty-panel strong,.click-to-open strong{color:var(--text-h);margin-bottom:8px;font-size:18px;display:block}.task-card{border:1px solid var(--border);background:var(--surface-soft);text-align:left;border-radius:12px;margin-bottom:12px;padding:18px;transition:transform .15s,box-shadow .15s}.task-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.task-card-title{color:var(--text-h);margin-bottom:6px;font-weight:900}.task-card-text{color:var(--muted);margin-bottom:14px;font-size:15px}.task-meta{flex-wrap:wrap;gap:8px;display:flex}.meta-pill,.status-pill{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.status-pill.pending{color:var(--warning);background:#fffbeb;border-color:#f59e0b59}.status-pill.completed{color:var(--success);background:var(--success-soft);border-color:#1f9d634d}.modal-backdrop{z-index:50;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(680px,100%);padding:28px;box-shadow:0 24px 80px #0f172a47}.modal-card h2{margin-bottom:10px;font-size:28px}.modal-actions{justify-content:flex-end;margin-top:24px;display:flex}@media (width<=900px){.portal-page,.inbox-page,.miljo-page{padding:16px}.portal-header,.inbox-header{flex-direction:column}h1{font-size:34px}.portal-subtitle,.inbox-subtitle{font-size:17px}.task-columns,.inbox-columns{grid-template-columns:1fr}.filter-row{align-items:stretch}select{width:100%}}.app-button[data-v-8987bd48]{cursor:pointer}.app-button[data-v-8987bd48]:disabled{cursor:not-allowed}.pc-wrap{display:inline-block;position:relative}.pc-trigger{cursor:pointer;color:#2f3b59;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #c8cedd;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:600;display:inline-flex}.pc-trigger:hover{border-color:#8fa0c0}.pc-trigger-lbl{text-align:center;min-width:110px}.pc-nav{cursor:pointer;color:#5a6378;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.pc-nav:hover{color:#1749f5}.pc-popup{z-index:9990;box-sizing:border-box;background:#f5f5f7;border:1px solid #b8c0d4;border-radius:8px;width:calc(100vw - 24px);max-width:1100px;display:none;position:fixed;box-shadow:0 10px 40px #0000002e}.pc-popup.open{display:block}.pc-pb{border-bottom:1px solid #c8cedd;align-items:flex-start;min-width:0;display:flex}.pc-lbls{box-sizing:border-box;flex-shrink:0}.pc-lbls.left{border-right:2px solid #c8cedd}.pc-lbls.right{border-left:2px solid #c8cedd}.pc-lbl-sp{box-sizing:border-box;border-bottom:2px solid #c8cedd;height:52px}.pc-lbl{color:#5a6378;box-sizing:border-box;border-top:1px solid #c8cedd;align-items:center;height:44px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.pc-lbls.left .pc-lbl{justify-content:flex-end}.pc-lbls.right .pc-lbl{justify-content:flex-start}.pc-sc{flex:1;min-width:0;overflow:auto hidden}.pc-sc::-webkit-scrollbar{height:6px}.pc-sc::-webkit-scrollbar-thumb{background:#c0c7da;border-radius:3px}.pc-cv{display:block;position:relative}.pc-hz{background:#f5f5f7;border-bottom:2px solid #c8cedd;height:52px;position:relative;overflow:visible}.pc-hz-rng{pointer-events:none;z-index:1;position:absolute;top:0;bottom:0}.pc-h{z-index:20;position:absolute;top:6px}.pc-hf{transform:translate(-100%)}.pc-chip{border-radius:4px;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 1px 4px #00000040}.pc-chip-lbl{color:#fff;cursor:pointer;white-space:nowrap;background:#1e1f24;height:32px;padding:6px 9px;font-size:13px;font-weight:700;line-height:1.5}.pc-chip-lbl:hover{background:#2e3040}.pc-chip-grip{color:#ddd;cursor:ew-resize;background:#2a2c33;padding:6px 9px;font-size:20px;font-weight:900;line-height:1}.pc-vl{opacity:.4;pointer-events:none;z-index:10;background:#1e1f24;width:2px;margin-left:-1px;position:absolute;top:12px}.pc-rows{position:relative}.pc-row{box-sizing:border-box;background:#edf1fa;border-top:1px solid #c8cedd;height:44px;position:relative;overflow:hidden}.pc-range-overlay{pointer-events:none;z-index:2;background:#b4cdf08c;position:absolute;top:0;bottom:0}.pc-cell{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;color:#38445e;white-space:nowrap;z-index:3;border-left:1px solid #c8cedd;justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.pc-cell:hover{background:#b4c8f080}.pc-foot{justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pc-presets{flex-wrap:wrap;gap:18px;display:flex}.pc-pre{cursor:pointer;color:#111;background:0 0;border:none;padding:0;font-size:14px;font-weight:700}.pc-pre:hover{color:#1749f5}.pc-ok{color:#fff;cursor:pointer;background:#1749f5;border:none;border-radius:6px;padding:10px 22px;font-size:15px;font-weight:700}.pc-ok:hover{background:#1035cc}.pc-cal{z-index:10000;background:#fff;border:1px solid #b8c0d4;border-radius:8px;width:280px;padding:14px 12px;display:none;position:fixed;box-shadow:0 6px 28px #00000029}.pc-cal.open{display:block}.pc-cal-hd{align-items:center;gap:4px;margin-bottom:10px;display:flex}.pc-cal-nav{cursor:pointer;color:#2f3b59;background:0 0;border:none;padding:2px 5px;font-size:18px;line-height:1}.pc-cal-nav:hover{color:#1749f5}.pc-cal-sel{color:#2f3b59;border:1px solid #c8cedd;border-radius:4px;flex:1;padding:3px 5px;font-size:13px}.pc-cal-grid{grid-template-columns:repeat(8,1fr);gap:2px;margin-top:2px;display:grid}.pc-cal-wn{color:#b0b6c4;text-align:center;width:30px;height:30px;font-size:13px;font-weight:600;line-height:30px}.pc-cal-dn{text-align:center;color:#8a90a1;padding:3px 0;font-size:11px;font-weight:700}.pc-cal-d{cursor:pointer;color:#38445e;text-align:center;background:0 0;border:none;border-radius:50%;width:30px;height:30px;padding:0;font-size:13px;line-height:30px}.pc-cal-d:hover:not(.om){background:#edf1fa}.pc-cal-d.sel{color:#fff;background:#1749f5}.pc-cal-d.om{color:#c0c4d0;cursor:default}.admin-shell{min-height:100vh;color:var(--text);background:radial-gradient(circle at 100% 0,#123f7a14,#0000 32rem),#f6f8fc;grid-template-columns:260px minmax(0,1fr);display:grid;overflow-x:hidden}.admin-sidebar{color:#fff;background:radial-gradient(circle at 20% 0,#3c7ec447,#0000 18rem),linear-gradient(160deg,#081f3d,#123f7a);flex-direction:column;justify-content:space-between;width:260px;min-height:100vh;padding:26px 16px 22px;display:flex}.sidebar-brand{color:#fff;letter-spacing:.01em;margin:0;font-size:18px;font-weight:950}.sidebar-subtitle{color:#ffffffd1;margin:5px 0 0;font-size:15px}.sidebar-nav{gap:9px;margin-top:38px;display:grid}.nav-item{color:#ffffffdb;border-radius:7px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:15px;font-weight:750;display:flex}.nav-item.active{color:#fff;background:#78a9e838;box-shadow:inset 0 0 0 1px #ffffff0f}.nav-icon{opacity:.9;border:0;border-radius:0;flex:none;place-items:center;width:20px;height:20px;display:inline-grid;position:relative}.nav-icon:before,.nav-icon:after{content:"";box-sizing:border-box;position:absolute}.shield-icon:before{clip-path:polygon(50% 0,100% 18%,92% 74%,50% 100%,8% 74%,0 18%);border:2px solid;border-radius:8px 8px 10px 10px;width:15px;height:17px}.shield-icon:after{border-bottom:2px solid;border-left:2px solid;width:7px;height:4px;transform:rotate(-45deg)}.tasks-icon:before{border:2px solid;border-radius:4px;width:16px;height:17px}.tasks-icon:after{border-top:2px solid;border-bottom:2px solid;width:9px;height:7px}.customers-icon:before{border:2px solid;border-radius:4px;width:16px;height:15px}.customers-icon:after{border:2px solid;border-radius:999px;width:8px;height:8px;top:4px}.users-mini-icon:before{border:2px solid;border-radius:999px;width:8px;height:8px;top:2px;left:6px}.users-mini-icon:after{border:2px solid;border-top:0;border-radius:0 0 999px 999px;width:16px;height:8px;bottom:2px;left:2px}.settings-icon:before{border:2px solid;border-radius:999px;width:16px;height:16px}.settings-icon:after{border:2px solid;border-radius:999px;width:6px;height:6px}.sidebar-bottom{gap:12px;display:grid}.org-card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;align-items:center;gap:10px;padding:12px;display:flex}.org-avatar,.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:900;display:inline-grid}.org-card strong,.org-card small{display:block}.org-card strong{color:#fff;font-size:12px}.org-card small{color:#ffffffb8;font-size:11px}.logout-link{color:#ffffffe0;background:0 0;border:0;width:fit-content;padding:8px 10px;font-weight:800}.admin-main{width:min(100%,1320px);min-width:0;margin:0 auto;padding:32px 28px}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.admin-header h1{color:var(--text-h);letter-spacing:0;margin:0 0 10px;font-size:36px;line-height:1.05}.admin-header p{color:#5f6f8f;font-size:16px}.admin-greeting{color:#1262c7;margin:0 0 6px;font-size:14px;font-weight:900}.primary-button,.icon-action{border:1px solid var(--border);border-radius:8px;font-weight:850}.primary-button{color:#fff;background:#123f7a;border-color:#123f7a;min-height:44px;padding:10px 16px}.refresh-button{align-items:center;gap:10px;display:inline-flex;box-shadow:0 10px 24px #123f7a38}.message-stack{gap:8px;margin-bottom:14px;display:grid}.message{border:1px solid var(--border);background:#fff;border-radius:8px;padding:11px 14px;font-size:14px}.message.error{color:#b42318;background:#fef3f2;border-color:#dc262647}.message.success{background:var(--success-soft);color:var(--success);border-color:#1f9d6347}.metric-shell,.admin-filter-bar,.admin-panel,.help-card{background:#ffffffe6;border:1px solid #dfe7f2;border-radius:8px;box-shadow:0 12px 34px #0f172a0f}.metric-shell{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;padding:18px;display:grid}.admin-filter-bar{gap:14px;margin-bottom:20px;padding:16px;display:grid}.admin-search-grid,.admin-filter-grid{gap:12px;display:grid}.admin-search-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-filter-grid{grid-template-columns:140px repeat(3,minmax(0,1fr)) 180px}.admin-filter-bar label{gap:6px;min-width:0;display:grid}.admin-filter-bar span{color:#334467;text-transform:uppercase;font-size:11px;font-weight:950}.admin-filter-bar input,.admin-filter-bar select{width:100%;min-width:0;min-height:38px;color:var(--text-h);background:#fff;border:1px solid #d9e3f1;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:750}.admin-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.admin-modal-backdrop{z-index:80}.modal-kicker{letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.main-column{gap:20px;min-width:0;display:grid}.side-column{width:360px;min-width:0;position:sticky;top:24px}.table-panel{padding:0;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:20px 22px 14px;display:flex}.panel-heading h2,.form-heading h2{color:var(--text-h);letter-spacing:0;margin:0;font-size:19px}.panel-heading p,.form-heading p{color:#64748b;margin-top:6px;font-size:14px;line-height:1.45}.title-row{align-items:center;gap:12px;display:flex}.count-badge{background:var(--primary-soft);min-width:34px;color:var(--primary);text-align:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:950}.count-badge.warning{color:#ea580c;background:#fff7ed}.count-badge.success{background:var(--success-soft);color:var(--success)}.text-button,.advanced-toggle{color:#1262c7;background:0 0;border:0;font-size:13px;font-weight:900}.user-search-cta{background:var(--primary-soft);border-radius:7px;width:fit-content;margin-top:3px;padding:6px 8px}.search-field{background:#fff;border:1px solid #d9e3f1;border-radius:8px;align-items:center;gap:8px;width:190px;height:38px;padding:0 11px;display:flex}.search-field.full{width:100%}.search-input{width:100%;min-width:0;color:var(--text-h);border:0;outline:0}.admin-table{width:100%;max-width:100%;overflow:hidden}.table-head,.table-row{align-items:center;gap:14px;display:grid}.pending-table .table-head,.pending-table .table-row{grid-template-columns:minmax(130px,1fr) minmax(135px,1fr) minmax(105px,.8fr) minmax(125px,.85fr) 82px}.active-table .table-head,.active-table .table-row{grid-template-columns:minmax(130px,1fr) minmax(135px,1fr) minmax(105px,.8fr) minmax(100px,.7fr) 70px}.table-head{color:#64748b;text-transform:uppercase;background:#f8fafc;min-height:42px;padding:0 22px;font-size:11px;font-weight:950}.table-row{color:#31405f;border-top:1px solid #edf2f7;min-height:56px;padding:0 22px;font-size:14px}.user-cell{align-items:center;gap:11px;min-width:0;display:flex}.user-cell strong{overflow-wrap:anywhere;color:#24324f;min-width:0;font-size:14px}.table-row span,.table-row time{overflow-wrap:anywhere;min-width:0}.table-actions{gap:8px;display:flex}.icon-action{place-items:center;width:31px;height:31px;padding:0;font-size:18px;font-weight:900;display:grid}.icon-action.approve{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.icon-action.reject{color:#dc2626;background:#fee2e2;border-color:#fecaca}.status-badge{border-radius:999px;align-items:center;min-height:26px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-flex}.status-badge.approved{color:#16a34a;background:#dcfce7}.status-badge.rejected{color:#dc2626;background:#fee2e2}.users-placeholder-panel{gap:18px;display:grid}.users-placeholder-copy{max-width:680px}.users-placeholder-copy h2,.users-placeholder-copy p{margin:0}.users-placeholder-copy h2{color:#10213f;font-size:22px;font-weight:950}.users-placeholder-copy p{color:#64748b;margin-top:8px;line-height:1.55}.users-placeholder-action{opacity:.72;width:fit-content}.users-placeholder-action small{opacity:.78;margin-left:8px;font-size:11px}.planned-feature-list{color:#31405f;background:#fbfdff;border:1px solid #e4ebf5;border-radius:12px;gap:10px;margin:0;padding:16px 18px 16px 34px;display:grid}.planned-feature-list li{padding-left:2px;font-weight:750}.users-placeholder-info{margin-top:18px}.empty-state{text-align:center;background:#f8fafc;border:1px dashed #dbe3ef;border-radius:8px;margin:0 24px 24px;padding:28px}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:var(--text-h);font-size:14px}.empty-state span{color:#64748b;margin-top:5px;font-size:13px}.form-heading{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.selected-user-box{background:#f8fafc;border:1px solid #d9e3f1;border-radius:8px;gap:4px;margin-bottom:16px;padding:13px;display:grid}.selected-user-box span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:950}.selected-user-box strong{color:var(--text-h);font-size:14px}.user-picker{gap:8px;margin-bottom:18px;display:grid}.picker-row{text-align:left;background:#fff;border:1px solid #d9e3f1;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:9px;display:grid}.picker-row strong,.picker-row small{overflow-wrap:anywhere;min-width:0;display:block}.picker-row strong{color:var(--text-h);font-size:13px}.picker-row small{color:#64748b;font-size:12px}.role-select{width:104px;min-width:104px;height:30px;color:var(--text-h);background:#fff;border:1px solid #d9e3f1;border-radius:7px;padding:4px 7px;font-size:12px}.connection-form,.test-task-form,.advanced-fields{gap:13px;display:grid}.connection-form label,.test-task-form label{gap:5px;display:grid}.connection-form label span,.test-task-form label span{color:var(--text-h);font-size:14px;font-weight:850}.connection-form small{color:#64748b;font-size:12px}.connection-form input,.test-task-form input,.test-task-form select,.test-task-form textarea{width:100%;min-width:0;color:var(--text-h);background:#fff;border:1px solid #d9e3f1;border-radius:7px;padding:8px 11px}.connection-form input,.test-task-form input,.test-task-form select{height:39px}.test-task-form textarea{resize:vertical}.submit-button{width:100%;margin-top:2px}.test-task-panel{margin-top:24px}.test-task-heading{padding:0 0 16px}.task-admin-filter-bar{gap:12px;display:grid}.task-filter-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.task-filter-heading h2{color:var(--text-h);margin:0 0 4px;font-size:17px}.task-filter-heading p{color:#64748b;margin:0;font-size:13px}.task-filter-grid{grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) minmax(160px,1fr) minmax(118px,.72fr) minmax(160px,.9fr) minmax(140px,.82fr);align-items:end;gap:10px}.task-query-panel{background:#f8fafc;border:1px solid #dfe7f2;border-radius:10px;gap:14px;margin-bottom:16px;padding:16px;display:grid}.task-query-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.task-query-heading h3{color:var(--text-h);margin:0 0 4px;font-size:15px}.task-query-heading p{color:#64748b;margin:0;font-size:13px}.task-query-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.task-query-grid label{gap:6px;min-width:0;display:grid}.task-query-grid label span,.task-period-table>div>span{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:900}.task-query-grid input,.task-query-grid select{width:100%;min-width:0;height:40px;color:var(--text-h);background:#fff;border:1px solid #d5deec;border-radius:8px;font-size:13px}.task-period-table{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.task-period-table p{color:#64748b;margin:2px 0 0;font-size:12px}.task-period-copy{min-width:190px}.reporting-period-picker{flex:none;max-width:100%}.reporting-period-picker .pc-wrap{max-width:100%}.reporting-period-picker .pc-trigger{color:#174ea6;background:#fff;border-color:#bfdbfe;font-size:13px}.task-filter-dev-note{color:#94a3b8;margin:-2px 0 0;font-size:11px;line-height:1.45}.test-task-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:22px;display:grid}.test-task-form{background:#f8fafc;border:1px solid #dfe7f2;border-radius:8px;padding:16px}.task-admin-list{gap:10px;min-width:0;display:grid}.task-admin-row{background:#fff;border:1px solid #dfe7f2;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.task-admin-row.muted{opacity:.72;background:#f8fafc}.task-admin-row h3{color:var(--text-h);margin:8px 0 4px;font-size:15px}.task-admin-row p,.task-admin-row small{color:#64748b;margin:0}.task-detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;margin:10px 0;padding:11px;display:grid}.task-detail-section-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.task-detail-section-header span{color:#334155;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:950}.task-detail-section-header small{color:#174ea6;background:#e0ecff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 7px;font-size:11px;font-weight:900;display:inline-flex}.recipient-list{gap:7px;display:grid}.recipient-card{background:#fff;border:1px solid #dbeafe;border-radius:8px;grid-template-columns:minmax(130px,1.1fr) minmax(170px,1.3fr) minmax(110px,.8fr) auto;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:grid}.recipient-card strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:13px}.recipient-card span{color:#475569;overflow-wrap:anywhere;min-width:0;font-size:12px}.recipient-card em{color:#1262c7;white-space:nowrap;background:#eff6ff;border:1px solid #1262c729;border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.task-detail-empty{background:#ffffffa8;border:1px dashed #cbd5e1;border-radius:8px;padding:10px}.integration-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.integration-meta-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:8px 9px}.integration-meta-grid dt{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 3px;font-size:10px;font-weight:950}.integration-meta-grid dd{color:#0f172a;overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px;font-weight:850}.submission-summary{color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;gap:10px;margin:10px 0 12px;padding:12px;font-size:13px;display:grid}.submission-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.submission-header strong,.submission-file-list strong{color:#172554}.submission-kicker{color:#2563eb;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:11px;font-weight:950;display:block}.submission-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.submission-meta div{background:#ffffff94;border:1px solid #2563eb1f;border-radius:8px;min-width:0;padding:8px 10px}.submission-meta dt{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 3px;font-size:10px;font-weight:950}.submission-meta dd{color:#172554;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:850}.submission-comment{background:#ffffffb8;border:1px solid #2563eb24;border-radius:8px;padding:10px 11px}.submission-comment span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:10px;font-weight:950;display:block}.submission-comment p{color:#172554;white-space:pre-wrap;margin:0;line-height:1.5}.submission-empty-files{color:#64748b;font-weight:750}.submission-file-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.submission-file-list li{background:#ffffffad;border:1px solid #2563eb1f;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.submission-file-list small{color:#64748b;white-space:nowrap;margin-top:2px;display:block}.submission-file-link{color:#1262c7;background:#fff;border:1px solid #2563eb2e;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:900;text-decoration:none}.submission-file-link:hover{background:#f8fbff;border-color:#2563eb5c}.task-admin-actions{align-items:center;gap:8px;display:flex}.text-button.danger{color:#dc2626}.empty-state.compact{margin:0}.help-card{color:#31537e;box-shadow:none;background:#eef5ff;margin-top:24px;padding:14px 18px}.help-card strong{color:#1262c7}.help-card span{margin-left:4px}.connections-icon:before,.connections-icon:after{content:"";position:absolute}.connections-icon:before{border:3px solid #2563eb;border-radius:999px;width:20px;height:9px}.connections-icon:after{background:#2563eb;border-radius:999px;width:8px;height:3px}@media (width<=1160px){.admin-layout,.test-task-layout{grid-template-columns:1fr}.admin-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.side-column{width:100%;position:static}}@media (width<=980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{width:100%;min-height:auto;padding:18px}.sidebar-bottom{display:none}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.metric-shell,.admin-filter-grid,.task-query-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-main{padding:18px}.admin-header{flex-direction:column;align-items:stretch}.admin-header h1{font-size:30px}.metric-shell{grid-template-columns:1fr;padding:14px}.admin-search-grid,.admin-filter-grid,.task-query-grid{grid-template-columns:1fr}.task-query-heading,.task-period-table,.panel-heading{flex-direction:column;align-items:stretch}.task-admin-row{grid-template-columns:1fr}.task-admin-actions{flex-wrap:wrap;justify-content:flex-start}.submission-meta,.recipient-card,.integration-meta-grid{grid-template-columns:1fr}.submission-file-list li{flex-direction:column;align-items:flex-start}.search-field{width:100%}.table-head{display:none}.pending-table .table-row,.active-table .table-row{grid-template-columns:1fr;gap:7px;padding:14px 18px}.table-row span:before,.table-row time:before{content:attr(data-label);color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:950;display:block}.picker-row{grid-template-columns:auto minmax(0,1fr)}.role-select{grid-column:1/-1;width:100%}}.admin-shell{background:radial-gradient(circle at 100% 0,#2563eb1a,#0000 34rem),linear-gradient(#f8fbff 0%,#f3f6fb 100%)}.admin-sidebar{background:radial-gradient(circle at 15% 0,#60a5fa38,#0000 18rem),linear-gradient(#082244 0%,#0f3464 100%)}.nav-item{border-radius:12px;transition:background .15s,color .15s,transform .15s}.nav-item.active{background:#ffffff24;box-shadow:inset 3px 0 #93c5fd,inset 0 0 0 1px #ffffff14}.admin-main{max-width:1260px;padding:28px}.admin-header{align-items:center;margin-bottom:18px;padding:18px 0 4px}.admin-header-copy{max-width:720px}.admin-greeting{color:#2563eb;letter-spacing:.01em;margin-bottom:8px;font-size:13px}.admin-header h1{margin-bottom:7px;font-size:clamp(30px,3vw,38px)}.admin-header p{color:#64748b;max-width:680px;margin:0;line-height:1.5}.primary-button{background:#2563eb;border-color:#2563eb;border-radius:12px;box-shadow:0 10px 20px #2563eb2e}.refresh-button{min-height:42px;padding-inline:15px;box-shadow:0 10px 20px #2563eb29}.metric-shell,.admin-filter-bar,.admin-panel,.help-card{background:#fffffff0;border-color:#e3eaf5;border-radius:18px;box-shadow:0 10px 28px #0f172a0e}.metric-shell{align-items:stretch;gap:14px;margin-bottom:16px;padding:16px}.metric-card{border:1px solid #0000;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;min-width:0;min-height:124px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.metric-card:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0f172a14}.metric-card.active{background:linear-gradient(135deg,#eff6fffa,#ffffffeb);border-color:#2563eb2e}.metric-card.pending{background:linear-gradient(135deg,#fff7edfa,#ffffffeb);border-color:#ea580c2e}.metric-card.rejected{background:linear-gradient(135deg,#fef3f2fa,#ffffffeb);border-color:#dc26262e}.metric-card.customers{background:linear-gradient(135deg,#ecfdf3fa,#ffffffeb);border-color:#1f9d632e}.metric-icon{background:#ffffffb8;border:1px solid #ffffff94;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:inline-grid;position:relative;box-shadow:inset 0 1px #ffffffa8}.metric-card.active .metric-icon{color:#2563eb;background:#2563eb1a}.metric-card.pending .metric-icon{color:#ea580c;background:#ea580c1c}.metric-card.rejected .metric-icon{color:#dc2626;background:#dc26261a}.metric-card.customers .metric-icon{color:#16a34a;background:#16a34a1a}.metric-icon svg{display:block}.metric-content{align-content:start;min-width:0;display:grid}.metric-card small{color:#475569;letter-spacing:.04em;text-transform:uppercase;margin-top:0;font-size:10px;font-weight:900;line-height:1.3;display:block}.metric-card strong{color:#1d5fbf;letter-spacing:-.02em;margin:10px 0 7px;font-size:34px;font-weight:900;line-height:.95;display:block}.metric-card.pending strong{color:#ea580c}.metric-card.rejected strong{color:#dc2626}.metric-card.customers strong{color:#16a34a}.metric-card span{color:#64748b;font-size:12px;font-weight:750;line-height:1.35}.admin-filter-bar{gap:10px;margin-bottom:18px;padding:12px}.admin-search-grid,.admin-filter-grid{gap:8px}.admin-filter-bar label{gap:5px}.admin-filter-bar span{color:#64748b;letter-spacing:.04em;font-size:10px}.admin-filter-bar input,.admin-filter-bar select{background:#f8fafc;border-color:#e2e8f0;border-radius:10px;min-height:36px;font-size:13px}.admin-layout{gap:20px}.main-column{gap:16px}.side-column{width:376px}.admin-panel{padding:18px}.table-panel{padding:0}.panel-heading{border-bottom:1px solid #eef2f7;padding:18px 20px 14px}.panel-heading h2,.form-heading h2{font-size:18px}.panel-heading p,.form-heading p{color:#64748b;font-size:13px}.table-head{color:#64748b;background:#f8fafc;min-height:40px}.table-row{background:#fff;border-top-color:#eef2f7;min-height:60px}.table-row:hover{background:#f8fbff}.empty-state{background:linear-gradient(#f8fbff,#fff);border-color:#dbeafe;border-radius:16px;margin:18px;padding:30px 22px}.empty-state strong{font-size:15px}.create-panel{padding:18px}.form-heading{border-bottom:1px solid #eef2f7;gap:12px;margin-bottom:16px;padding-bottom:14px}.form-heading .metric-icon{flex:none}.form-step{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;display:grid}.step-number{color:#2563eb;background:#eff6ff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:950;display:inline-grid}.selected-user-box{background:#f8fbff;border-radius:14px;margin-bottom:0;padding:13px 14px}.user-search-cta{border-radius:10px;margin-top:6px}.user-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin:10px 0 18px 40px;padding:10px}.picker-row{border-radius:12px}.connection-form{gap:14px}.form-step-fields{gap:12px;display:grid}.connection-form label span,.test-task-form label span{font-size:13px}.connection-form input,.test-task-form input,.test-task-form select,.test-task-form textarea{background:#f8fafc;border-color:#e2e8f0;border-radius:11px}.secondary-toggle{background:#f8fafc;border-radius:10px;width:fit-content;margin-left:40px;padding:7px 10px}.advanced-card{background:#fbfdff;border:1px dashed #cbd5e1;border-radius:14px;margin-left:40px;padding:12px}.submit-step{align-items:center}.submit-button{min-height:44px;margin-top:0}.help-card{border-color:#2563eb24;border-radius:14px;margin-top:18px}@media (width<=1160px){.side-column{width:100%}}@media (width<=760px){.admin-main{padding:16px}.admin-header{align-items:stretch;gap:14px}.metric-shell{gap:10px}.form-step{grid-template-columns:1fr}.step-number{width:fit-content;padding:0 10px}.user-picker,.secondary-toggle,.advanced-card{margin-left:0}}.customer-admin-toolbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.customer-admin-toolbar h2{color:var(--text-h);margin:0 0 4px;font-size:20px}.customer-admin-toolbar p{color:#64748b;margin:0;font-size:13px}.customer-admin-toolbar .primary-button:disabled{color:#64748b;box-shadow:none;background:#e2e8f0;border-color:#cbd5e1}.customer-create-hint{color:#8a5b12;margin-top:6px;font-size:12px;font-weight:750;display:block}.customer-workspace{grid-template-columns:minmax(290px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.customer-list-panel,.customer-detail-panel{min-width:0}.customer-detail-panel .task-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1200px){.customer-detail-panel .task-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.customer-detail-panel .task-filter-grid{grid-template-columns:1fr}}.customer-list-panel .empty-state.compact,.customer-detail-panel .empty-state.compact{min-height:auto;padding:18px}.customer-list-panel{overflow:hidden}.customer-search-field{gap:7px;margin:0 18px 16px;display:grid}.customer-search-label{color:#52617a;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}.customer-search-input{box-sizing:border-box;color:#10213f;width:100%;min-width:0;min-height:44px;font:inherit;background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;outline:none;padding:0 14px}.customer-search-input::placeholder{color:#8a97aa;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.customer-list{gap:8px;padding:0 18px 18px;display:grid}.customer-list-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:12px;gap:4px;padding:13px 14px;transition:border-color .14s,background .14s,transform .14s;display:grid}.customer-list-item:hover,.customer-list-item.active{background:#eff6ff;border-color:#2563eb57;transform:translateY(-1px)}.customer-list-item strong{color:var(--text-h);font-size:13px}.customer-list-item span,.customer-list-item small{color:#64748b;font-size:12px}.customer-detail-panel{gap:18px;display:grid}.customer-profile-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.customer-profile-header h2{color:var(--text-h);margin:4px 0 10px;font-size:22px}.customer-profile-meta{flex-wrap:wrap;gap:10px 16px;margin:0;display:flex}.customer-profile-meta div{min-width:120px}.customer-profile-meta dt{color:#64748b;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:950}.customer-profile-meta dd{color:var(--text-h);margin:0;font-size:13px;font-weight:750}.customer-task-list{gap:14px;padding:0;display:grid}.customer-select-empty{text-align:center;align-content:center;place-items:center;gap:8px;min-height:180px;padding:28px;display:grid}.customer-select-empty-icon{color:#2563eb;background:#eff6ff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.customer-workspace{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.customer-task-summary{grid-template-columns:repeat(2,minmax(0,160px));gap:12px;display:grid}.customer-task-summary div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.customer-task-summary span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.customer-task-summary strong{color:#10213f;margin-top:5px;font-size:24px;display:block}.customer-task-section{gap:10px;display:grid}.customer-task-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-task-section-header h3{color:var(--text-h);margin:0;font-size:15px}.customer-task-row{background:#fff;border:1px solid #dbe3ef;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.customer-task-row h3{color:var(--text-h);margin:8px 0 4px;font-size:15px}.customer-task-row p{color:#64748b;margin:0;font-size:13px}.customer-task-row>small{color:#64748b;flex:none;font-weight:750}.admin-create-task-modal{max-width:680px}.admin-create-task-modal header p{color:#64748b}.field-error{color:#dc2626;font-size:12px;font-weight:800;line-height:1.35}.create-task-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.create-task-placeholder-grid label{gap:6px;display:grid}.create-task-placeholder-grid span{color:#475569;text-transform:uppercase;font-size:11px;font-weight:900}.create-task-placeholder-grid input,.create-task-placeholder-grid select,.create-task-placeholder-grid textarea{color:#64748b;width:100%;min-width:0;font:inherit;background:#f8fafc;border:1px solid #d9e3f1;border-radius:10px;padding:10px 11px}.create-task-placeholder-grid .full-span{grid-column:1/-1}.create-task-section{background:#fbfdff;border:1px solid #e4ebf5;border-radius:12px;gap:11px;min-width:0;padding:14px;display:grid}.create-task-section header{gap:3px;display:grid}.create-task-section h3,.create-task-section p{margin:0}.create-task-section h3{color:#10213f;font-size:14px;font-weight:950}.create-task-section p,.create-task-help{color:#64748b;font-size:12px;line-height:1.45}@media (width<=1160px){.customer-workspace{grid-template-columns:1fr}}@media (width<=760px){.customer-admin-toolbar,.customer-profile-header,.customer-task-row{flex-direction:column;align-items:stretch}.create-task-placeholder-grid{grid-template-columns:1fr}}.user-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.user-stat-card{background:#fff;border:1px solid #dbe3ef;border-radius:16px;align-items:center;gap:16px;min-height:128px;padding:18px;display:flex;box-shadow:0 16px 38px #0f172a0f}.user-stat-card p,.user-stat-card span{color:#64748b;margin:0;font-size:12px;font-weight:750}.user-stat-card strong{color:#10213f;margin:5px 0 3px;font-size:28px;line-height:1;display:block}.user-stat-icon{border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.user-stat-card.blue .user-stat-icon{color:#2563eb;background:#dbeafe}.user-stat-card.green .user-stat-icon{color:#16a34a;background:#dcfce7}.user-stat-card.orange .user-stat-icon{color:#ea580c;background:#ffedd5}.user-stat-card.red .user-stat-icon{color:#dc2626;background:#fee2e2}.user-toolbar{grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr) auto;align-items:end;gap:18px;margin-bottom:18px;display:grid}.user-toolbar-copy h2,.user-toolbar-copy p{margin:0}.user-toolbar-copy h2{color:#10213f;font-size:18px}.user-toolbar-copy p{color:#64748b;margin-top:4px;font-size:13px}.user-filter-grid{grid-template-columns:minmax(180px,1fr) minmax(140px,.6fr) minmax(140px,.6fr);gap:12px;display:grid}.user-filter-grid label,.user-invite-form label{gap:6px;min-width:0;display:grid}.user-filter-grid span,.user-invite-form span{color:#52617a;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}.user-filter-grid input,.user-filter-grid select,.user-invite-form input,.user-invite-form select{box-sizing:border-box;color:#10213f;width:100%;min-width:0;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;outline:none;padding:0 12px}.user-filter-grid input:focus,.user-filter-grid select:focus,.user-invite-form input:focus,.user-invite-form select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.user-toolbar-actions{justify-content:flex-end;gap:10px;display:flex}.user-table-panel{overflow:hidden}.user-table{display:grid}.user-table-head,.user-table-row{grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.1fr) minmax(118px,.6fr) minmax(104px,.52fr) minmax(142px,.85fr) minmax(286px,1fr);align-items:center;gap:10px;display:grid}.user-table-head{color:#64748b;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;padding:10px 16px;font-size:11px;font-weight:900}.user-table-row{color:#334155;border-bottom:1px solid #edf2f7;padding:10px 16px;font-size:13px}.user-table-row:last-child{border-bottom:0}.user-main-cell{gap:1px;display:grid}.user-main-cell strong{color:#10213f;font-size:14px}.user-main-cell small{color:#64748b;font-size:11px}.user-role-badge,.user-status-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:11px;font-weight:850;display:inline-flex}.user-role-badge{color:#3730a3;background:#eef2ff}.user-status-badge.active{color:#166534;background:#dcfce7}.user-status-badge.invited{color:#9a3412;background:#ffedd5}.user-status-badge.deactivated{color:#991b1b;background:#fee2e2}.user-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.user-action-button{white-space:nowrap;min-height:32px;padding:0 10px;font-size:12px;line-height:1}.user-action-button.is-disabled{color:#94a3b8;cursor:default;opacity:.7;pointer-events:none;background:#f8fafc;border-color:#e2e8f0}.user-invite-modal{max-width:560px}.user-invite-modal header p{color:#64748b}.user-invite-form{gap:12px;margin-top:16px;display:grid}.user-invite-note{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:14px;padding:12px;font-size:13px;font-weight:750}.user-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;display:grid}.user-detail-list div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:12px}.user-detail-list dt{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:900}.user-detail-list dd{color:#10213f;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:800}@media (width<=1260px){.user-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-toolbar{grid-template-columns:1fr}.user-toolbar-actions{justify-content:flex-start}}@media (width<=980px){.user-table-head{display:none}.user-table{gap:10px;padding:14px}.user-table-row{border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:1fr;gap:8px}.user-table-row>span,.user-table-row>time{justify-content:space-between;gap:12px;display:flex}.user-table-row>span:before,.user-table-row>time:before{content:attr(data-label);color:#64748b;text-transform:uppercase;font-size:11px;font-weight:900}.user-main-cell{display:grid!important}.user-main-cell:before{content:none!important}}@media (width<=720px){.user-stats-grid,.user-filter-grid{grid-template-columns:1fr}.user-toolbar-actions{flex-direction:column;align-items:stretch}}.customer-portal{max-width:1320px;color:var(--text);margin:0 auto;padding:18px 24px}:root{--background:#f4f6f9;--surface:#fff;--surface-soft:#f8fafc;--surface-alt:var(--surface-soft);--text:#475569;--text-h:#0f172a;--text-primary:var(--text-h);--text-secondary:var(--muted);--muted:#64748b;--border:#dbe3ef}[data-theme=dark]{--background:#111827;--surface:#1f2937;--surface-soft:#273244;--surface-alt:var(--surface-soft);--text:#d1d5db;--text-h:#f8fafc;--text-primary:var(--text-h);--text-secondary:var(--muted);--muted:#9ca3af;--border:#94a3b83d;--primary-soft:#3b82f629;--success-soft:#22c55e24}html,body,#app{background:var(--background);min-height:100%}body{margin:0}.portal-hero,.state-card,.active-section,.completed-section,.help-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;box-shadow:0 10px 28px #0f172a0f}.portal-hero{grid-template-columns:minmax(0,1fr) minmax(520px,620px);align-items:center;gap:28px;padding:24px;display:grid;position:relative}.hero-copy{align-self:center;min-width:0}.hero-side{gap:12px;min-width:0;display:grid}.portal-brand{color:var(--primary);letter-spacing:.05em;margin:0 0 6px;font-size:11px;font-weight:900}.portal-hero h1{color:var(--text-h);letter-spacing:0;margin:0;font-size:clamp(25px,4vw,34px);line-height:1.02}.portal-hero h1 span,.portal-hero h1 strong{display:block}.portal-hero h1 span{color:var(--primary)}.portal-hero h1 strong{color:var(--text-h)}.last-updated{color:var(--muted);margin:8px 0 0;font-size:12px;font-weight:800}.hero-subtitle{max-width:560px;color:var(--muted);margin:10px 0 0;font-size:15px;font-weight:750;line-height:1.45}.hero-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.filter-label{align-items:center;gap:6px;display:flex}.filter-icon{width:20px;color:var(--primary);justify-content:center;font-size:13px;display:inline-flex}.filter-icon svg{stroke-width:2.4px;width:14px;height:14px}.ghost-button,.secondary-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 13px;font-weight:900;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.ghost-button{color:var(--muted);background:0 0;border:1px solid #0000}.ghost-button:hover{color:var(--primary);background:var(--primary-soft)}.secondary-button{background:var(--surface);color:var(--primary);border:1px solid #2563eb38}.secondary-button:hover{background:var(--primary-soft);border-color:#2563eb61;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb1f}.primary-button,.secondary-button,.quiet-button,.open-task-button{border-radius:11px;min-height:40px;padding:8px 12px;font-weight:900}.primary-button,.open-task-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.secondary-button{border-radius:12px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:inline-flex}.button-icon{stroke-width:2.4px;flex:none;width:17px;height:17px;transition:transform .25s,color .2s}.ghost-button:hover .refresh-icon{transform:rotate(180deg)}.secondary-button:hover .logout-icon{transform:translate(2px)}.secondary-button:hover{transform:translateY(-1px)}[data-theme=dark] .secondary-button{color:#dbeafe;background:#0f172ad1;border-color:#94a3b840}[data-theme=dark] .ghost-button:hover,[data-theme=dark] .secondary-button:hover{background:#3b82f629}.quiet-button{color:var(--primary);background:0 0;border:1px solid #0000}.quiet-button:hover{background:var(--primary-soft)}.priority-strip{grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px;display:grid}.summary-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:14px;min-width:0;min-height:112px;padding:18px 22px;display:flex;box-shadow:0 8px 18px #0f172a0a}.summary-label{color:var(--muted);text-transform:uppercase;gap:7px;font-size:12px;font-weight:950}.summary-icon{background:var(--surface);border-radius:999px;flex:none;place-items:center;width:52px;height:52px;font-size:24px;font-weight:950;display:inline-grid;box-shadow:0 10px 22px #0f172a14}.summary-icon svg{stroke-width:2.4px;width:24px;height:24px}.summary-card strong{margin:0;font-size:25px;line-height:1}.summary-card.critical{background:#fef3f2;border-color:#dc262638}.summary-card.critical .summary-icon{color:#dc2626;background:#ef44441f}.summary-card.critical strong{color:var(--danger)}.summary-card-copy{gap:4px;min-width:0;display:grid}.summary-card.soon{background:#fff7ed;border-color:#ea580c38}.summary-card.soon .summary-icon{color:#ea580c;background:#fb923c24}.summary-card.soon strong{color:#ea580c}.summary-card.waiting{background:#fefce8;border-color:#facc155c}.summary-card.waiting .summary-icon{color:#ca8a04;background:#fbbf242e}.summary-card.waiting strong{color:#a16207}.summary-card.done{background:var(--success-soft);border-color:#1f9d6338}.summary-card.done .summary-icon{color:#16a34a;background:#22c55e26}.summary-card.done strong{color:var(--success)}.inline-message{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:14px 0;padding:14px 16px}.task-filter-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin:12px 0;padding:10px;box-shadow:0 8px 22px #0f172a0a}.filter-topline{grid-template-columns:minmax(220px,1.2fr) minmax(150px,.7fr) minmax(150px,.75fr) auto;align-items:end;gap:8px;display:grid}.sort-select{gap:4px;display:grid}.sort-select .filter-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.sort-select .filter-icon{color:var(--primary)}.sort-select select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;height:37px;color:var(--text-h);cursor:pointer;border-radius:11px;padding:7px 34px 7px 10px;font-size:14px;font-weight:850;transition:border-color .15s,box-shadow .15s,background .15s}.clear-filter-button{border:1px solid var(--border);background:var(--surface);min-width:92px;min-height:38px;color:var(--primary);border-radius:11px;padding:8px 12px;font-size:13px;font-weight:900;transition:background .15s,border-color .15s,transform .15s}.clear-filter-button:hover{background:var(--primary-soft);border-color:#2563eb4d;transform:translateY(-1px)}.clear-filter-button:active{transform:translateY(0)}@media (width<=760px){.filter-topline{grid-template-columns:1fr}.clear-filter-button{width:100%}}.inline-message.error{color:#b42318;background:#fef3f2;border-color:#dc262640}.state-card,.empty-state{text-align:center;place-items:center;gap:8px;min-height:260px;padding:28px;display:grid}.empty-state{background:radial-gradient(circle at top, #eff6ffd9, transparent 24rem), linear-gradient(180deg, var(--surface), var(--surface));border:1px dashed #2563eb2e;border-radius:20px;min-height:260px}.empty-icon.success{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e33;border-radius:999px;width:72px;height:72px;box-shadow:0 0 24px #22c55e1a}.empty-icon.success svg{stroke-width:1.3px;width:36px;height:36px}.state-icon,.empty-icon{background:var(--primary-soft);width:58px;height:58px;color:var(--primary);border-radius:20px;place-items:center;font-weight:900;display:grid}.state-card strong,.empty-state h2{color:var(--text-h);margin:0;font-size:22px}.state-card p,.empty-state p{max-width:420px;color:var(--muted);margin:0;line-height:1.65}.active-section{padding:16px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.section-kicker{color:var(--primary);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.section-heading h2{color:var(--text-h);letter-spacing:0;margin:0;font-size:21px}.section-count{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:36px;padding:0 12px;font-weight:900;display:inline-flex}.task-grid{gap:12px;width:100%;display:grid}.premium-task-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-left:5px solid #facc15;border-radius:14px;grid-template-columns:58px minmax(0,1fr);gap:12px;min-height:104px;padding:12px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;box-shadow:0 8px 22px #0f172a0d}.premium-task-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a17}.premium-task-card:active{transform:translateY(0)scale(.995)}.premium-task-card:focus-within{border-color:#2563eb6b;box-shadow:0 14px 28px #0f172a17,0 0 0 3px #2563eb1f}.premium-task-card.critical{border-color:#dc262647;border-left-color:var(--danger);background:var(--surface)}.premium-task-card.waiting{border-color:#facc1561 #facc1561 #facc1561 #facc15}.premium-task-card.no-due{border-color:var(--border);border-left-color:#94a3b8}.premium-task-card.opened{border-color:#2563eb3d;border-left-color:var(--primary);background:var(--surface)}.due-badge{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;align-self:center;place-items:center;width:56px;min-height:74px;padding:8px 6px;display:grid}.due-badge span{color:var(--muted);text-transform:uppercase;text-align:center;font-size:9.5px;font-weight:900;line-height:1.1}.due-badge strong{color:var(--text-primary);font-size:23px;line-height:1}.due-badge small{color:var(--muted);font-size:9px;font-weight:850}.task-content{grid-template-columns:minmax(0,1fr) 138px;align-items:center;column-gap:16px;min-width:0;display:grid}.task-main{gap:3px;min-width:0;display:grid}.task-title-row,.task-footer,.modal-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.task-title-row{gap:7px;min-width:0}.task-content h3{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);margin:0;font-size:17.5px;font-weight:900;line-height:1.16}.task-content p,.modal-description{color:var(--text-secondary);font-size:12.5px;line-height:1.35}.task-document{color:var(--text-primary);font-weight:750}.task-document,.task-customer{margin:0}.task-customer{color:var(--text-secondary);margin-top:0;font-size:12px;font-weight:800}.task-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:5px 0 0;display:grid}.task-detail-grid div{min-width:0}.task-detail-grid dt{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.035em;font-size:9.5px;font-weight:900}.task-detail-grid dd{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);margin:2px 0 0;font-size:11.5px;font-weight:800}.task-footer{flex-direction:column;justify-content:center;align-items:stretch;gap:8px;margin-top:0}.status-badge,.priority-pill,.due-text{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:4px 9px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.priority-pill{color:var(--text-secondary);background:var(--surface-alt)}.due-text{text-overflow:ellipsis;justify-content:center;width:100%;min-height:30px;padding:6px 10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.status-badge.critical,.due-text.critical{color:var(--danger);background:#fef3f2;border-color:#dc26264d}.status-badge.waiting,.due-text.waiting{color:#854d0e;background:#fefce8;border-color:#facc1570}.due-text.expired{color:#b42318;background:#fef3f2;border-color:#dc262657}.due-text.today{color:#9a3412;background:#fff7ed;border-color:#ea580c52}.due-text.soon{color:#9a3412;background:#fff7ed;border-color:#ea580c42}.due-text.no-due{color:#475569;background:var(--surface-alt);border-color:var(--border)}.status-badge.opened,.due-text.opened{color:var(--primary);background:var(--primary-soft);border-color:#2563eb42}.status-badge.completed,.due-text.completed{color:var(--success);background:var(--success-soft);border-color:#1f9d634d}.priority-pill.soon{color:#ea580c;background:#fff7ed;border-color:#ea580c42}.open-task-button{background:var(--primary);color:#fff;border:1px solid #2563eb47;border-radius:11px;justify-content:center;align-items:center;width:100%;min-height:34px;padding:7px 10px;font-size:12px;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.open-task-button:hover{transform:translate(2px);box-shadow:0 10px 20px #2563eb3d}.completed-section{border-radius:18px;margin-top:14px}.pagination{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);min-width:34px;min-height:34px;color:var(--text-h);border-radius:9px;padding:6px 10px;font-weight:900}.pagination button.active{border-color:var(--primary);background:var(--primary);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.45}.primary-button:focus-visible,.secondary-button:focus-visible,.open-task-button:focus-visible,.completed-toggle:focus-visible,.completed-card:focus-visible,.pagination button:focus-visible,.clear-filter-button:focus-visible,.sort-select select:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}.sort-select select:hover{background:var(--surface);border-color:#2563eb59}.sort-select select:focus{border-color:#2563eb8c;outline:none;box-shadow:0 0 0 3px #2563eb1f}.completed-toggle{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:72px;padding:16px 20px;display:flex}.completed-toggle strong{color:var(--text-h);font-size:16px;display:block}.completed-toggle small,.toggle-text{color:var(--primary);font-weight:800}.completed-list{gap:10px;padding:0 18px 18px;display:grid}.completed-card{border:1px solid var(--border);border-left:6px solid var(--success);background:var(--surface-soft);text-align:left;opacity:.86;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;transition:background .15s,border-color .15s,opacity .15s;display:grid}.completed-card:hover{background:var(--surface);opacity:1;border-color:#1f9d6357}.completed-card strong{overflow-wrap:anywhere;min-width:0;color:var(--text-h)}.completed-card small,.quiet-empty{color:var(--muted)}.help-card{align-items:center;gap:6px;margin-top:14px;padding:14px 18px;display:flex}.help-card strong{color:var(--primary);font-size:14px;display:inline}.help-card p{color:var(--muted);margin:0 0 0 6px;font-size:14px;line-height:1.45;display:inline}.premium-modal .portal-brand{margin-bottom:8px}.premium-modal{border:1px solid var(--border);background:var(--surface);width:min(720px,100%);max-height:min(88vh,860px);color:var(--text);overflow:auto}.modal-header-block{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.premium-modal h2{color:var(--text-primary);margin-bottom:10px;line-height:1.15}.modal-meta{margin-top:18px}.modal-meta span{border:1px solid var(--border);background:var(--surface-alt);color:var(--text-secondary);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850}.modal-attachments{border:1px solid var(--border);background:var(--surface-alt);border-radius:14px;gap:8px;margin-top:18px;padding:14px;display:grid}.modal-attachments strong{color:var(--text-primary)}.modal-attachments p,.modal-attachments ul{color:var(--text-secondary);margin:0}.modal-attachments ul{padding-left:18px}.task-submission-form{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;gap:12px;margin-top:18px;padding:14px;display:grid}.task-submission-form label{gap:6px;display:grid}.task-submission-form label span{color:var(--text-h);font-size:13px;font-weight:850}.task-submission-form textarea,.task-submission-form input[type=file]{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px}.task-submission-form textarea{resize:vertical}.task-submission-form small{color:var(--muted);font-size:12px;line-height:1.4}.task-submission-form .primary-button{width:100%;min-height:48px;font-size:15px}.selected-file-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.selected-file-list li{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;font-weight:800;display:flex}.selected-file-list small{color:var(--text-secondary);flex:none}.inline-message.success{background:var(--success-soft);color:var(--success);border-color:#22c55e47}@media (width>=780px){.customer-portal{padding:18px}.active-section{padding:16px}}@media (width<=900px){.portal-hero{grid-template-columns:1fr}.hero-side{gap:10px}.hero-actions{justify-content:flex-start}}@media (width<=760px){.filter-topline{grid-template-columns:1fr}}@media (width<=640px){.portal-hero{padding:14px}.hero-actions{flex-wrap:wrap}.task-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:4px 0 0;display:grid}.premium-task-card{cursor:pointer;background:var(--surface);grid-template-columns:54px minmax(0,1fr)}.due-badge{width:52px;min-height:68px}.task-content{grid-template-columns:1fr;row-gap:9px}.task-footer{flex-direction:row;grid-area:auto/1;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.open-task-button{width:auto;min-width:118px}.modal-header-block{display:grid}.open-task-button{justify-content:center;align-items:center;gap:6px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.open-task-button:hover{transform:translate(2px);box-shadow:0 8px 18px #2563eb38}.completed-card{grid-template-columns:1fr}}@media (width<=520px){.task-detail-grid,.task-footer{grid-template-columns:1fr}.open-task-button{width:100%}}@media (width<=460px){.priority-strip{grid-template-columns:1fr}}.completed-heading{align-items:center;gap:12px;display:flex}.completed-icon{color:#16a34a;background:#22c55e1f;border-radius:999px;place-items:center;width:40px;height:40px;display:inline-grid}.completed-action{color:var(--primary);align-items:center;gap:6px;font-weight:900;display:inline-flex}.completed-chevron{transition:transform .18s}.completed-chevron.open{transform:rotate(180deg)}.completed-empty{background:var(--surface-soft);text-align:center;border:1px dashed #22c55e3d;border-radius:16px;place-items:center;gap:6px;padding:26px;display:grid}.completed-empty-icon{color:#16a34a;background:#22c55e1f;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.completed-empty strong{color:var(--text-h)}.completed-empty p{color:var(--muted);margin:0}[data-theme=dark] .portal-hero,[data-theme=dark] .task-filter-panel,[data-theme=dark] .active-section,[data-theme=dark] .completed-section,[data-theme=dark] .help-card{background:var(--surface);border-color:var(--border);box-shadow:0 18px 44px #0000002e}[data-theme=dark] .sort-select select,[data-theme=dark] .clear-filter-button{background:var(--surface-soft);border-color:var(--border);color:var(--text-h)}[data-theme=dark] .premium-task-card,[data-theme=dark] .completed-card,[data-theme=dark] .empty-state,[data-theme=dark] .completed-empty{background:var(--surface-soft);border-color:var(--border)}[data-theme=dark] .empty-state{background:radial-gradient(circle at top, #3b82f621, transparent 24rem), var(--surface-soft)}[data-theme=dark] .summary-card.critical,[data-theme=dark] .summary-card.soon,[data-theme=dark] .summary-card.waiting{border:1px solid #ffffff14}[data-theme=dark] .summary-card.critical{background:#7f1d1d47}[data-theme=dark] .summary-card.soon{background:#78350f47}[data-theme=dark] .summary-card.waiting{background:#854d0e3d}[data-theme=dark] .summary-card.critical .summary-icon{background:#ef44442e}[data-theme=dark] .summary-card.soon .summary-icon{background:#fb923c33}[data-theme=dark] .summary-card.waiting .summary-icon{background:#fbbf2438}[data-theme=dark] .premium-task-card.critical{background:#1f2937;border-color:#f8717157 #f8717157 #f8717157 #ef4444;box-shadow:0 10px 26px #0000002e}[data-theme=dark] .premium-task-card.waiting{background:#1f2937;border-color:#fbbf2452 #fbbf2452 #fbbf2452 #facc15;box-shadow:0 10px 26px #00000029}[data-theme=dark] .premium-task-card.no-due{border-color:var(--border);background:#1f2937;border-left-color:#64748b}[data-theme=dark] .premium-task-card.opened{background:#1f2937;border-color:#60a5fa57 #60a5fa57 #60a5fa57 #60a5fa;box-shadow:0 10px 26px #00000029}[data-theme=dark] .premium-task-card.completed{background:#1f2937;border-color:#4ade804d #4ade804d #4ade804d #22c55e;box-shadow:0 10px 26px #00000029}[data-theme=dark] .premium-task-card:hover{border-color:#94a3b86b;box-shadow:0 14px 32px #00000047}[data-theme=dark] .due-badge{background:#273244;border-color:#94a3b842}[data-theme=dark] .task-content h3,[data-theme=dark] .task-detail-grid dd,[data-theme=dark] .task-document,[data-theme=dark] .due-badge strong{color:#f8fafc}[data-theme=dark] .task-customer,[data-theme=dark] .task-detail-grid dt,[data-theme=dark] .due-badge span,[data-theme=dark] .due-badge small{color:#aeb8c8}[data-theme=dark] .status-badge.critical,[data-theme=dark] .due-text.critical{color:#fecaca;background:#7f1d1d6b;border-color:#f8717161}[data-theme=dark] .due-text.expired{color:#fee2e2;background:#991b1bb8;border-color:#f8717180}[data-theme=dark] .status-badge.waiting,[data-theme=dark] .due-text.waiting{color:#fef3c7;background:#854d0e6b;border-color:#fbbf245c}[data-theme=dark] .due-text.today,[data-theme=dark] .due-text.soon{color:#ffedd5;background:#9a341273;border-color:#fb923c61}[data-theme=dark] .due-text.no-due{color:#d1d5db;background:#4755696b;border-color:#94a3b847}[data-theme=dark] .status-badge.opened,[data-theme=dark] .due-text.opened{color:#dbeafe;background:#1e40af75;border-color:#60a5fa5c}[data-theme=dark] .status-badge.completed,[data-theme=dark] .due-text.completed{color:#dcfce7;background:#1665347a;border-color:#4ade8057}[data-theme=dark] .open-task-button{color:#fff;background:#2563eb;border-color:#60a5fa61}[data-theme=dark] .open-task-button:hover{background:#1d4ed8;box-shadow:0 10px 22px #2563eb40}[data-theme=dark] .priority-pill.soon{color:#fed7aa;background:#78350f47;border-color:#fb923c38}[data-theme=dark] .completed-card:hover,[data-theme=dark] .sort-select select:hover{background:#2b374a}.completed-card-main{gap:3px;min-width:0;display:grid}.completed-card-action{color:var(--primary);white-space:nowrap;font-size:13px;font-weight:900}.completed-panel-enter-active,.completed-panel-leave-active{transition:opacity .16s,transform .16s}.completed-panel-enter-from,.completed-panel-leave-to{opacity:0;transform:translateY(-4px)}.login-container[data-v-0f1798fd]{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-message[data-v-0f1798fd],.login-status[data-v-0f1798fd]{max-width:420px;margin:0;font-size:14px}.error-message[data-v-0f1798fd]{color:#b42318}.login-status[data-v-0f1798fd]{color:#344054}.login-container[data-v-4fc8dfc4]{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-login-button[data-v-4fc8dfc4]{background:#102a56}.admin-login-button[data-v-4fc8dfc4]:hover{background:#0b1f42}.error-message[data-v-4fc8dfc4]{color:#b42318;max-width:420px;margin:0 0 18px;font-size:14px}.login-status[data-v-4fc8dfc4]{color:#344054;max-width:420px;margin:0;font-size:14px}.debug-panel[data-v-4fc8dfc4]{color:#182230;text-align:left;background:#f9fafb;border:1px solid #d0d5dd;border-radius:8px;width:min(520px,100%);margin-top:32px;padding:16px}.debug-panel h2[data-v-4fc8dfc4]{margin:0 0 12px;font-size:15px}.debug-panel dl[data-v-4fc8dfc4]{gap:8px;margin:0;display:grid}.debug-panel div[data-v-4fc8dfc4]{grid-template-columns:140px minmax(0,1fr);gap:12px;display:grid}.debug-panel dt[data-v-4fc8dfc4]{font-weight:700}.debug-panel dd[data-v-4fc8dfc4]{overflow-wrap:anywhere;min-width:0;margin:0}.login-container[data-v-e95e579b]{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.dev-login-card[data-v-e95e579b]{color:#7a2e0e;background:#fffcf5;border:1px dashed #f79009;border-radius:8px;width:min(420px,100%);margin-top:20px;padding:14px}.dev-login-card p[data-v-e95e579b]{margin:0 0 10px;font-size:13px;font-weight:700}.dev-login-button[data-v-e95e579b]{background:#b54708}.dev-login-button[data-v-e95e579b]:hover{background:#93370d}.error-message[data-v-e95e579b]{color:#b42318;max-width:420px;margin:0 0 18px;font-size:14px}.login-status[data-v-e95e579b]{color:#344054;max-width:420px;margin:0;font-size:14px}.debug-panel[data-v-e95e579b]{color:#182230;text-align:left;background:#f9fafb;border:1px solid #d0d5dd;border-radius:8px;width:min(520px,100%);margin-top:32px;padding:16px}.debug-panel h2[data-v-e95e579b]{margin:0 0 12px;font-size:15px}.debug-panel dl[data-v-e95e579b]{gap:8px;margin:0;display:grid}.debug-panel div[data-v-e95e579b]{grid-template-columns:140px minmax(0,1fr);gap:12px;display:grid}.debug-panel dt[data-v-e95e579b]{font-weight:700}.debug-panel dd[data-v-e95e579b]{overflow-wrap:anywhere;min-width:0;margin:0}