:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;--brand-sky: #97d9ff;--brand-cyan: #61b3eb;--brand-blue: #4f95db;--brand-indigo: #355fb9;--brand-deep: #07111c;background:radial-gradient(circle at top left,rgba(97,179,235,.24),transparent 26%),radial-gradient(circle at top right,rgba(53,95,185,.22),transparent 24%),linear-gradient(180deg,#07111c,#04080f);color:#edf4ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.session-gate,.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.session-card,.login-panel{width:min(1080px,100%);border:1px solid rgba(151,217,255,.12);background:#07111ce0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 28px 80px #02081075}.session-card{max-width:540px;padding:28px;border-radius:28px}.session-card h2,.login-copy h1{margin:0 0 12px;font-size:clamp(34px,5vw,64px);line-height:.96}.login-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);border-radius:32px;overflow:hidden}.login-copy,.login-form{padding:36px}.login-copy{background:radial-gradient(circle at top left,rgba(151,217,255,.24),transparent 34%),radial-gradient(circle at 74% 12%,rgba(53,95,185,.24),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.login-copy p,.login-highlights span,.session-card p{color:#a7b7cb}.login-highlights{display:grid;gap:16px;margin-top:28px}.login-highlights article{padding:18px;border-radius:20px;background:linear-gradient(180deg,#ffffff0a,#09142094);border:1px solid rgba(151,217,255,.08)}.login-highlights strong,.user-badge strong{display:block;margin-bottom:6px}.login-brand,.brand-lockup{display:flex;align-items:center;gap:16px}.login-brand{margin-bottom:18px}.login-brand-title{display:block;font-size:24px;line-height:1.05}.brand-mark{width:58px;height:58px;flex:none;filter:drop-shadow(0 0 24px rgba(97,179,235,.2))}.brand-mark-login{width:88px;height:88px}.brand-mark-dashboard{width:74px;height:74px}.login-form{display:grid;align-content:center;gap:18px}.login-form label{display:grid;gap:8px}.login-form label span,.user-badge span{color:var(--brand-sky);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.login-form input,.alarm-toolbar label select,.alarm-toolbar label input,.dashboard-toolbar label input,.dashboard-toolbar label select,.alarm-status-form select,.alarm-status-form textarea,.workspace-form input,.workspace-form select,.workspace-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(151,217,255,.12);background:#ffffff08;color:#edf4ff}.alarm-toolbar label select:focus,.alarm-toolbar label input:focus,.dashboard-toolbar label input:focus,.dashboard-toolbar label select:focus,.alarm-status-form select:focus,.alarm-status-form textarea:focus,.workspace-form input:focus,.workspace-form select:focus,.workspace-form textarea:focus{outline:2px solid rgba(97,179,235,.32);border-color:#61b3eb66}.login-form input:focus{outline:2px solid rgba(97,179,235,.32);border-color:#61b3eb66}.primary-button,.ghost-button{border:0;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-button{padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,var(--brand-sky),var(--brand-blue),var(--brand-indigo));color:#06111d;font-weight:700;box-shadow:0 12px 28px #355fb942}.ghost-button{padding:10px 14px;border-radius:999px;background:#ffffff0a;color:#edf4ff;border:1px solid rgba(151,217,255,.08)}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait}.form-error{margin:0;color:#ff9a8c}.form-success{margin:0;color:#34d399}.app-shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.sidebar{position:relative;padding:32px 24px;border-right:1px solid rgba(151,217,255,.08);background:linear-gradient(180deg,#050d16eb,#07111cc7),radial-gradient(circle at 15% 0%,rgba(97,179,235,.14),transparent 24%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block{margin-bottom:32px}.brand-kicker,.eyebrow,.page-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--brand-sky);margin-bottom:10px}.brand-block h1,.page-hero h2,.placeholder-panel h3{margin:0;line-height:1}.brand-block h1{font-size:32px}.brand-block p,.page-hero p,.stat-card p,.placeholder-panel p,.topbar-status{color:#a7b7cb}.sidebar-nav{display:grid;gap:10px}.nav-link{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;color:#d7e4f5;background:#ffffff05;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-link:hover,.nav-link-active{transform:translate(4px);border-color:#97d9ff1f;background:linear-gradient(90deg,#61b3eb2e,#355fb924)}.nav-icon{flex-shrink:0;opacity:.7;transition:opacity .18s ease}.nav-link:hover .nav-icon,.nav-link-active .nav-icon{opacity:1}.hero-badge{font-family:IBM Plex Mono,monospace}.main-panel{min-width:0;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 22px;border-radius:22px;border:1px solid rgba(151,217,255,.08);background:linear-gradient(180deg,#060f19d6,#091420c7),radial-gradient(circle at top right,rgba(97,179,235,.12),transparent 22%)}.topbar strong{display:block;font-size:24px}.topbar-status{display:inline-flex;align-items:center;gap:10px}.topbar-actions{display:flex;align-items:center;gap:14px}.user-badge{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:18px;border:1px solid rgba(151,217,255,.08);background:#ffffff05}.status-dot{width:10px;height:10px;border-radius:999px;background:#5df2a4;box-shadow:0 0 12px #5df2a4a6}.notif-wrapper{position:relative}.notif-bell{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(151,217,255,.1);background:#ffffff08;color:#a7c4db;transition:background .15s,color .15s}.notif-bell:hover{background:#97d9ff14;color:#e2eaf4}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px #0a1520}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:340px;border-radius:18px;border:1px solid rgba(151,217,255,.1);background:#0d1f30;box-shadow:0 16px 40px #00000080;z-index:200;overflow:hidden}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.notif-dropdown-header strong{font-size:.9rem;color:#e2eaf4}.notif-mark-all{font-size:.75rem;color:#60a5fa;background:none;border:none;cursor:pointer;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-list{max-height:380px;overflow-y:auto;display:grid;gap:0}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;text-align:left;width:100%;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;color:#c5d9ea;transition:background .1s}.notif-item:hover{background:#ffffff0a}.notif-item--unread{background:#4f95db0f}.notif-item--unread:hover{background:#4f95db1a}.notif-item-icon{font-size:1rem;flex-shrink:0;margin-top:2px}.notif-item-body{flex:1;min-width:0}.notif-item-body strong{display:block;font-size:.82rem;color:#e2eaf4;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-body p{font-size:.78rem;color:#7ea4c6;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-body time{font-size:.72rem;color:#546e82}.notif-dot{width:8px;height:8px;border-radius:50%;background:#60a5fa;flex-shrink:0;margin-top:6px}.content-area,.page{display:grid;gap:24px}.page-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent),linear-gradient(120deg,color-mix(in srgb,var(--accent) 28%,transparent),#ffffff05);border:1px solid rgba(151,217,255,.08)}.page-hero h2{font-size:clamp(32px,5vw,56px);margin-bottom:12px}.hero-badge{padding:10px 14px;border-radius:999px;border:1px solid rgba(151,217,255,.12);color:#eff6ff;white-space:nowrap}.hero-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:10px;align-items:center}.ticket-list-row{display:flex;align-items:flex-start;gap:10px;text-align:left}.ticket-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.ticket-status-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.client-badges{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.badge-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-status.active{background:#34d39926;color:#34d399}.badge-status.inactive{background:#6b728033;color:#9ca3af}.badge-status.suspended{background:#fbbf2426;color:#fbbf24}.badge-status.open{background:#60a5fa26;color:#60a5fa}.badge-status.in_progress{background:#a78bfa26;color:#a78bfa}.badge-status.pending{background:#fbbf2426;color:#fbbf24}.badge-status.resolved{background:#34d39926;color:#34d399}.badge-status.closed{background:#6b728033;color:#6b7280}.badge-status.cancelled{background:#9ca3af26;color:#9ca3af}.badge-status.super_admin{background:#ef444426;color:#ef4444}.badge-status.admin{background:#f9731626;color:#f97316}.badge-status.coordinator{background:#a78bfa26;color:#a78bfa}.badge-status.operator{background:#60a5fa26;color:#60a5fa}.badge-status.viewer{background:#6b728033;color:#9ca3af}.badge-status.client_viewer{background:#34d39926;color:#34d399}.badge-status.critical{background:#ef444426;color:#ef4444}.badge-status.high{background:#f9731626;color:#f97316}.badge-status.medium{background:#eab30826;color:#eab308}.badge-status.low{background:#22c55e26;color:#22c55e}.badge-status.info{background:#60a5fa26;color:#60a5fa}.badge-slug{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.7rem;font-family:monospace;background:#ffffff0f;color:#7ea4c6;letter-spacing:.02em}.dashboard-brand-badge{display:flex;align-items:center;gap:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-card,.placeholder-panel{padding:22px;border-radius:22px;border:1px solid rgba(151,217,255,.08);border-left:3px solid var(--card-accent, rgba(151, 217, 255, .15));background:#091420cc;transition:box-shadow .2s,border-color .2s}.stat-card--danger{border-left-color:var(--card-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent) 25%,transparent),inset 0 0 40px color-mix(in srgb,var(--card-accent) 6%,transparent)}.stat-card--warn{border-left-color:var(--card-accent);box-shadow:inset 0 0 30px color-mix(in srgb,var(--card-accent) 5%,transparent)}.stat-card--ok{border-left-color:var(--card-accent)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-card span{color:var(--brand-sky);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.stat-card strong{display:block;margin-bottom:10px;font-size:40px;color:var(--card-accent, #e2eaf4)}.stat-card--neutral strong{color:#e2eaf4}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.metric-count{font-size:1.1rem;font-variant-numeric:tabular-nums}.locale-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.locale-preview-item{padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.locale-preview-item span{display:block;margin-bottom:8px;color:#7ea4c6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.locale-preview-item strong{display:block;font-size:18px}.alarm-toolbar,.dashboard-toolbar,.alarm-layout{display:grid;gap:18px}.alarm-toolbar,.dashboard-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.alarm-toolbar label,.dashboard-toolbar label,.alarm-status-form label{display:grid;gap:8px}.alarm-toolbar label span,.dashboard-toolbar label span,.alarm-status-form label span,.meta-card span{color:#7ea4c6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.alarm-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start}.alarm-panel,.timeline-panel{padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#091420d1}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-header h3{margin:0}.alarm-table{display:grid;gap:10px}.alarm-table-head,.alarm-row{display:grid;grid-template-columns:72px minmax(0,1.4fr) 140px 110px 120px 140px;gap:12px;align-items:center}.alarm-table-head{padding:0 8px 8px;color:#7ea4c6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.alarm-row{width:100%;padding:14px 12px;text-align:left;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#edf4ff}.alarm-row-active,.alarm-row:hover{background:#ff6b2c1f;border-color:#ffffff1f}.alarm-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.meta-card{padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.meta-card strong{display:block;margin-top:8px;font-size:20px}.alarm-description{color:#a7b7cb;margin:0 0 18px}.alarm-status-form{display:grid;gap:16px;margin-bottom:24px}.timeline-list{display:grid;gap:12px}.timeline-item{padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.timeline-item div{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.timeline-item span,.empty-state{color:#a7b7cb}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-panel{padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#091420d1}.metric-list,.record-list{display:grid;gap:12px}.metric-row,.record-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.metric-row span,.record-item span,.record-item time{color:#a7b7cb}.record-item div strong{display:block;margin-bottom:6px}.workspace-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.workspace-panel{padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#091420d1}.workspace-form{display:grid;gap:14px;margin-top:18px}.workspace-form label{display:grid;gap:8px}.workspace-form label span{color:#7ea4c6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.workspace-pre{white-space:pre-wrap;margin:18px 0 0;padding:18px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#edf4ff}.record-button-row{display:flex;align-items:center;gap:8px}.record-button-row .record-button{flex:1}.btn-icon-danger{flex-shrink:0;background:none;border:none;cursor:pointer;color:#ef4444;padding:6px;border-radius:8px;display:flex;align-items:center;opacity:.5;transition:opacity .15s}.btn-icon-danger:hover{opacity:1}.record-button{width:100%;text-align:left;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#edf4ff}.record-button-active,.record-button:hover{background:#ff6b2c1f;border-color:#ffffff1f}.record-button-closed{opacity:.55}.record-button-closed.record-button-active,.record-button-closed:hover{opacity:.85}.ticket-resolved-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:14px;margin-bottom:4px;font-size:.875rem;gap:12px}.ticket-resolved-banner--ok{background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#34d399}.ticket-resolved-banner--late{background:#f973161a;border:1px solid rgba(249,115,22,.25);color:#f97316}.ticket-resolved-banner--cancelled{background:#9ca3af14;border:1px solid rgba(156,163,175,.18);color:#9ca3af}.empty-state{padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.14);background:#ffffff05}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.locale-preview-grid,.alarm-toolbar,.dashboard-grid,.alarm-layout,.workspace-grid,.alarm-meta-grid,.alarm-table-head,.alarm-row{grid-template-columns:1fr}.page-hero,.topbar,.topbar-actions,.user-badge,.login-panel{flex-direction:column;align-items:flex-start}.login-panel{display:block}.hero-badge{white-space:normal}}