:root{--att-green:#006b3f;--att-green-dark:#004d2d;--att-red:#c8102e;--att-red-dark:#9f0d25;--accent-soft:#e8f5ee;--att-white:#fff;--app-bg:linear-gradient(135deg, #fff 0%, #f6faf7 46%, #fff4f6 100%);--ink:#17211c;--muted:#637066;--muted-strong:#3f4d44;--panel:#fff;--surface:#f6faf7;--line:#dde8e1;--field-bg:#fff;--sidebar-bg:linear-gradient(180deg, #005c37 0%, #003f26 100%);--sidebar-line:#ffffff26;--sidebar-link:#ffffff17;--sidebar-link-hover:#ffffff29;--sidebar-link-active:#ffffff38;--sidebar-text:#fff;--sidebar-muted:#ffffffb8;--shadow:0 18px 45px #004d2d1f;--card-shadow:0 10px 28px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--app-bg:linear-gradient(135deg, #0d1511 0%, #121a16 48%, #1a1014 100%);--ink:#edf7f1;--muted:#a5b5aa;--muted-strong:#d3e0d8;--panel:#131f19;--surface:#0f1a15;--line:#263a30;--field-bg:#0c1712;--accent-soft:#173326;--sidebar-bg:linear-gradient(180deg, #07130e 0%, #0e1c15 100%);--sidebar-line:#ffffff1c;--sidebar-link:#ffffff0f;--sidebar-link-hover:#ffffff1f;--sidebar-link-active:#12976047;--shadow:0 18px 45px #00000052;--card-shadow:0 14px 34px #00000038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=light]{--app-bg:linear-gradient(135deg, #fff 0%, #f6faf7 46%, #fff4f6 100%);--ink:#17211c;--muted:#637066;--muted-strong:#3f4d44;--panel:#fff;--surface:#f6faf7;--line:#dde8e1;--field-bg:#fff;--accent-soft:#e8f5ee;--sidebar-bg:linear-gradient(180deg, #005c37 0%, #003f26 100%);--sidebar-line:#ffffff26;--sidebar-link:#ffffff17;--sidebar-link-hover:#ffffff29;--sidebar-link-active:#ffffff38;--shadow:0 18px 45px #004d2d1f;--card-shadow:0 10px 28px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--app-bg:linear-gradient(135deg, #0d1511 0%, #121a16 48%, #1a1014 100%);--ink:#edf7f1;--muted:#a5b5aa;--muted-strong:#d3e0d8;--panel:#131f19;--surface:#0f1a15;--line:#263a30;--field-bg:#0c1712;--accent-soft:#173326;--sidebar-bg:linear-gradient(180deg, #07130e 0%, #0e1c15 100%);--sidebar-line:#ffffff1c;--sidebar-link:#ffffff0f;--sidebar-link-hover:#ffffff1f;--sidebar-link-active:#12976047;--shadow:0 18px 45px #00000052;--card-shadow:0 14px 34px #00000038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--ink);background:var(--app-bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-line);color:var(--sidebar-text);flex-direction:column;gap:28px;height:100vh;min-height:0;padding:24px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:13px;display:flex}.brand-mark{border:1px solid var(--sidebar-line);letter-spacing:.04em;background:#ffffff1f;border-radius:16px;justify-content:center;align-items:center;min-width:46px;height:46px;font-size:13px;font-weight:900;display:flex;box-shadow:inset 0 1px #ffffff29}.logo{font-size:21px;font-weight:800;line-height:1.1}.logo span{color:#ffdce2;display:block}.sidebar-subtitle{color:var(--sidebar-muted);margin-top:6px;font-size:12px}.nav{scrollbar-width:none;gap:8px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.nav::-webkit-scrollbar{display:none}.nav-group{gap:8px;display:grid}.nav a,.nav-section-title{background:var(--sidebar-link);border:1px solid #0000;border-radius:16px;gap:4px;padding:13px 14px;transition:background .18s,border-color .18s,transform .18s;display:grid}.nav a:hover{background:var(--sidebar-link-hover);transform:translate(2px)}.nav a.active,.nav-section-title.active{background:var(--sidebar-link-active);border-color:var(--sidebar-line)}.nav a span,.nav-section-title span{font-size:14px;font-weight:800;line-height:1.25}.nav a small,.nav-section-title small{color:var(--sidebar-muted);font-size:12px}.subnav{border-left:1px solid var(--sidebar-line);gap:6px;margin-left:14px;padding-left:10px;display:grid}.subnav a{border-radius:12px;padding:10px 12px}.subnav a span{font-size:13px}.subnav a small{font-size:11px}.sidebar-footer{border-top:1px solid var(--sidebar-line);flex-shrink:0;margin-top:auto;padding-top:18px}.session-card{border:1px solid var(--sidebar-line);background:#ffffff14;border-radius:14px;gap:5px;margin-bottom:12px;padding:12px;display:grid}.session-card span{overflow-wrap:anywhere;font-size:13px;font-weight:800;line-height:1.3}.session-card small{color:var(--sidebar-muted);text-transform:capitalize;font-size:11px}.session-card a{color:#ffdce2;font-size:12px;font-weight:800}.theme-toggle{border:1px solid var(--sidebar-line);background:#ffffff14;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;display:grid}.theme-toggle button{color:var(--sidebar-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:10px;padding:8px 6px;font-size:11px;font-weight:800}.theme-toggle button.active{color:var(--sidebar-text);background:#ffffff2e}.app-version{color:var(--sidebar-muted);letter-spacing:.04em;text-align:center;margin-top:10px;font-size:11px;font-weight:800}.main{min-width:0;padding:32px}.hero{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;margin-bottom:24px;padding:34px;position:relative;overflow:hidden}.hero:before{content:"";background:#c8102e1c;border-radius:999px;width:220px;height:220px;position:absolute;top:-80px;right:-80px}.admin-hero{margin-bottom:18px}.eyebrow{color:var(--att-red);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}h1{margin:10px 0 8px;font-size:36px}p{color:var(--muted);line-height:1.6}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:24px;padding:24px}.card h2,.card h3{margin-top:0}.template-card>p{margin-bottom:0}.template-actions{margin-bottom:22px}.template-table-block{gap:10px;display:grid}.template-table-block+.template-table-block{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.template-table-block h3{margin:0}.home-page{gap:20px;display:grid}.home-header{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;margin-bottom:0;padding:28px}.home-header>div{max-width:760px}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-heading h2{margin:6px 0 0;font-size:24px}.section-heading p{text-align:right;max-width:420px;margin:0}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.workflow-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px;flex-direction:column;gap:12px;min-height:190px;padding:20px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.workflow-card:hover{box-shadow:var(--shadow);border-color:#006b3f4d;transform:translateY(-2px)}.workflow-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.workflow-card-top>span:last-child{color:var(--muted);text-align:right;font-size:12px;font-weight:800}.workflow-card h2{margin:2px 0 0;font-size:18px;line-height:1.25}.workflow-card p{margin:0}.badge{background:var(--accent-soft);color:var(--muted-strong);border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.actions{flex-wrap:wrap;gap:10px;margin:16px 0 18px;display:flex}.upload-box{border:2px dashed var(--line);background:var(--surface);border-radius:18px;padding:22px}.upload-job-name{color:var(--muted-strong);font-size:13px;font-weight:800;display:block}.input,input[type=file],textarea{border:1px solid var(--line);background:var(--field-bg);width:100%;color:var(--ink);border-radius:12px;margin:8px 0 14px;padding:12px}::placeholder{color:var(--muted);opacity:.82}.button{color:#fff;background:var(--att-green);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.68}.button:hover{background:var(--att-green-dark)}.button.secondary{background:var(--att-red)}.button.secondary:hover{background:var(--att-red-dark)}.button.ghost{background:var(--panel);border:1px solid var(--line);color:var(--muted-strong)}.compact-button{min-height:40px;padding:10px 12px}.list-toolbar{margin-bottom:18px;padding:16px}.filter-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0;display:flex}.filter-field{color:var(--muted-strong);flex:0 180px;gap:6px;min-width:160px;font-size:12px;font-weight:850;display:grid}.filter-search{flex:280px;min-width:240px}.filter-field .input{min-height:40px;margin:0;padding:9px 10px}.filter-actions{flex-wrap:wrap;gap:8px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.page-header h1{margin-bottom:6px}.page-header p{margin:0}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.modal{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:28px;width:min(720px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;box-shadow:0 28px 80px #00000038}.modal[open]{flex-direction:column;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#09140f7a}.modal-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:30px 32px 22px;display:flex}.modal-header h2{margin:0;font-size:24px;line-height:1.2}.modal-header p{margin:8px 0 0}.modal-close{background:var(--surface);border:1px solid var(--line);color:var(--muted-strong);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;line-height:1;display:inline-flex}.modal-close:hover{background:var(--accent-soft);color:var(--ink)}.modal-body{min-height:0;padding:26px 32px 32px;overflow-y:auto}.modal .stacked-form{border:1px solid var(--line);border-radius:18px;gap:0;overflow:hidden}.modal .stacked-form>label{background:var(--panel);border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding:14px 16px;display:grid}.modal .stacked-form>label:has(textarea){align-items:start}.modal .stacked-form>label:last-of-type{border-bottom:0}.modal .stacked-form>p{background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted-strong);margin:0;padding:16px;font-weight:700}.modal .stacked-form>.checkbox-list{border:0;border-top:1px solid var(--line);border-radius:0;max-height:none;margin:0;padding:16px;overflow:visible}.modal .input,.modal input[type=file],.modal select,.modal textarea{margin:0}.modal textarea{resize:vertical;min-height:96px}.modal .button{justify-self:end;min-width:150px;margin:16px}.table-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:24px;min-width:0;overflow:hidden}.table-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.table-panel-header h2{margin:0;font-size:20px}.table-panel-header span{background:var(--accent-soft);border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 14px}th{color:var(--muted-strong);background:var(--surface)}.data-table{border-collapse:separate;border-spacing:0;table-layout:auto}.data-table th{letter-spacing:.04em;text-transform:uppercase;padding:13px 18px;font-size:12px}.data-table td{color:var(--muted);vertical-align:middle;white-space:normal;padding:16px 18px}.data-table tbody tr{transition:background .16s}.data-table tbody tr:hover{background:var(--surface)}.data-table tbody tr:last-child td{border-bottom:0}.strong-cell{font-weight:850;color:var(--ink)!important}.actions-cell{text-align:right;width:1%}td.actions-cell{min-width:210px}td.actions-cell>a,td.actions-cell>button{vertical-align:middle;margin-left:12px}td.actions-cell>a:first-child,td.actions-cell>button:first-child{margin-left:0}.actions-cell .button{min-width:74px}.permissions-table-panel .table-wrap{overflow-x:visible}.permissions-table{table-layout:fixed}.permissions-table th,.permissions-table td{overflow-wrap:anywhere;white-space:normal}.permissions-table th:first-child{width:24%}.permissions-table th:nth-child(2){width:19%}.permissions-table th:nth-child(3){width:13%}.permissions-table th:nth-child(4){width:7%}.permissions-table th:nth-child(5){width:20%}.permissions-table th:nth-child(6){width:17%}.permissions-table td.actions-cell{white-space:normal;min-width:0}.status-pill{background:var(--accent-soft);border:1px solid var(--line);color:var(--muted-strong);text-transform:capitalize;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;line-height:1;display:inline-flex}.status-pill.active,.status-pill.system,.status-pill.succeeded{color:var(--att-green);background:#006b3f1f}.status-pill.queued,.status-pill.running,.status-pill.retrying{color:var(--muted-strong);background:#006b3f14}.status-pill.pending{color:var(--att-red);background:#c8102e17}.status-pill.disabled,.status-pill.failed,.status-pill.cancelled{color:var(--att-red);opacity:.72;background:#c8102e17}.muted-text{color:var(--muted)}.status-summary{align-items:center;gap:16px;display:flex}.status-summary-item{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;gap:2px;min-width:80px;padding:10px 16px;display:flex}.status-summary-value{font-size:24px;font-weight:800}.status-summary-value.running{color:var(--att-green)}.status-summary-value.failed{color:var(--att-red)}.status-summary-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.job-error-snippet{border-left:3px solid var(--att-red);color:var(--att-red);white-space:nowrap;text-overflow:ellipsis;background:#c8102e14;border-radius:6px;max-width:360px;margin-top:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4;display:block;overflow:hidden}.job-detail-status{align-self:flex-start}.job-detail-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.info-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:18px 20px}.info-card h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-strong);margin:0 0 12px;font-size:14px;font-weight:800}.info-card.error-card{border-color:var(--att-red)}.info-card.error-card pre{color:var(--att-red);white-space:pre-wrap;background:#c8102e0f;border-radius:10px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-x:auto}.info-card dl{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;display:grid}.info-card dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.info-card dd{color:var(--muted-strong);margin:0;font-size:14px;font-weight:600}.info-card dd code{background:#0000000a;border-radius:6px;padding:2px 6px;font-size:12px}.job-log-timeline{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.job-log-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:96px 64px 1fr;align-items:flex-start;gap:12px;padding:10px 14px;display:grid}.job-log-row.level-error{border-color:var(--att-red);background:#c8102e0a}.job-log-row.level-warn{border-color:#c08400}.job-log-time{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.job-log-level{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-strong);font-size:11px;font-weight:800}.job-log-row.level-error .job-log-level{color:var(--att-red)}.job-log-row.level-warn .job-log-level{color:#c08400}.job-log-message{flex-direction:column;gap:8px;display:flex}.job-log-message>div:first-child{color:var(--muted-strong);font-size:14px;font-weight:600}.job-log-screenshot img{border:1px solid var(--line);border-radius:10px;max-width:360px;height:auto;display:block}.jobs-table-wrap{overflow-x:visible}.jobs-table{table-layout:fixed}.jobs-table th,.jobs-table td{overflow-wrap:anywhere;word-break:normal;min-width:0}.jobs-table th:first-child{width:30%}.jobs-table th:nth-child(2){width:12%}.jobs-table th:nth-child(3),.jobs-table th:nth-child(4){width:13%}.jobs-table th:nth-child(5){width:8%}.jobs-table th:nth-child(6){width:14%}.jobs-table th:nth-child(7){width:10%}.jobs-table small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:700;display:block}.job-display-name{color:var(--ink);font-weight:850;display:block}.jobs-table .job-workflow-label{color:var(--muted-strong);font-size:12px;font-weight:800}.jobs-table .actions-cell{white-space:normal;min-width:0}.jobs-table td.actions-cell,.jobs-table th.actions-cell{padding-left:10px;padding-right:10px}.job-actions{justify-content:flex-end;gap:8px;min-width:0;display:flex}.job-actions>a{flex:none;margin-left:0!important}.icon-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.jobs-table .icon-button{width:36px;min-width:36px}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:17px;height:17px}.roles-table th.actions-cell,.roles-table td.actions-cell,.users-table th.actions-cell,.users-table td.actions-cell{min-width:132px;padding-left:10px;padding-right:10px}.permissions-table th.actions-cell,.permissions-table td.actions-cell{min-width:96px;padding-left:10px;padding-right:10px}.admin-actions,.role-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.admin-actions>a,.admin-actions>button,.role-actions>a,.role-actions>button{flex:none;margin-left:0!important}.admin-actions .icon-button,.role-actions .icon-button{width:36px;min-width:36px}.status{color:var(--muted-strong);margin-top:12px;font-size:14px;font-weight:700}.bukti-extractor-response{background:var(--surface);border:1px solid var(--line);color:var(--muted-strong);font:12px/1.5 var(--font-mono,monospace);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-height:280px;margin:10px 0 0;padding:12px;overflow:auto}.spreadsheet-card{min-width:0;padding:0;overflow:hidden}.spreadsheet-heading{justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 24px 10px;display:flex}.spreadsheet-heading h2{margin:0}.spreadsheet-heading p{margin:8px 0 0}.spreadsheet-heading .badge{flex:none}.spreadsheet-tabs{gap:8px;padding:10px 24px 18px;display:flex}.spreadsheet-tabs button{background:var(--surface);border:1px solid var(--line);color:var(--muted-strong);cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:800}.spreadsheet-tabs button.active{background:var(--att-green);border-color:var(--att-green);color:#fff}.spreadsheet-job-name{max-width:480px;padding:0 24px;display:block}.spreadsheet-source-picker{gap:4px;max-width:760px;padding:0 24px 16px;display:grid}.spreadsheet-source-picker label{color:var(--muted-strong);font-size:13px;font-weight:800}.spreadsheet-source-actions{align-items:flex-end;gap:10px;display:flex}.spreadsheet-source-actions label{flex:1}.spreadsheet-source-actions .button{flex:none;margin-bottom:0}.spreadsheet-source-picker .input{margin-bottom:0}.spreadsheet-source-picker small{color:var(--muted)}.spreadsheet-fixed-source{background:var(--accent-soft);border-bottom:1px solid var(--line);border-top:1px solid var(--line);color:var(--muted-strong);padding:12px 24px;font-size:13px;font-weight:800}.job-approval-panel{margin:18px 0}.bukti-filter-card,.bukti-table-panel{margin-top:18px}.bukti-table{min-width:2800px}.bukti-table td{max-width:300px}.bukti-table td:nth-child(8),.bukti-table td:nth-child(19){white-space:normal}.spreadsheet-help{background:var(--accent-soft);border-bottom:1px solid var(--line);border-top:1px solid var(--line);color:var(--muted-strong);padding:10px 24px;font-size:13px;font-weight:700}.spreadsheet-wrap{max-height:520px;overflow:auto}.spreadsheet-table{border-collapse:separate;border-spacing:0;min-width:max-content}.spreadsheet-table th,.spreadsheet-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:0}.spreadsheet-table thead th{z-index:2;height:42px;padding:0 10px;position:sticky;top:0}.spreadsheet-table td input{background:var(--field-bg);color:var(--ink);border:0;border-radius:0;outline:0;width:100%;min-width:128px;height:40px;margin:0;padding:8px 10px}.spreadsheet-table td input:focus{box-shadow:inset 0 0 0 2px var(--att-green);z-index:1;position:relative}.spreadsheet-row-heading{background:var(--surface);text-align:center;z-index:1;min-width:96px;position:sticky;left:0}.spreadsheet-table thead .spreadsheet-row-heading{z-index:3}.row-drag-handle{color:var(--muted-strong);cursor:grab;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;min-width:44px;height:40px;font-size:12px;font-weight:800;display:inline-flex}.row-drag-handle:active{cursor:grabbing}.row-nudge-controls{display:inline-flex}.row-nudge-controls button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px}.row-nudge-controls button:disabled{cursor:default;opacity:.3}.spreadsheet-table tr.dragging{opacity:.48}.spreadsheet-delete-cell{background:var(--field-bg);text-align:center;min-width:44px}.spreadsheet-delete{color:var(--att-red);cursor:pointer;background:0 0;border:0;width:42px;height:40px;font-size:20px}.spreadsheet-actions{justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 24px;display:flex}.spreadsheet-actions>div{gap:8px;display:flex}.spreadsheet-card>.status,.spreadsheet-card>.actions{margin-left:24px;margin-right:24px}.spreadsheet-card>.status:last-child,.spreadsheet-card>.actions:last-child{margin-bottom:24px}.notice{background:var(--accent-soft);border:1px solid var(--line);color:var(--muted-strong);border-radius:12px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:800}.auth-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;max-width:440px;margin:12vh auto 0;padding:28px}.auth-form,.stacked-form{gap:8px;display:grid}.auth-form label,.stacked-form label{color:var(--muted-strong);font-size:13px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:16px;gap:4px;padding:18px;display:grid}.metric span{font-size:26px;font-weight:900}.metric small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.admin-link-card{gap:8px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-grid .input{margin-bottom:0}.checkbox-list{border:1px solid var(--line);border-radius:14px;gap:8px;max-height:170px;margin:4px 0 10px;padding:12px;display:grid;overflow:auto}.checkbox-list label{align-items:center;gap:9px;line-height:1.3;display:flex}.checkbox-list input{min-width:16px}.compact-checkbox-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.admin-table-card{margin-top:18px}.admin-list{gap:14px;margin-top:18px;display:grid}.admin-record{background:var(--panel);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px;gap:12px;padding:18px;display:grid}.compact-record{grid-template-columns:1fr auto;align-items:center}.record-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.record-header h2{overflow-wrap:anywhere;margin:0 0 4px;font-size:20px}.record-header p{margin:0}.record-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.record-delete-form{border-top:1px solid var(--line);padding-top:12px}.empty-state{background:var(--panel);border:1px dashed var(--line);border-radius:18px;padding:24px}.inline-form{align-items:center;gap:8px;margin:0;display:flex}.wide-inline-form .compact-input{flex:1}.compact-input{min-width:170px;margin:0;padding:9px 10px}.master-toolbar{margin-bottom:18px;padding:18px}.master-grid{margin-bottom:18px}.master-rate-table th,.master-rate-table td{min-width:130px}.master-rate-table th:first-child,.master-rate-table td:first-child{min-width:220px}.master-rate-table th.actions-cell,.master-rate-table td.actions-cell{min-width:210px}.role-permission-list{gap:14px;display:grid}.role-permission-row{border:1px solid var(--line);border-radius:14px;grid-template-columns:220px 1fr;gap:12px;padding:14px;display:grid}.role-permission-row strong{display:block}.role-permission-row small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.permission-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill-button,.muted-pill{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;line-height:1.2}.pill-button{background:var(--accent-soft);border:1px solid var(--line);color:var(--muted-strong);cursor:pointer}.muted-pill{background:var(--surface);border:1px solid var(--line);color:var(--muted)}@media (max-width:1200px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.admin-grid,.compact-checkbox-list,.form-grid,.grid,.metric-grid,.workflow-grid,.compact-record{grid-template-columns:1fr}.page-header,.section-heading{flex-direction:column;align-items:stretch}.section-heading p{text-align:left;max-width:none}.home-header{padding:24px}.modal{border-radius:22px;max-height:calc(100dvh - 24px)}.modal-header{padding:24px 24px 18px}.modal-body{padding:22px 24px 24px}.role-permission-row{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.compact-input{min-width:100%}.filter-field,.filter-search{flex-basis:100%;min-width:100%}.jobs-table-wrap{padding:12px}.spreadsheet-heading,.spreadsheet-actions,.spreadsheet-source-actions{flex-direction:column;align-items:stretch}.spreadsheet-actions>.button{width:100%}.jobs-table,.jobs-table tbody,.jobs-table tr,.jobs-table td{width:100%;display:block}.jobs-table thead{display:none}.jobs-table tbody{gap:12px;display:grid}.jobs-table tr{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.jobs-table tr:hover{background:var(--panel)}.jobs-table td{border-bottom:0;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.jobs-table td:before{color:var(--muted);content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.jobs-table td.actions-cell{align-items:center;display:grid}.jobs-table .job-actions{justify-content:flex-start}.job-error-snippet{max-width:none}}