:root{--bg:#f3f7f7;--surface:#ffffff;--surface-subtle:#f7faf9;--text:#17242b;--muted:#647581;--brand:#087f73;--brand-dark:#06665d;--brand-soft:#e8f6f3;--danger:#b91c1c;--border:#dce6e5;--shadow:0 12px 32px rgba(25,55,52,0.07)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#e7f7f4 0,var(--bg) 42%,#f7f5f0 100%);min-height:100vh;color:var(--text)}main{max-width:1180px;margin:0 auto;padding:32px 28px 56px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:12px}.grid,.portal-layout{display:grid;gap:12px}.portal-layout{grid-template-columns:minmax(260px,340px) 1fr;grid-gap:12px}.automation-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.automation-item{text-align:left;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text);display:flex;flex-direction:column;gap:6px;min-height:88px;margin:0;padding:14px 16px;border-radius:12px;justify-content:center;overflow:hidden;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.automation-item:hover{border-color:#9fcac5;background:#f1f9f7;transform:translateY(-1px)}.automation-item span,.automation-item strong{overflow-wrap:anywhere}.automation-item.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 4px 0 0 var(--brand),0 6px 16px rgba(8,127,115,.1)}.guide-box{margin:12px 0;padding:10px 12px;border-radius:10px;border:1px dashed var(--border);background:#f8fbff}.guide-box p{margin:0}.guide-list{margin:10px 0;padding-left:20px}.automation-form{display:flex;flex-direction:column;gap:14px}.form-section{padding:14px;border:1px solid var(--border);border-radius:14px;background:#fbfdfd}.form-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.form-section-heading h4{margin:0 0 4px;font-size:15px}.form-section-heading p{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:start}.form-field{min-width:0}.devzweb-section>label,.form-field label,.upload-card>span{display:block;color:#263841;font-size:13px;font-weight:700}.form-field-full{grid-column:1/-1}.field-help{margin:6px 0 0;line-height:1.35}.upload-section{background:linear-gradient(135deg,#f5fbfa,#ffffff)}.upload-card{display:block;padding:12px;border:1px dashed #adcac6;border-radius:12px;background:var(--surface)}.upload-card input{margin-top:8px}.upload-card small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.form-actions{display:flex;justify-content:flex-end;padding-top:2px}.form-actions button{max-width:260px}.test-panel{margin-top:2px;padding:14px;border:1px solid #c7d7fe;border-radius:14px;background:#f8fbff}.test-panel p{margin:0 0 12px}.test-panel button{margin-top:12px}.devzweb-section{margin-top:14px}.devzweb-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:start;margin-top:12px}.devzweb-form-grid-top{align-items:end}.devzweb-span-2{grid-column:span 2}.devzweb-checkbox-grid{display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));grid-gap:8px;gap:8px;margin-top:8px}.devzweb-checkbox{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);font-size:13px;cursor:pointer}.devzweb-checkbox input{width:auto;margin:0}.devzweb-numbering-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));grid-gap:10px;gap:10px;margin-top:8px}.devzweb-numbering-card{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle)}.devzweb-numbering-card strong{display:block;margin-bottom:8px;font-size:13px}.devzweb-numbering-inputs{display:grid;grid-template-columns:minmax(62px,.7fr) minmax(92px,1fr);grid-gap:8px;gap:8px}.devzweb-numbering-inputs label{font-size:12px;color:var(--muted)}.devzweb-numbering-inputs input{margin-top:4px}button,input,select,textarea{width:100%;margin-top:8px;border-radius:8px;border:1px solid var(--border);padding:10px 12px;font-size:14px}button{cursor:pointer;font-weight:600;border:none;background:var(--brand);color:white;transition:background .16s ease,opacity .16s ease,transform .16s ease}button:hover:not(:disabled){background:var(--brand-dark)}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{background:#1e293b}button.danger{background:var(--danger)}.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1 1}.job-history-item{border-bottom:1px solid var(--border);padding:16px 4px}.job-history-item:last-child{border-bottom:0}.job-history-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(160px,.7fr) minmax(190px,auto);align-items:center;grid-gap:20px;gap:20px}.job-history-row>*{min-width:0}.job-history-row strong{overflow-wrap:anywhere}.job-initiator{margin-top:5px;color:var(--brand-dark);font-size:12px;font-weight:600}.job-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.job-actions a,.job-actions button{flex:0 0 auto;width:auto;min-width:104px;margin-top:0}.queue-panel,.queue-status{border:1px solid var(--border);border-radius:8px;background:#f8fafc;padding:10px 12px}.queue-status{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px}.queue-panel{margin-top:10px}.queue-panel p{margin:6px 0 0}.danger-panel{border-color:#fecaca;background:#fff7f7}.pin-row{display:grid;grid-template-columns:minmax(140px,220px) auto;align-items:flex-end;grid-gap:8px;gap:8px;margin-top:8px}.pin-row button{width:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;padding-bottom:18px;border-bottom:1px solid rgba(100,117,129,.18)}.topbar h1{margin:0 0 4px;letter-spacing:-.035em}.topbar p{margin:0}.topbar button{width:auto;min-width:88px;margin:0}.company-automation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.company-automation-toolbar h3{margin:0}.company-automation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px;margin-top:12px}.company-automation-card{border:1px solid var(--border);border-radius:12px;background:#f9fbfd;padding:12px}.company-automation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.admin-delete-button{flex:0 0 auto;width:auto;min-width:118px;margin:0;padding:8px 11px;font-size:12px}.admin-delete-button:hover:not(:disabled){background:#991b1b}.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.admin-user-row:last-child{border-bottom:0}.admin-user-item{border-bottom:1px solid var(--border)}.admin-user-item .admin-user-row,.admin-user-item:last-child{border-bottom:0}.admin-user-actions,.admin-user-edit-actions{display:flex;gap:8px}.admin-user-actions button,.admin-user-edit-actions button{width:auto;min-width:100px;margin:0}.admin-user-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;padding:0 0 16px}.account-password-form label,.admin-user-edit-form label{color:var(--muted);font-size:13px;font-weight:600}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input{width:18px;height:18px;margin:0}.admin-user-edit-actions{align-items:flex-end;justify-content:flex-end}.account-password-card summary{cursor:pointer;color:var(--brand-dark);font-weight:700}.account-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;grid-gap:10px;gap:10px;margin-top:14px}.account-password-form button,.account-password-form input{margin-bottom:0}.account-password-form button{width:auto}.form-error{color:#b91c1c}.form-success{color:var(--brand-dark)}.company-automation-list{display:flex;flex-direction:column;gap:10px}.company-automation-option{display:flex;align-items:flex-start;gap:8px}.company-automation-checkbox{width:18px;height:18px;margin:1px 0 0;padding:0;flex:0 0 auto}.company-automation-label{display:block;cursor:pointer}.company-secrets-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.company-secrets-section h4{margin:0 0 10px}.company-secret-list{display:grid;grid-gap:10px;gap:10px}.company-secret-card{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.company-secret-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.company-secret-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:10px}.company-secret-fields label{color:var(--muted);font-size:12px;font-weight:700}.company-secret-card button{margin-top:12px}.secret-status{flex:0 0 auto;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.secret-status-ok{background:#dcfce7;color:#166534}.secret-status-missing{background:#fee2e2;color:#991b1b}a{color:var(--brand);text-decoration:none}.portal-section{margin-bottom:48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px}.section-heading h2{margin:3px 0 4px;font-size:24px;letter-spacing:-.025em}.section-heading p{margin:0}.eyebrow{color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.automation-search{width:min(330px,100%)}.automation-search label,.history-filters label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:600}.automation-search input,.history-filters input,.history-filters select{margin:0;background:var(--surface)}.automation-catalog{padding:16px}.automation-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.48fr);align-items:start;grid-gap:16px;gap:16px;margin-top:16px}.automation-workspace>.card{margin-bottom:0}.automation-workspace>.card:only-child{grid-column:1/-1}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px}.pagination-compact{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.pagination-actions{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}.filter-reset,.pagination-button{width:auto;margin:0;padding:8px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.filter-reset:hover:not(:disabled),.pagination-button:hover:not(:disabled){border-color:#9fcac5;background:var(--brand-soft)}.history-filters{display:flex;align-items:flex-end;gap:10px}.history-filters input{min-width:154px}.history-filters select{min-width:145px}.history-card{padding-top:10px}.history-pagination{padding:16px 4px 2px;border-top:1px solid var(--border)}.job-status-column{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1}.status-success{background:#dcfce7;color:#166534}.status-partial_success,.status-queued{background:#fef3c7;color:#92400e}.status-running{background:#dbeafe;color:#1d4ed8}.status-failed{background:#fee2e2;color:#991b1b}.notification-enable{position:fixed;right:20px;bottom:20px;z-index:40;width:auto;margin:0;box-shadow:0 10px 24px rgba(8,127,115,.24)}.failure-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.58)}.failure-modal{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px;gap:16px;width:min(100%,560px);padding:24px;border:1px solid #fecaca;border-radius:16px;background:var(--surface);box-shadow:0 24px 70px rgba(15,23,42,.28)}.failure-modal h2,.failure-modal p{margin:0 0 10px}.failure-modal-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fee2e2;color:var(--danger);font-size:24px;font-weight:800}.failure-modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.failure-modal-actions a,.failure-modal-actions button{width:auto;margin:0;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}.failure-modal-actions a{background:var(--danger);color:white}.empty-state{grid-column:1/-1;margin:0;padding:24px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);text-align:center}.history-empty{display:flex;flex-direction:column;gap:5px;margin:14px 0}@media (max-width:900px){.portal-layout{grid-template-columns:1fr}.admin-user-row,.company-automation-toolbar{flex-direction:column;align-items:stretch}.admin-user-row .admin-delete-button{width:100%}.account-password-form,.admin-user-actions,.admin-user-edit-actions,.admin-user-edit-form,.company-secret-fields{display:grid;grid-template-columns:1fr;width:100%}.account-password-form button,.admin-user-actions button,.admin-user-edit-actions button{width:100%}.job-history-row{grid-template-columns:1fr;gap:10px}.job-actions{justify-content:flex-start;width:100%}.pin-row{grid-template-columns:1fr}.pin-row button{width:100%}.automation-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-workspace{grid-template-columns:1fr}.devzweb-checkbox-grid,.devzweb-form-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devzweb-span-2{grid-column:span 2}.history-heading,.section-heading{align-items:stretch;flex-direction:column}.automation-search{width:100%}.history-filters{flex-wrap:wrap}}@media (max-width:600px){main{padding:22px 14px 40px}.automation-selector{grid-template-columns:1fr}.pagination,.pagination-actions{align-items:stretch;flex-direction:column}.pagination-actions{width:100%;text-align:center}.filter-reset,.history-filters,.history-filters input,.history-filters select,.history-filters>div{width:100%}.devzweb-checkbox-grid,.devzweb-form-grid,.devzweb-numbering-grid,.form-grid{grid-template-columns:1fr}.devzweb-span-2{grid-column:auto}.form-actions button{max-width:none}.notification-enable{right:14px;bottom:14px}.failure-modal{grid-template-columns:1fr}.failure-modal-actions{grid-column:auto;flex-direction:column-reverse}.failure-modal-actions a,.failure-modal-actions button{width:100%;text-align:center}}