:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--bg: #07111f;--bg-alt: #0e1b31;--surface: rgba(11, 18, 34, .82);--surface-strong: rgba(17, 28, 49, .96);--text: #e9f1ff;--muted: #8ea0bf;--accent: #55d6c2;--accent-2: #f4b942;--border: rgba(148, 177, 221, .16);--shadow: 0 24px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(85,214,194,.15),transparent 34%),radial-gradient(circle at top right,rgba(244,185,66,.15),transparent 32%),linear-gradient(160deg,var(--bg),var(--bg-alt));color:var(--text)}button,input{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden}.auth-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px 24px;overflow:hidden}.auth-layout{position:relative;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,460px);gap:22px;align-items:stretch;z-index:1}.background-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 85%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 85%);pointer-events:none}.auth-orb{position:absolute;border-radius:50%;filter:blur(12px);opacity:.7;pointer-events:none}.auth-orb-a{width:380px;height:380px;top:-80px;left:-110px;background:radial-gradient(circle,rgba(85,214,194,.2),transparent 68%)}.auth-orb-b{width:320px;height:320px;right:-80px;bottom:-100px;background:radial-gradient(circle,rgba(244,185,66,.16),transparent 68%)}.auth-intro,.auth-card{border:1px solid var(--border);border-radius:30px;background:linear-gradient(180deg,#0c1527f5,#080f1ceb);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-intro{padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;justify-content:center;min-height:640px}.auth-card{padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;justify-content:center}.app{position:relative;width:100%;max-width:none;margin:0 auto;padding:24px clamp(20px,3vw,36px) 36px;display:grid;gap:18px}.loading-shell{width:100%;max-width:none;margin:0 auto;padding:24px clamp(20px,3vw,36px) 36px}.dashboard-shell{width:100%;display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start;padding:24px clamp(18px,3vw,34px) 34px}.dashboard-nav{position:sticky;top:18px;display:grid;gap:18px;padding:18px;border:1px solid var(--border);border-radius:24px;background:#09101ee6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.dashboard-brand{display:grid;gap:6px;padding-bottom:14px;border-bottom:1px solid rgba(148,177,221,.12)}.dashboard-brand strong{font-size:1.25rem}.dashboard-brand span,.dashboard-user-card span,.dashboard-user-card small{color:var(--muted)}.dashboard-nav-list{display:grid;gap:10px}.dashboard-nav-item{border:1px solid transparent;border-radius:18px;background:#ffffff05;color:var(--text);padding:14px 16px;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.dashboard-nav-item:hover{transform:translate(2px);border-color:#55d6c22e;background:#ffffff0a}.dashboard-nav-item.active{color:#07111f;background:linear-gradient(135deg,var(--accent),#83f3e2);border-color:#55d6c23d;font-weight:700}.dashboard-nav-footer{display:grid;gap:12px;padding-top:16px;border-top:1px solid rgba(148,177,221,.12)}.dashboard-user-card{display:grid;gap:3px}.dashboard-signout{width:100%;justify-content:center}.dashboard-main{min-width:0;display:grid;gap:18px}.dashboard-topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px 28px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#0c1527f5,#080f1ce6);box-shadow:var(--shadow)}.dashboard-topbar h1{margin-bottom:12px;font-size:clamp(2rem,3.4vw,3.4rem);max-width:none}.topbar-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.topbar-metrics span{border:1px solid var(--border);border-radius:999px;padding:10px 12px;background:#ffffff08;color:var(--muted)}.page-stack{display:grid;gap:18px}.agent-list{display:grid;gap:12px}.agent-card{display:grid;gap:8px;padding:16px 18px;border:1px solid var(--border);border-radius:20px;background:#ffffff08;color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.agent-card:hover{transform:translateY(-1px);border-color:#55d6c22e;background:#ffffff0b}.selected-agent-card{border-color:#55d6c257;background:#55d6c214}.agent-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.agent-card-meta{color:var(--muted);font-size:.9rem}.agent-summary-grid{display:grid;gap:10px;margin-bottom:18px}.agent-detail-box,.agent-create-box{display:grid;gap:18px;margin-bottom:18px;padding:18px;border-radius:22px;border:1px solid var(--border);background:#ffffff06}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.status-online{background:#55d6c224;color:#9ef6ea}.status-offline{background:#f4b9421f;color:#ffe5aa}.status-online-text{color:#9ef6ea}.status-offline-text{color:#ffe5aa}.dashboard-tabs{position:sticky;top:18px;z-index:4;display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--border);border-radius:22px;background:#09101edb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.dashboard-tab{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:10px 14px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.dashboard-tab:hover{transform:translateY(-1px);color:var(--text);background:#ffffff0a}.dashboard-tab.active{color:#07111f;border-color:#55d6c233;background:linear-gradient(135deg,var(--accent),#83f3e2);font-weight:700}.hero{display:flex;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#0c1527f5,#080f1ce6);box-shadow:var(--shadow)}section[id]{scroll-margin-top:108px}.hero-overview{width:100%}.hero-overview h2{max-width:15ch;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.02}.eyebrow,.section-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.75rem}h1,h2,p{margin-top:0}h1{max-width:12ch;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;margin-bottom:18px}.auth-intro h1{max-width:11ch}.hero-copy{max-width:56ch;color:var(--muted);font-size:1.02rem;line-height:1.65}.feature-list{display:grid;gap:14px;margin-top:28px}.feature-item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:22px;border:1px solid rgba(148,177,221,.11);background:#ffffff06}.feature-item strong{display:block;margin-bottom:6px;font-size:1rem}.feature-item span{color:var(--muted);line-height:1.5}.feature-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#55d6c233,#83f3e214);border:1px solid rgba(85,214,194,.16);color:#9ef6ea;font-size:.8rem;font-weight:700}.auth-note{margin:24px 0 0;color:var(--muted);font-size:.95rem}.auth-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.auth-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#55d6c214;border:1px solid rgba(85,214,194,.16);color:#9ef6ea;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.auth-support{margin:0;color:var(--muted);text-align:right;max-width:18ch}.auth-card h2{margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.2rem)}.auth-card-copy{margin-bottom:24px;color:var(--muted);line-height:1.6}.hero-actions{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:280px}.hero-actions-row{display:flex;flex-wrap:wrap;gap:10px}.primary-button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent),#83f3e2);color:#07111f;font-weight:700;padding:15px 18px;cursor:pointer;box-shadow:0 10px 30px #55d6c238;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button:disabled{opacity:.65;cursor:progress}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 34px #55d6c247}.ghost-button{border:1px solid var(--border);background:#ffffff08;color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer}.secondary-button{border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:999px;padding:12px 16px;cursor:pointer}.mini-metrics{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted)}.mini-metrics span,.ghost-pill{border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:#ffffff08}.error-banner{margin-bottom:18px;border:1px solid rgba(244,185,66,.3);background:#f4b9421a;color:#ffe5aa;border-radius:18px;padding:14px 16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.stat-card,.panel{border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.stat-card{padding:18px}.stat-label,.stat-hint{display:block;color:var(--muted)}.stat-value{display:block;margin:10px 0;font-size:1.8rem}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:16px;margin-top:16px}.admin-console-grid{align-items:start}.content-grid-compact{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.panel{padding:22px;background:var(--surface-strong)}.panel-large{min-height:560px}.admin-console-grid .panel-large{min-height:auto}.panel-wide{width:100%}.overview-trend-grid{display:grid;gap:14px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-header h2{margin-bottom:0}.panel-subtitle{color:var(--muted);margin:6px 0 0}.chart-card{margin-top:14px;padding:16px;border:1px solid rgba(85,214,194,.12);border-radius:20px;background:linear-gradient(180deg,#55d6c212,#ffffff05)}.usage-chart{width:100%;height:220px;display:block}.chart-grid-line{stroke:#94b1dd1f;stroke-dasharray:4 6}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line-in{stroke:url(#inGradient)}.chart-line-out{stroke:url(#outGradient)}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);margin-top:12px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:8px}.legend-in{background:var(--accent)}.legend-out{background:var(--accent-2)}.chart-empty{margin-top:14px;min-height:220px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--border);border-radius:20px}.quota-meter{margin-top:14px;padding:14px 16px;border:1px solid rgba(244,185,66,.18);border-radius:18px;background:#f4b9420f}.quota-meter-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.quota-meter-track{height:10px;border-radius:999px;overflow:hidden;background:#ffffff0f}.quota-meter-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),#ffd978)}.admin-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-user-list{display:grid;gap:10px;margin-top:16px}.admin-user-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid var(--border);border-radius:16px;padding:12px 14px;background:#ffffff08;color:var(--text);text-align:left;cursor:pointer}.admin-user-card small{display:block;color:var(--muted)}.selected-user-card{border-color:#55d6c266;background:#55d6c217}.assignment-box,.quota-editor{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.quota-editor{display:grid;gap:14px}.quota-search{display:grid;gap:8px;color:var(--muted)}.quota-target-list{display:grid;gap:8px;max-height:220px;overflow:auto;padding-right:4px}.quota-target-row{display:grid;gap:2px;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.quota-target-row span,.quota-target-row small{color:var(--muted)}.quota-target-row.selected,.quota-target-row:hover{border-color:#55d6c266;background:#55d6c217}.quota-form{display:grid;gap:12px}.assignment-list{display:grid;gap:10px;margin:12px 0 16px;max-height:240px;overflow:auto}.inline-quota-input{display:grid;gap:8px;margin-top:12px;margin-bottom:12px;color:var(--muted)}.inline-quota-input>div{display:flex;gap:10px}.inline-quota-input input{flex:1}.admin-console-grid .source-form{margin-top:4px}.admin-console-grid .assignment-box,.admin-console-grid .quota-editor{padding-top:20px}.report-range{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:14px}.report-range label{display:grid;gap:8px;color:var(--muted)}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.edit-grid label{display:grid;gap:8px;color:var(--muted)}.checkbox-row{display:flex!important;align-items:center;gap:10px}.alerts-panel{margin-top:20px;border:1px solid rgba(244,185,66,.22);border-radius:24px;background:#f4b9420f;padding:22px}.notification-list,.audit-log-list{display:grid;gap:12px}.notification-card,.audit-log-card{border-radius:18px;padding:14px 16px;border:1px solid rgba(148,177,221,.16);background:#ffffff08}.notification-card p,.audit-log-card p{margin:8px 0 0;color:var(--muted)}.notification-card-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.notification-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.notification-read{opacity:.72}.notification-warning{border-color:#f4b94252}.notification-critical{border-color:#ff6d6d59;background:#ff6d6d0f}.notification-info{border-color:#55d6c238}.daily-summary{display:grid;gap:14px}.daily-summary-head,.daily-summary-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.daily-summary-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:10px;min-height:220px}.daily-summary-bar-wrap{display:grid;gap:8px;align-items:end;justify-items:center;min-height:220px}.daily-summary-bar{width:100%;min-height:10px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,var(--accent-2),rgba(244,185,66,.3))}.daily-summary-bar-wrap small{color:var(--muted);font-size:.72rem;text-align:center}.alerts-list{display:grid;gap:12px}.alert-card{border-radius:18px;padding:14px 16px;border:1px solid rgba(148,177,221,.16);background:#ffffff08}.alert-card p{margin:6px 0 0;color:var(--muted)}.alert-warning{border-color:#f4b9424d}.alert-critical{border-color:#ff6d6d59;background:#ff6d6d0f}.assignment-row{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:#ffffff08}.assignment-row span{display:grid}.admin-divider{margin:20px 0;border-top:1px solid var(--border)}.sparkline{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:8px;align-items:end;height:160px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#55d6c217,#ffffff05);border:1px solid rgba(85,214,194,.12)}.sparkline-bar{display:block;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--accent),rgba(85,214,194,.25));min-height:8px}.sparkline-empty{height:160px;display:grid;place-items:center;color:var(--muted);border-radius:20px;border:1px dashed var(--border)}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid rgba(148,177,221,.12)}th{color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#ffffff08}.selected-row{background:#55d6c217}.source-form{display:grid;gap:14px}.source-form label{display:grid;gap:9px;color:#c9d5ea;font-size:.95rem}.source-form input{border:1px solid var(--border);border-radius:16px;padding:14px 15px;color:var(--text);background:#ffffff0a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.source-form input::placeholder{color:#8ea0bfb3}.source-form input:focus{outline:none;border-color:#55d6c275;background:#ffffff0e;box-shadow:0 0 0 4px #55d6c21f}.source-form select,.edit-grid input,.edit-grid select,.report-range input,.inline-quota-input input{border:1px solid var(--border);border-radius:14px;padding:12px 14px;color:var(--text);background:#ffffff0a}.recommendations{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.credential-box{margin-top:18px;border:1px solid rgba(85,214,194,.2);border-radius:18px;padding:16px;background:#55d6c212}.credential-box p{margin:0 0 8px}.credential-note{color:var(--muted)}@media(max-width:960px){.dashboard-shell{grid-template-columns:1fr}.dashboard-nav{position:relative;top:auto}.auth-layout{grid-template-columns:1fr}.auth-intro{min-height:unset}.auth-card-header{flex-direction:column}.auth-support{max-width:none;text-align:left}}@media(max-width:640px){.auth-shell,.dashboard-shell{padding:18px}.dashboard-topbar{padding:20px;flex-direction:column}.topbar-metrics{justify-content:flex-start}.dashboard-nav{padding:14px}.auth-intro,.auth-card{border-radius:24px}h1{font-size:clamp(2.2rem,11vw,3.4rem)}.feature-item{grid-template-columns:1fr}.feature-mark{width:38px;height:38px}}.recommendations ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}@media(max-width:1024px){.hero,.content-grid{grid-template-columns:1fr;flex-direction:column}.hero-actions{min-width:0}}@media(max-width:720px){.app{padding:18px}.content-grid,.edit-grid{grid-template-columns:1fr}.hero{padding:22px}h1{max-width:none}}:root{color-scheme:light;--bg: #eef3f8;--bg-alt: #f8fbff;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--text: #0f172a;--muted: #64748b;--accent: #0f766e;--accent-2: #2563eb;--border: rgba(15, 23, 42, .08);--shadow: 0 18px 48px rgba(15, 23, 42, .08)}body{background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 32%),radial-gradient(circle at top right,rgba(15,118,110,.08),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg-alt));color:var(--text)}.background-grid{opacity:.45}.auth-layout-simple{grid-template-columns:1fr;width:min(560px,100%)}.auth-card-simple{padding:32px}.auth-card,.auth-card-simple{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.auth-card-simple h1{max-width:none;font-size:clamp(2rem,4vw,2.9rem);margin-bottom:12px}.auth-card-copy{margin-bottom:22px}.auth-badge{background:#0f766e14;border-color:#0f766e24;color:var(--accent)}.auth-orb{display:none}.dashboard-shell,.loading-shell,.app{width:min(1520px,calc(100% - 28px))}.dashboard-shell{grid-template-columns:250px minmax(0,1fr);gap:20px;padding-top:20px}.dashboard-nav,.dashboard-topbar,.hero,.panel,.stat-card,.alerts-panel,.trend-card,.quota-meter,.chart-card,.auth-card,.admin-user-card,.agent-card,.assignment-row,.notification-card,.audit-log-card,.top-system-row{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.dashboard-nav{top:20px;border-radius:22px;padding:16px}.dashboard-brand strong,.dashboard-topbar h1,.hero h1,.hero-overview h2,.panel-header h2,.auth-card h2{letter-spacing:-.03em}.dashboard-topbar{padding:22px 24px;border-radius:24px}.dashboard-topbar h1{font-size:clamp(2rem,3.2vw,3.1rem);margin-bottom:10px}.topbar-metrics span,.mini-metrics span,.ghost-pill{background:#0f172a08;color:var(--muted)}.hero{padding:24px;border-radius:24px}.hero-overview{align-items:center}.hero-overview h2{max-width:18ch;font-size:clamp(1.8rem,3.4vw,2.8rem)}.hero-copy,.panel-subtitle,.dashboard-brand span,.dashboard-user-card span,.dashboard-user-card small,.notification-card p,.audit-log-card p,.feature-item span,.auth-card-copy{color:var(--muted)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat-card{border-radius:20px;padding:18px 18px 16px}.stat-value{font-size:1.55rem}.content-grid{gap:18px}.panel{border-radius:24px;padding:20px}.panel-header{margin-bottom:16px}.section-label,.eyebrow{color:var(--accent)}input,select{border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);padding:12px 14px}input:focus,select:focus{outline:none;border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb14}.primary-button,.secondary-button,.ghost-button{border-radius:999px;font-weight:600}.primary-button{background:linear-gradient(135deg,var(--accent),#18a28f);box-shadow:0 10px 24px #0f766e29}.secondary-button,.ghost-button{background:#fffc;color:var(--text)}.dashboard-nav-item.active,.dashboard-tab.active{color:#fff;background:linear-gradient(135deg,var(--accent-2),#60a5fa);border-color:transparent}.dashboard-nav-item:hover,.dashboard-tab:hover{background:#2563eb0f}.auth-layout-simple .auth-card-simple{margin:0 auto}.sparkline,.trend-bars,.daily-summary-bars{background:#0f172a05;border:1px solid var(--border);border-radius:18px}.sparkline{padding:16px}.trend-card{padding:16px;border-radius:20px}.trend-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.trend-head span{color:var(--muted)}.trend-legend{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted)}.trend-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));align-items:end;gap:8px;padding:14px;min-height:190px}.trend-bar-wrap{display:grid;justify-items:center;gap:8px}.trend-bar-stack{width:100%;height:148px;display:grid;grid-template-rows:1fr 1fr;gap:4px;align-items:end}.trend-bar{display:block;width:100%;border-radius:8px}.trend-bar-in{background:linear-gradient(180deg,#5eead4,#0f766e)}.trend-bar-out{background:linear-gradient(180deg,#93c5fd,#2563eb)}.trend-bar-wrap small{color:var(--muted)}.daily-summary{margin-top:0}.daily-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.daily-summary-head span,.daily-summary-footer{color:var(--muted)}.daily-summary-bars{padding:14px 14px 10px;min-height:170px}.daily-summary-bar-wrap small{color:var(--muted)}.top-system-list{display:grid;gap:12px}.top-system-row{display:grid;gap:8px;padding:14px 16px;border-radius:18px}.top-system-copy,.top-system-stat{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.top-system-copy span,.top-system-stat small{color:var(--muted)}.top-system-track{height:8px;border-radius:999px;overflow:hidden;background:#0f172a14}.top-system-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#34d399)}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;background:var(--surface-strong)}thead th{position:sticky;top:0;z-index:1;background:#f8fafc;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}th,td{padding:14px;border-bottom:1px solid rgba(15,23,42,.06)}tbody tr:hover{background:#2563eb0a}tbody tr.selected-row{background:#0f766e14}.panel-divider{height:1px;margin:16px 0;background:var(--border)}.alert-card{border-radius:16px;padding:14px 16px}.alert-warning{border-color:#2563eb29}.alert-critical{border-color:#dc262629}.alert-info{border-color:#0f766e29}.mini-metrics{gap:8px}.mini-metrics span{border-color:var(--border)}.agent-card,.admin-user-card,.assignment-row,.notification-card,.audit-log-card{border-radius:18px}.auth-card-simple .source-form{margin-top:14px}.auth-card-simple .primary-button{width:100%;justify-content:center}.observium-graph{display:grid;gap:14px;padding:16px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow)}.observium-graph-compact{padding:14px}.observium-graph-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.observium-graph-header strong{display:block;font-size:1.02rem;margin-bottom:4px}.observium-graph-header span{color:var(--muted)}.observium-graph-stats{display:grid;grid-template-columns:repeat(4,minmax(80px,auto));gap:8px}.observium-graph-stats span{display:grid;gap:2px;padding:8px 10px;border-radius:14px;border:1px solid var(--border);background:#0f172a05}.observium-graph-stats small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.observium-graph-stats strong{font-size:.92rem}.observium-graph-body{border:1px solid rgba(15,23,42,.06);border-radius:18px;background:linear-gradient(180deg,#0f172a05,#0f172a03),#fff;padding:10px 10px 6px}.observium-graph .usage-chart{width:100%;min-height:210px;display:block}.observium-graph-compact .usage-chart{min-height:170px}.observium-graph .chart-grid-line{stroke:#94a3b833;stroke-dasharray:3 5}.observium-graph .chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.observium-graph-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.observium-graph-footer small{color:var(--muted)}.chart-legend{gap:12px}.chart-empty{margin-top:0;min-height:180px;background:#0f172a04}.quota-meter{background:linear-gradient(180deg,#2563eb0a,#0f766e0a);border-color:#2563eb1f}.table-wrap{box-shadow:var(--shadow)}thead th{background:#f8fafc}.dashboard-main{gap:20px}.hero-overview,.panel-large{min-height:0}@media(max-width:1024px){.dashboard-shell{grid-template-columns:1fr}.dashboard-nav{position:static}.dashboard-topbar,.hero,.content-grid{grid-template-columns:1fr;flex-direction:column}.trend-head,.daily-summary-head{align-items:flex-start;flex-direction:column}.observium-graph-header,.observium-graph-footer{flex-direction:column;align-items:flex-start}.observium-graph-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.auth-card-simple,.panel,.dashboard-topbar,.hero,.stat-card{padding:18px}.dashboard-shell,.app{width:min(100%,calc(100% - 20px))}.topbar-metrics{justify-content:flex-start}}:root{color-scheme:light;--bg: #f3f5f7;--bg-alt: #ffffff;--surface: #ffffff;--surface-strong: #ffffff;--text: #1e2a36;--muted: #6b7785;--accent: #2c7fb8;--accent-2: #8cc63f;--border: #d7dde4;--shadow: 0 1px 2px rgba(0, 0, 0, .08)}body{background:#f3f5f7;color:var(--text)}.background-grid{opacity:.2}.app-shell,.auth-shell{background:#f3f5f7}.auth-shell{padding:40px 20px}.auth-layout-simple{width:min(760px,100%)}.auth-card-simple{padding:28px 30px;border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow)}.auth-card-simple h1{font-size:1.75rem;line-height:1.2;max-width:none;margin-bottom:10px}.auth-card-copy{font-size:.98rem;line-height:1.55}.auth-badge{background:linear-gradient(180deg,#f8fbfe,#eef4f9);border:1px solid var(--border);border-radius:3px;color:var(--accent);font-size:.72rem;padding:6px 10px}.dashboard-shell{grid-template-columns:1fr;width:min(1920px,calc(100% - 24px));padding:12px 12px 24px}.dashboard-nav{position:sticky;top:8px;z-index:5;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 14px;border-radius:4px;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--border);box-shadow:var(--shadow)}.dashboard-brand{padding-bottom:0;border-bottom:0;min-width:170px}.dashboard-brand strong{font-size:1.05rem;letter-spacing:0}.dashboard-brand span{font-size:.82rem}.dashboard-nav-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.dashboard-nav-item{padding:8px 12px;border-radius:3px;border:1px solid #cfd6dd;background:linear-gradient(180deg,#fff,#f5f7f9);color:#38536d;font-size:.9rem}.dashboard-nav-item.active{background:linear-gradient(180deg,#3f89c5,#2c7fb8);color:#fff;border-color:#2a73a6}.dashboard-nav-item:hover{transform:none;background:linear-gradient(180deg,#fff,#eef3f7)}.dashboard-nav-footer{display:flex;align-items:center;gap:12px;padding-top:0;border-top:0}.dashboard-user-card{min-width:160px;gap:1px;text-align:right}.dashboard-user-card strong{font-size:.95rem}.dashboard-user-card small{font-size:.8rem}.dashboard-signout{width:auto}.dashboard-main{gap:14px}.dashboard-topbar{align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:4px;background:#fff;box-shadow:var(--shadow)}.dashboard-topbar h1{font-size:1.8rem;margin-bottom:6px}.topbar-search{width:240px}.topbar-metrics{align-items:center;justify-content:flex-end}.topbar-metrics span,.mini-metrics span,.ghost-pill{border:1px solid #d2d9e1;background:linear-gradient(180deg,#fff,#f7f9fb);color:#526478;border-radius:3px;padding:7px 10px}.hero,.panel,.stat-card,.alerts-panel,.trend-card,.quota-meter,.chart-card,.auth-card,.auth-card-simple,.admin-user-card,.agent-card,.assignment-row,.notification-card,.audit-log-card,.top-system-row{background:#fff;border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow)}.hero{gap:18px;align-items:flex-start}.hero h1,.hero-overview h2,.panel-header h2,.auth-card h2{color:#1f2d3d;letter-spacing:0}.hero-overview h2{max-width:none;font-size:1.85rem}.hero-copy,.panel-subtitle,.dashboard-brand span,.dashboard-user-card span,.dashboard-user-card small,.notification-card p,.audit-log-card p,.feature-item span,.auth-card-copy,.trend-head span,.daily-summary-head span,.daily-summary-footer,.top-system-copy span,.top-system-stat small{color:var(--muted)}.stats-grid{gap:12px}.stat-card{padding:12px 14px}.stat-label{font-size:.82rem}.stat-value{font-size:1.4rem}.content-grid,.content-grid-compact{gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.section-label,.eyebrow{color:var(--accent);letter-spacing:.04em;font-size:.72rem}input,select{border:1px solid #c9d1d9;border-radius:3px;background:#fff;color:var(--text);padding:8px 10px}.primary-button{background:linear-gradient(180deg,#4ea3d8,#2c7fb8);color:#fff}.secondary-button,.ghost-button{background:linear-gradient(180deg,#fff,#f6f8fa);border-color:#c9d1d9}.observium-graph{padding:12px;border-radius:4px}.observium-graph-header strong{font-size:1rem}.observium-graph-stats span{background:linear-gradient(180deg,#fff,#f8fafc)}.chart-empty{min-height:160px;border-radius:4px;background:linear-gradient(180deg,#fff,#fbfcfd)}table{font-size:.92rem}.panel-divider{background:#dde3ea}.alerts-panel{border-color:#d7dde4}.alert-warning{border-color:#2c7fb82e}.alert-critical{border-color:#b036362e}.alert-info{border-color:#8cc63f2e}.top-system-track{background:#eef2f6}.top-system-track span{background:linear-gradient(90deg,#8cc63f,#4ea3d8)}.systems-toolbar{display:flex;align-items:center;gap:10px}.systems-search{min-width:220px}.auth-card-simple .source-form{margin-top:12px}.auth-card-simple .primary-button{width:auto;min-width:140px}.app-shell{background:#f5f7f9}.auth-shell{background:#fff}.dashboard-shell{grid-template-columns:1fr;width:min(1880px,calc(100% - 18px));padding:10px 10px 18px;gap:12px}.dashboard-nav{position:sticky;top:8px;z-index:20;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 14px;border:1px solid #d8dee5;border-radius:3px;background:linear-gradient(180deg,#fff,#f7f9fb);box-shadow:0 1px 4px #11182714}.dashboard-brand{display:grid;gap:2px;min-width:170px}.dashboard-brand .eyebrow{margin-bottom:0}.dashboard-brand strong{font-size:1rem;letter-spacing:.01em}.dashboard-brand span{font-size:.74rem}.dashboard-nav-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}.dashboard-nav-item{border-radius:3px;border:1px solid #d6dce3;background:linear-gradient(180deg,#fff,#f4f7fa);color:#40617d;padding:8px 12px;font-size:.86rem;font-weight:600;box-shadow:0 1px 1px #0f172a08}.dashboard-nav-item:hover{transform:none;background:linear-gradient(180deg,#fff,#eef4f8)}.dashboard-nav-item.active{background:linear-gradient(180deg,#4a99d1,#2d7ab2);color:#fff;border-color:#2d7ab2}.dashboard-nav-footer{display:flex;align-items:center;gap:10px;padding-top:0;border-top:0}.dashboard-user-card{min-width:140px;text-align:right}.dashboard-user-card strong{font-size:.9rem}.dashboard-user-card span,.dashboard-user-card small{font-size:.74rem}.dashboard-main{min-width:0;gap:12px}.dashboard-topbar{align-items:center;gap:14px;padding:14px 16px;border:1px solid #d8dee5;border-radius:3px;background:#fff;box-shadow:0 1px 4px #11182714}.dashboard-topbar h1{font-size:1.6rem;line-height:1.05}.dashboard-topbar .hero-copy{max-width:72ch}.topbar-tools{display:flex;align-items:center;gap:10px}.topbar-search,.systems-search{width:220px}.hero,.panel,.stat-card,.alerts-panel,.trend-card,.quota-meter,.chart-card,.auth-card,.auth-card-simple,.admin-user-card,.agent-card,.assignment-row,.notification-card,.audit-log-card,.top-system-row{background:#fff;border:1px solid #d8dee5;border-radius:3px;box-shadow:0 1px 4px #11182714}.hero,.panel,.stat-card,.alerts-panel{padding:14px 16px}.hero-overview{align-items:flex-start}.hero-overview h2{max-width:18ch;font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.02}.hero-copy,.panel-subtitle,.dashboard-brand span,.dashboard-user-card span,.dashboard-user-card small,.notification-card p,.audit-log-card p,.feature-item span,.auth-card-copy,.trend-head span,.daily-summary-head span,.daily-summary-footer,.top-system-copy span,.top-system-stat small{color:#678}.stats-grid{gap:10px}.stat-card{padding:11px 12px}.stat-label{font-size:.77rem;letter-spacing:.02em;color:#2d7ab2;text-transform:uppercase}.stat-value{font-size:1.25rem}.content-grid,.content-grid-compact{gap:12px;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)}.panel-large{min-height:auto}.panel-header{margin-bottom:12px}.section-label,.eyebrow{color:#2d7ab2;letter-spacing:.04em;font-size:.7rem;text-transform:uppercase}input,select{border:1px solid #c9d1d9;border-radius:3px;background:#fff;color:#1e2a36;padding:8px 10px}.primary-button,.secondary-button,.ghost-button{border-radius:3px;box-shadow:none}.primary-button{background:linear-gradient(180deg,#4a99d1,#2d7ab2);color:#fff}.secondary-button,.ghost-button{background:linear-gradient(180deg,#fff,#f7f9fb);border-color:#c9d1d9}.observium-detail-layout{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);gap:12px;align-items:start}.observium-device-sidebar,.observium-detail-main,.observium-side-stack{min-width:0}.observium-device-card{display:grid;gap:14px}.device-header{display:flex;gap:12px;align-items:center}.device-badge{width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#f7fbff,#e9f1f7);border:1px solid #d6dde4;display:grid;place-items:center;color:#f26722;font-weight:700;letter-spacing:.04em}.device-header h2,.observium-graph-header-row h2{margin-bottom:4px;font-size:1.1rem}.device-header p{color:#678;font-size:.88rem}.device-meta{display:grid;gap:8px}.device-meta div,.summary-row,.device-detail-table .summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #edf1f4}.device-meta span,.summary-row span{color:#678;font-size:.84rem}.device-meta strong,.summary-row strong{text-align:right;font-size:.9rem}.device-list{display:grid;gap:8px}.device-list-rows{display:grid;gap:6px;max-height:320px;overflow:auto;padding-right:2px}.device-list-row{display:grid;gap:2px;text-align:left;padding:8px 10px;border:1px solid #d8dee5;border-radius:3px;background:linear-gradient(180deg,#fff,#f8fafc)}.device-list-row.selected,.device-list-row:hover{border-color:#8bc1e9;background:#f3f9ff}.device-list-row span{color:#678;font-size:.8rem}.observium-detail-main,.observium-graph-panel{display:grid;gap:12px}.graph-view-tabs,.graph-preset-bar,.graph-option-bar{display:flex;flex-wrap:wrap;gap:0;border:1px solid #d8dee5;border-radius:3px;overflow:hidden;background:#fff}.graph-view-tab,.graph-preset,.graph-option{border:0;border-right:1px solid #d8dee5;background:linear-gradient(180deg,#fff,#f5f7fa);color:#40617d;padding:8px 10px;font-size:.84rem;white-space:nowrap}.graph-view-tab:last-child,.graph-preset:last-child,.graph-option:last-child{border-right:0}.graph-view-tab.active,.graph-option.active{background:linear-gradient(180deg,#edf5fb,#dfeefa);color:#245e8a;font-weight:700}.graph-option-spacer{flex:1;background:#fff}.observium-range{display:grid;grid-template-columns:1.2fr repeat(2,minmax(140px,180px)) auto;gap:10px;align-items:end}.observium-range label{display:grid;gap:4px;color:#38536d}.graph-footnote{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#678}.graph-footnote p{margin:0}.observium-graph{padding:10px;border-radius:3px}.observium-graph-header{align-items:center}.observium-graph-header strong{font-size:.95rem}.observium-graph-stats{grid-template-columns:repeat(4,minmax(78px,auto))}.observium-graph-stats span{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:3px}.observium-graph-body{padding:8px;border-radius:3px}.observium-graph .usage-chart{min-height:170px}.chart-empty{min-height:160px;border-radius:3px;background:linear-gradient(180deg,#fff,#fbfcfd)}.table-wrap{border-radius:3px}table{font-size:.9rem}thead th{background:linear-gradient(180deg,#fff,#f7f9fb);color:#29557d}tbody tr:hover{background:#2c7fb80b}tbody tr.selected-row{background:#8cc63f1f}.auth-shell{padding:24px 16px}.auth-layout-simple{width:min(540px,100%)}.auth-card-simple{padding:24px 26px;border:1px solid #d8dee5;border-radius:3px;box-shadow:0 1px 4px #11182714}.auth-card-simple h1{font-size:1.6rem;line-height:1.15;max-width:none;margin-bottom:8px}.auth-card-header{margin-bottom:10px}.auth-badge{text-transform:uppercase;letter-spacing:.08em;color:#2d7ab2;font-size:.7rem;font-weight:700}.auth-card-copy{margin-bottom:14px;line-height:1.55}.source-form{display:grid;gap:12px}.source-form label{display:grid;gap:4px}.source-form input{border-radius:3px}.auth-card-simple .primary-button{width:100%;justify-content:center;min-width:0}@media(max-width:1100px){.dashboard-nav{grid-template-columns:1fr;align-items:stretch}.dashboard-nav-list,.dashboard-nav-footer,.topbar-tools{width:100%}.topbar-tools{flex-direction:column;align-items:stretch}.topbar-search,.systems-search{width:100%}.observium-detail-layout{grid-template-columns:1fr}.observium-range{grid-template-columns:1fr 1fr}.graph-footnote,.observium-graph-header,.observium-graph-footer{flex-direction:column;align-items:flex-start}.observium-graph-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.dashboard-shell,.app{width:min(100%,calc(100% - 12px))}.hero,.panel,.stat-card,.dashboard-topbar{padding:12px;border-radius:3px}.content-grid,.content-grid-compact,.observium-range{grid-template-columns:1fr}.observium-graph-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-shell{grid-template-columns:1fr}.dashboard-nav{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto;align-items:center;gap:14px}.dashboard-brand{border-bottom:0;padding-bottom:0}.dashboard-brand strong{font-size:1.35rem;letter-spacing:-.03em;color:#1d2c3b}.dashboard-nav-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dashboard-nav-item{min-width:92px;text-align:center}.dashboard-nav-footer{display:flex;align-items:center;gap:12px;justify-content:flex-end;border-top:0;padding-top:0}.dashboard-user-card{text-align:right}.dashboard-topbar{background:#fff;border-color:#d9e0e7}.dashboard-topbar h1{color:#1d2c3b}.topbar-metrics span{background:#f8fafc;color:#40617d}.observium-detail-layout{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:10px}.system-graph-layout{align-items:start}.observium-device-card{gap:12px}.device-header{align-items:flex-start}.device-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.device-list-rows{display:grid;gap:8px;max-height:240px;overflow:auto;padding-right:4px}.device-list-row{display:flex;flex-direction:column;align-items:flex-start}.observium-graph-panel{gap:14px}.report-range{display:grid;grid-template-columns:1.15fr repeat(2,minmax(150px,180px)) auto;gap:10px;align-items:end}.report-range label{display:grid;gap:4px}.report-range select,.report-range input{min-width:0}.graph-footnote{padding-top:8px;border-top:1px solid #e1e7ee}.observium-detail-main{display:grid;gap:10px}.observium-graph .usage-chart{min-height:220px}.observium-graph-footer{font-size:.82rem}@media(max-width:1200px){.dashboard-nav{grid-template-columns:1fr;justify-items:stretch}.dashboard-nav-list,.dashboard-nav-footer{justify-content:flex-start}.observium-detail-layout,.dashboard-shell{grid-template-columns:1fr}.report-range{grid-template-columns:1fr 1fr}}@media(max-width:720px){.dashboard-nav-list,.dashboard-nav-footer{width:100%}.dashboard-nav-item{min-width:0;flex:1 1 calc(50% - 8px)}.observium-detail-layout,.report-range,.device-meta{grid-template-columns:1fr}}.overview-banner{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.overview-banner-copy{display:grid;gap:8px;min-width:0}.overview-banner-copy h2{margin:0;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1}.overview-banner-actions{display:grid;gap:12px;min-width:min(420px,100%)}.overview-strip{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 12px;min-height:50px}.overview-strip-copy{display:grid;gap:3px}.overview-strip-copy h2{margin:0;font-size:1rem;font-weight:700;line-height:1.2}.overview-strip-copy .panel-subtitle{margin:0;font-size:.8rem}.overview-strip-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.overview-strip-tools .topbar-metrics{display:flex;align-items:center;gap:8px}.observium-detail-layout{margin-top:2px}.observium-device-card,.observium-graph-panel,.auth-card-simple,.dashboard-nav,.dashboard-topbar{border-radius:3px}.mini-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-device-grid .observium-graph{padding:7px}.mini-device-grid .observium-graph .usage-chart{min-height:108px}.mini-device-grid .observium-graph-header strong{font-size:.84rem}.mini-device-grid .observium-graph-footer{font-size:.72rem}.mini-device-grid .observium-graph-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-device-grid .observium-graph-stats span{padding:6px 8px}.eventlog-table thead th{font-size:.74rem;text-transform:uppercase}.eventlog-table tbody td{font-size:.86rem;padding-top:7px;padding-bottom:7px}.dashboard-nav-item,.graph-view-tab,.graph-preset,.graph-option,.secondary-button,.ghost-button,.primary-button{border-radius:3px}.auth-shell .background-grid{display:none}.auth-card-simple h1,.dashboard-topbar h1,.overview-banner-copy h2,.panel-header h2,.observium-graph-header-row h2{letter-spacing:-.02em}.overview-strip{padding:8px 12px;min-height:54px}.overview-strip-copy{gap:0}.overview-strip-copy h2{font-size:1rem;font-weight:700}.overview-strip-copy .panel-subtitle{font-size:.84rem}.overview-strip-tools .topbar-search{width:160px}.overview-strip-tools .topbar-metrics span{padding:5px 8px;font-size:.82rem}.alerts-panel,.panel,.stat-card,.observium-graph,.auth-card-simple,.observium-device-card,.observium-graph-panel{background:#fff;border:1px solid #d9e0e7}.alerts-list{display:grid;gap:8px}.alert-card{padding:10px 12px;border:1px solid #d9e0e7;background:#fff}.mini-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eventlog-table thead th,.table-wrap thead th{font-size:.74rem;padding-top:8px;padding-bottom:8px}.eventlog-table tbody td{padding-top:8px;padding-bottom:8px}.graph-view-tabs,.graph-preset-bar,.graph-option-bar{border-color:#d9e0e7}.graph-option-bar{font-size:.82rem}.graph-option-spacer{min-width:1px}.observium-graph-header-row{align-items:flex-start}.observium-graph-header-row .ghost-pill{margin-top:2px}.device-meta div,.summary-row,.device-detail-table .summary-row{padding-bottom:6px}.device-list-row{padding:6px 8px}.device-list-row strong{font-size:.88rem}.device-list-row span{font-size:.74rem}.graph-footnote{font-size:.82rem}.mini-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-device-grid .observium-graph{padding:8px}.mini-device-grid .observium-graph .usage-chart{min-height:120px}.eventlog-wrap{overflow:auto}.eventlog-table{min-width:100%}.eventlog-table thead th{font-size:.78rem;text-transform:uppercase}.eventlog-table tbody td{font-size:.86rem}.empty-table-cell{text-align:center;color:#678;padding:24px 12px}.dashboard-shell,.app,.auth-shell{width:100%;max-width:none}.dashboard-shell{gap:10px;padding:8px}.dashboard-nav,.dashboard-topbar,.overview-banner,.panel,.stat-card,.alerts-panel,.observium-graph,.auth-card-simple,.observium-device-card,.top-system-row,.notification-card,.audit-log-card,.agent-card,.assignment-row{border-radius:0;box-shadow:0 1px 3px #1c273614}.dashboard-nav{top:6px;padding:8px 10px}.dashboard-brand strong,.dashboard-topbar h1,.overview-banner-copy h2,.panel-header h2,.observium-graph-header-row h2{color:#1d2c3b}.dashboard-nav-item,.graph-view-tab,.graph-preset,.graph-option,.secondary-button,.ghost-button,.primary-button{border-radius:0}.dashboard-nav-item,.graph-view-tab,.graph-preset,.graph-option{padding:7px 11px}.dashboard-topbar,.overview-banner{padding:12px 14px}.overview-banner-copy h2{font-size:1.8rem;line-height:1.1}.stats-grid{gap:8px}.stat-card{padding:10px 12px}.panel{padding:14px}.content-grid,.content-grid-compact,.observium-detail-layout{gap:10px}.observium-device-card,.observium-graph-panel{padding:12px}.observium-graph{padding:10px}.graph-view-tabs,.graph-preset-bar,.graph-option-bar{border-radius:0}.graph-footnote{font-size:.9rem}.auth-card-simple{padding:20px 22px}.auth-card-simple h1{font-size:1.45rem}.auth-card-copy{font-size:.95rem}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.82fr);gap:10px;align-items:start}.overview-graph-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:min(70vh,760px);overflow-y:auto;padding-right:4px;align-content:start}.overview-graph-wall .observium-graph{min-height:0;height:100%}.overview-graph-wall .observium-graph .usage-chart{min-height:132px}.overview-graph-wall .observium-graph-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-graph-wall .observium-graph-footer{font-size:.72rem}.mini-device-graph-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:inherit;min-width:0}.mini-device-graph-button.is-selected .observium-graph{border-color:#2d7ab273;box-shadow:0 0 0 1px #2d7ab226,var(--shadow)}.mini-device-graph-button .observium-graph{cursor:pointer}@media(max-width:1400px){.overview-graph-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.overview-graph-wall{grid-template-columns:minmax(0,1fr)}}.overview-status-stack{display:grid;gap:10px}.overview-systems-panel{margin-top:0}.overview-systems-head{display:flex;align-items:center;gap:10px}.overview-systems-search{width:180px}.status-table{width:100%;border-collapse:collapse}.status-table th,.status-table td{padding:6px 8px;border-bottom:1px solid #edf1f4;font-size:.84rem;text-align:left}.status-table thead th{font-size:.72rem;text-transform:uppercase;color:#2d7ab2}.status-table tbody tr:last-child td{border-bottom:0}.status-table tbody td:first-child{font-weight:700;color:#1d2c3b}.overview-status-stack .alerts-panel{padding:12px 14px}.overview-status-stack .chart-empty{min-height:90px}.overview-status-stack .panel-header{margin-bottom:8px}.overview-status-stack .panel-header h2{font-size:1rem}.overview-status-stack .alert-card{padding:8px 10px}.overview-status-stack .alert-card strong{font-size:.88rem}.overview-status-stack .alert-card p{margin-top:4px;font-size:.82rem}.overview-systems-table{margin-top:0}.overview-systems-table table{width:100%}.overview-systems-table thead th{font-size:.74rem;text-transform:uppercase}.overview-systems-table tbody tr{cursor:pointer}.overview-systems-table tbody tr:hover{background:#2c7fb80b}.page-stack{display:grid;gap:10px}.eventlog-table thead th:first-child,.eventlog-table tbody td:first-child{width:155px}.eventlog-table thead th:nth-child(2),.eventlog-table tbody td:nth-child(2){width:90px}.eventlog-table thead th:nth-child(3),.eventlog-table tbody td:nth-child(3){width:160px}@media(max-width:1100px){.dashboard-nav{grid-template-columns:1fr;align-items:stretch}.dashboard-nav-list,.dashboard-nav-footer,.topbar-tools{width:100%}.topbar-tools{flex-direction:column;align-items:stretch}.topbar-search,.systems-search{width:100%}}@media(max-width:720px){.dashboard-shell,.app{width:min(100%,calc(100% - 12px))}.hero,.panel,.stat-card,.dashboard-topbar{padding:12px;border-radius:4px}.content-grid,.content-grid-compact{grid-template-columns:1fr}.observium-graph-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
