@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,sans-serif;color:#102033;background:#f5f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #2fa4b8;--primary-dark: #238fa1;--primary-soft: #e8f6f8;--navy: #0b2b42;--text: #102033;--muted: #5e7180;--background: #f5f8fa;--surface: #ffffff;--surface-muted: #f9fbfc;--border: #e4edf2;--border-strong: #cad9e2;--shadow: 0 12px 28px rgba(11, 43, 66, .07);--shadow-hover: 0 16px 32px rgba(11, 43, 66, .1);--danger: #c24141;--danger-soft: #fff1f1;--success: #147a59;--success-soft: #eaf8f1;--warning: #b96d14;--warning-soft: #fff6e8;--radius: 8px}*{box-sizing:border-box}html{background:var(--background)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(rgba(228,237,242,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(228,237,242,.35) 1px,transparent 1px),linear-gradient(180deg,#ffffffb8,#f5f8faeb),var(--background);background-size:32px 32px,32px 32px,auto,auto}button,input,select,textarea{font:inherit}a{color:var(--primary-dark);text-decoration:none}a:hover{color:var(--navy)}button{border:0;cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);letter-spacing:0}h1{margin-bottom:8px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;font-weight:800}h2{margin-bottom:10px;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.15;font-weight:800}h3{margin-bottom:8px;font-size:1.05rem;line-height:1.3;font-weight:750}#root{min-height:100vh}.app-shell{width:min(1560px,calc(100% - 40px));margin:0 auto;padding:28px 0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px;padding:18px 20px;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius);background:#fffffff0;box-shadow:var(--shadow)}.topbar-brand{display:flex;align-items:center;gap:16px;min-width:0}.topbar-logo{width:54px;height:54px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);object-fit:contain}.topbar h1{margin-bottom:6px}.topbar-actions,.app-tile-actions,.table-actions,.notification-actions,.alerts-actions,.alerts-row-actions,.worklogs-actions,.worklogs-edit-actions,.users-actions-cell{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:12px;padding:5px 10px;border:1px solid rgba(47,164,184,.22);border-radius:999px;color:var(--primary-dark);background:var(--primary-soft);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.subtle-text,.auth-subtitle,.summary-hint,.panel-header p,.app-tile p,.form-hint,.incident-error,.users-monitoring-url,.users-website-placeholder,.users-zone-domain{color:var(--muted)}.auth-shell,.hub-shell,.apps-shell,.summary-grid,.content-grid{margin-top:22px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:22px;align-items:stretch}.auth-card,.hub-card,.app-tile,.summary-card,.content-card,.panel,.metrics-panel,.live-status-card,.incident-card,.alerts-summary-card,.alerts-item,.worklogs-edit-shell,.dev-tools-panel,.notification-editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.auth-card{padding:30px}.auth-card-intro{display:flex;flex-direction:column;justify-content:center;min-height:420px}.auth-title{max-width:760px}.auth-subtitle{margin-bottom:22px;font-size:1rem;line-height:1.65}.auth-feature-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.auth-feature-list li{position:relative;padding-left:28px;color:var(--text);font-weight:600}.auth-feature-list li:before{content:"";position:absolute;top:.58em;left:0;width:12px;height:12px;border:2px solid var(--primary);border-radius:50%;transform:translateY(-50%)}.auth-form,.stack-form,.users-form,.customers-form,.worklogs-form,.alerts-form{display:grid;gap:14px}.auth-submit{width:100%;margin-top:4px}.hub-shell{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(180px,.7fr));gap:18px}.hub-card{padding:24px}.workspace-intro-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr);gap:24px;align-items:stretch}.workspace-intro-card:before{display:none}.workspace-intro-card h2{max-width:720px}.workspace-intro-card .subtle-text{max-width:760px;margin-bottom:0;line-height:1.65}.workspace-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-intro-grid article{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.workspace-intro-grid span{display:inline-flex;margin-bottom:12px;color:var(--primary-dark);font-size:.78rem;font-weight:850}.workspace-intro-grid strong{display:block;margin-bottom:6px;color:var(--navy);font-size:.98rem}.workspace-intro-grid p{margin-bottom:0;color:var(--muted);font-size:.88rem;line-height:1.5}.hub-card-main{min-height:190px}.apps-shell{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:18px}.app-tile{position:relative;min-height:190px;padding:22px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.app-tile:before,.summary-card:before,.content-card:before,.panel:before,.hub-card:before{content:"";display:block;width:34px;height:3px;margin-bottom:16px;border-radius:999px;background:var(--primary)}.app-tile:hover{border-color:#2fa4b873;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.app-empty-state{max-width:720px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.summary-card{padding:20px}.summary-label,.notification-grid-head{margin-bottom:8px;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.summary-value{margin-bottom:4px;color:var(--navy);font-size:2rem;font-weight:800;line-height:1}.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.content-card{grid-column:span 6;padding:22px}.content-card-wide,.users-panel{grid-column:1 / -1}.panel,.metrics-panel{padding:0;box-shadow:none}.panel:before,.metrics-panel:before,.dev-tools-panel:before,.notification-editor:before{display:none}.panel-header,.users-header,.metrics-toolbar,.metrics-toolbar-single{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header h2,.panel-header h3,.users-header h2,.users-header h3{margin-bottom:4px}.inline-form,.dev-tools-grid,.notification-grid,.metrics-summary-grid,.alerts-summary-grid,.alerts-filters,.alerts-email-box,.alerts-recipients-grid,.worklogs-filters,.worklogs-edit-grid,.site-metrics-content .metrics-summary-grid{display:grid;gap:14px}.inline-form{grid-template-columns:1.1fr 1.8fr .8fr auto auto;align-items:end;margin-bottom:12px}.field-block,.alerts-manual-emails{display:grid;gap:7px;color:var(--text);font-size:.88rem;font-weight:700}.field-block span,.field-block small{color:var(--muted);font-weight:650}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 12px;color:var(--text);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2fa4b824}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--primary)}.primary-button,.secondary-button,.danger-button,.tiny-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:6px;font-size:.9rem;font-weight:800;line-height:1;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.primary-button{color:#fff;background:var(--primary);box-shadow:0 8px 18px #2fa4b82e}.primary-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border-strong);color:var(--navy);background:#fff}.secondary-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary-dark);background:var(--primary-soft);transform:translateY(-1px)}.danger-button{border:1px solid #f1b9b9;color:var(--danger);background:var(--danger-soft)}.danger-button:hover:not(:disabled){border-color:var(--danger);background:#ffe8e8;transform:translateY(-1px)}.tiny-button{min-height:34px;padding:7px 10px;font-size:.8rem}.form-submit-button{min-width:128px}.error-banner,.form-error{border:1px solid #f0bbbb;border-radius:var(--radius);padding:10px 12px;color:var(--danger);background:var(--danger-soft);font-weight:700}.form-error{margin-top:12px}.form-hint{margin:8px 0 14px;font-size:.86rem}.table-wrap,.users-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:15px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;line-height:1.45}th{color:var(--muted);background:var(--surface-muted);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}tbody tr:hover{background:#fbfdfe}tbody tr:last-child td{border-bottom:0}.site-main-row+.site-metrics-row td{border-top:0;background:#fbfdfe}.site-name,.incident-site,.users-monitoring-main,.worklogs-title-cell strong,.customers-package-cell strong{margin-bottom:3px;color:var(--navy);font-weight:800}.site-url{color:var(--primary-dark);font-size:.9rem;word-break:break-word}.status-pill,.status-chip,.alerts-chip,.status-code-badge,.worklogs-billable{display:inline-flex;align-items:center;width:fit-content;min-height:26px;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;line-height:1}.status-pill.up,.status-chip-up,.worklogs-billable.yes,.alerts-chip.status-resolved,.alerts-chip.status-sent{color:var(--success);background:var(--success-soft)}.status-pill.down,.status-chip-down,.worklogs-billable.no,.alerts-chip.status-open,.alerts-chip.status-failed,.alerts-chip.severity-critical{color:var(--danger);background:var(--danger-soft)}.status-pill.paused,.alerts-chip.status-draft,.alerts-chip.severity-low,.alerts-chip.severity-medium{color:var(--warning);background:var(--warning-soft)}.alerts-chip.type,.alerts-chip.severity-high{color:var(--primary-dark);background:var(--primary-soft)}.status-code-cell{white-space:nowrap}.status-code-badge{color:var(--navy);background:var(--surface-muted);border:1px solid var(--border)}.uptime-track{width:110px;height:6px;overflow:hidden;border-radius:999px;background:var(--border)}.uptime-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--success))}.notification-summary{margin:0 0 8px;color:var(--muted);font-size:.84rem}.empty-cell,.users-empty,.notification-empty{color:var(--muted);text-align:center;font-weight:650}.notification-editor{margin-top:18px;padding:18px}.notification-grid{grid-template-columns:minmax(220px,1fr) 90px 110px 110px;align-items:center;margin-top:14px}.notification-grid-row{display:contents}.notification-grid-row>*{min-height:40px}.notification-actions{margin-top:16px}.dev-tools-panel{margin-top:18px;padding:14px}.dev-tools-summary,.site-metrics-summary,.users-monitoring-picker summary{cursor:pointer;color:var(--navy);font-weight:800}.dev-tools-content,.site-metrics-content,.users-monitoring-dropdown{margin-top:14px}.dev-tools-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.incident-list,.alerts-list{display:grid;gap:12px}.incident-card,.alerts-item{padding:16px}.incident-card.open,.alerts-item.status-open,.alerts-item.status-failed{border-left:4px solid var(--danger)}.incident-card.resolved,.alerts-item.status-resolved,.alerts-item.status-sent{border-left:4px solid var(--success)}.incident-meta,.alerts-meta-grid{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.metrics-toolbar{flex-wrap:wrap}.metrics-toolbar-single{align-items:end}.live-status-card{padding:16px;margin:14px 0}.metrics-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metrics-summary-grid article,.alerts-summary-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.latency-chart-shell{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.latency-chart{width:100%;min-height:260px}.latency-grid,.latency-axis{stroke:var(--border);stroke-width:1}.latency-axis-label{fill:var(--muted);font-size:12px;font-weight:700}.latency-line-http,.latency-line-dns{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.latency-line-http{stroke:var(--primary)}.latency-line-dns{stroke:var(--navy)}.latency-outage-zone{fill:#c241411a}.latency-marker{fill:var(--danger)}.latency-marker.end{fill:var(--success)}.latency-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:.85rem;font-weight:700}.legend-item{display:inline-flex;align-items:center;gap:7px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-http{background:var(--primary)}.legend-dns{background:var(--navy)}.legend-outage{background:#c2414147}.users-panel{display:grid;gap:16px}.users-form,.customers-form,.worklogs-form,.alerts-form{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end}.users-checkbox,.alerts-recipient-option{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);color:var(--text);font-weight:700}.users-table,.customers-table,.worklogs-table,.users-zone-table{min-width:1180px}.users-table{min-width:1320px}.customers-table{min-width:1260px}.worklogs-table{min-width:1360px}.users-table td input,.users-table td select,.customers-table td input,.customers-table td select,.worklogs-table td input,.worklogs-table td select{min-width:150px}.users-table td:nth-child(2),.customers-table td:nth-child(4),.worklogs-table td:nth-child(3){min-width:210px}.users-table td:nth-child(5),.customers-table td:nth-child(6){min-width:250px}.users-password-cell,.users-monitoring-cell,.customers-package-cell,.worklogs-title-cell{display:grid;gap:8px}.users-monitoring-picker,.site-metrics-dropdown{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.users-monitoring-picker summary,.site-metrics-summary{padding:10px 12px}.users-monitoring-dropdown{display:grid;gap:8px;max-height:260px;overflow:auto;padding:12px;border-top:1px solid var(--border);background:var(--surface-muted)}.users-monitoring-option{display:grid;gap:3px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.users-monitoring-option.disabled{opacity:.52}.users-zone-input,.customers-renew-input{min-width:140px}.worklogs-billable{margin-top:6px}.worklogs-edit-row td{background:#fbfdfe}.worklogs-edit-shell{padding:18px}.worklogs-edit-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.worklogs-edit-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.alerts-toggle-grid,.alerts-summary-grid,.alerts-filters{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.alerts-email-box{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.alerts-recipients-grid{grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);margin-top:12px}.alerts-recipient-list{display:grid;gap:8px;max-height:220px;overflow:auto}.alerts-recipient-summary{color:var(--muted);font-size:.86rem}.alerts-item-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.alerts-chip-row{display:flex;gap:8px;flex-wrap:wrap}.site-metrics-dropdown{grid-column:1 / -1}.site-metrics-content{padding:16px;border-top:1px solid var(--border)}@media(max-width:1100px){.auth-layout,.hub-shell,.workspace-intro-card{grid-template-columns:1fr}.inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{grid-column:1 / -1}}@media(max-width:760px){.app-shell{width:min(100% - 24px,1480px);padding-top:14px}.topbar,.topbar-brand,.topbar-actions,.panel-header,.alerts-item-head,.worklogs-edit-head{align-items:stretch;flex-direction:column}.topbar-logo{width:48px;height:48px}.auth-card,.hub-card,.apps-shell,.content-card{padding:18px}.inline-form,.notification-grid,.alerts-recipients-grid,.workspace-intro-grid{grid-template-columns:1fr}.notification-grid-head{display:none}.notification-grid-row{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.primary-button,.secondary-button,.danger-button{width:100%}}.info-broadcast-shell{display:grid;gap:18px;width:100%}.info-broadcast-stats{min-width:190px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:baseline;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.info-broadcast-stats strong{color:var(--primary-dark);font-size:1.3rem}.info-broadcast-stats span{color:var(--muted);font-size:.84rem;font-weight:600}.info-broadcast-form{display:grid;gap:16px}.info-broadcast-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:14px}.field-block-wide{grid-column:1 / -1}.info-broadcast-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.success-banner{margin:0;padding:11px 12px;border:1px solid rgba(20,122,89,.22);border-radius:var(--radius);color:var(--success);background:var(--success-soft);font-weight:700}.info-recipient-list{display:grid;gap:12px}.info-recipient-card{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr);gap:16px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.info-recipient-card.selected{border-color:#2fa4b86b;box-shadow:0 10px 24px #0b2b4212}.info-recipient-check{display:flex;gap:10px;align-items:flex-start}.info-recipient-check input{margin-top:5px;width:16px;height:16px;accent-color:var(--primary)}.info-recipient-check span{display:grid;gap:3px}.info-recipient-check strong{color:var(--navy)}.info-recipient-check small,.info-recipient-emails small{color:var(--muted)}.info-recipient-emails{display:grid;gap:8px}.info-recipient-email-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px}.info-recipient-email-row input{min-width:0}.field-error{color:var(--danger)!important;font-weight:700}.info-mail-preview{display:grid;gap:12px}.info-mail-card{max-width:760px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#2fa4b80f,#fff0 42%),var(--surface);box-shadow:var(--shadow);padding:26px}.info-mail-brand{display:inline-flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--navy);font-weight:800}.info-mail-brand img{width:24px;height:24px;object-fit:contain}.info-mail-card h2{margin:18px 0 12px;color:var(--navy);font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.05}.info-mail-card p{color:var(--text);line-height:1.6}.info-mail-update-box{margin:18px 0;padding:16px;border-left:4px solid var(--primary);border-radius:var(--radius);background:var(--primary-soft)}.info-mail-update-box strong{color:var(--navy)}.info-mail-update-box p{margin-bottom:0;white-space:pre-wrap}.info-mail-card a{display:inline-flex;align-items:center;justify-content:center;margin:4px 0 12px;padding:10px 14px;border-radius:var(--radius);background:var(--primary);color:#fff;font-weight:800}.info-mail-footer{color:var(--muted)!important;font-size:.93rem}.info-mail-plain-text{max-width:760px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);padding:10px 12px}.info-mail-plain-text summary{cursor:pointer;color:var(--navy);font-weight:800}.info-mail-plain-text pre{white-space:pre-wrap;margin:10px 0 0;color:var(--text);font-family:inherit}@media(max-width:900px){.info-broadcast-grid,.info-recipient-card,.info-recipient-email-row{grid-template-columns:1fr}}