:root{
  --bg:#f4f7fb;
  --panel:#ffffff;
  --panel-soft:#f8faff;
  --ink:#17213a;
  --muted:#6d7890;
  --line:#dfe6f1;
  --purple:#7657ff;
  --purple-2:#9b7cff;
  --blue:#3b82f6;
  --cyan:#22b8cf;
  --green:#21b66f;
  --yellow:#e6aa2c;
  --red:#ef5c6c;
  --navy:#233256;
  --shadow:0 16px 42px rgba(37,53,90,.09);
  --radius:20px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 80% 0%,rgba(118,87,255,.09),transparent 28rem),
    linear-gradient(180deg,#f7f9fd 0%,var(--bg) 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:100vh;
}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.hidden{display:none!important}

.login-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
}
.login-card{
  width:min(540px,100%);
  background:rgba(255,255,255,.94);
  border:1px solid rgba(198,208,228,.8);
  border-radius:28px;
  box-shadow:0 30px 80px rgba(36,49,89,.14);
  padding:34px;
  backdrop-filter:blur(16px);
}
.brand-lockup,.sidebar-brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:48px;height:48px;border-radius:14px;
  display:grid;place-items:center;
  color:#fff;font-weight:800;letter-spacing:-.04em;
  background:linear-gradient(135deg,var(--purple),var(--blue));
  box-shadow:0 10px 24px rgba(118,87,255,.28);
}
.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:14px}
.brand-lockup strong,.sidebar-brand strong{display:block;font-size:19px}
.brand-lockup strong span{color:var(--blue)}
.brand-lockup small,.sidebar-brand small{display:block;color:var(--muted);margin-top:2px}
.login-copy{margin:34px 0 24px}
.eyebrow{
  color:#7258ee;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.login-copy h1,.topbar h1,.page-title-row h2,.panel h2,.hero-status-card h2,.alex-card h2{
  margin:6px 0 0;
  letter-spacing:-.035em;
}
.login-copy h1{font-size:38px}
.login-copy p,.page-title-row p,.panel p,.priority-card p,.hero-status-card p,.alex-card p{color:var(--muted);line-height:1.55}
.login-form{display:grid;gap:16px}
.login-form label{font-size:13px;font-weight:700;color:#3c4965}
.login-form input{
  width:100%;
  margin-top:7px;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fbfcff;
  color:var(--ink);
  outline:none;
}
.login-form input:focus,.copilot-form textarea:focus{
  border-color:rgba(118,87,255,.65);
  box-shadow:0 0 0 4px rgba(118,87,255,.09);
}
.primary-button,.secondary-button,.icon-button{
  border:0;
  border-radius:12px;
  padding:12px 16px;
  font-weight:800;
  transition:.18s ease;
}
.primary-button{
  color:#fff;
  background:linear-gradient(135deg,var(--purple),#5c78ff);
  box-shadow:0 10px 22px rgba(102,91,245,.20);
}
.primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(102,91,245,.25)}
.secondary-button{
  color:#3d4b67;background:#fff;border:1px solid var(--line);
}
.secondary-button:hover{border-color:#c3cde0;background:#fbfcff}
.icon-button{padding:9px 11px;background:#fff;border:1px solid var(--line)}
.form-message{min-height:18px;color:var(--red);font-size:13px}
.security-note{
  display:flex;gap:12px;align-items:flex-start;
  margin-top:22px;padding:14px 16px;
  border-radius:14px;background:#f4f7ff;color:#5b6680;font-size:12px;
}
.security-note p{margin:0;line-height:1.5}

.app-shell{min-height:100vh}
.sidebar{
  position:fixed;z-index:20;inset:0 auto 0 0;
  width:248px;
  display:flex;flex-direction:column;
  padding:22px 16px;
  background:linear-gradient(180deg,#eef2fb 0%,#f6f8fd 100%);
  border-right:1px solid #dde5f0;
}
.sidebar-brand{padding:0 8px 22px}
.sidebar-nav{display:grid;gap:5px}
.nav-item{
  display:flex;align-items:center;gap:11px;
  width:100%;padding:11px 12px;border:0;border-radius:12px;
  background:transparent;color:#566179;text-align:left;font-weight:700;
}
.nav-item span{
  width:27px;height:27px;display:grid;place-items:center;
  border-radius:9px;background:#e5eaf6;color:#586784;
}
.nav-item:hover{background:#fff}
.nav-item.active{
  background:#fff;color:#4e3ec6;
  box-shadow:0 9px 26px rgba(45,58,91,.08);
}
.nav-item.active span{background:#eeeaff;color:#694cff}
.sidebar-footer{margin-top:auto;padding:16px 8px 2px;border-top:1px solid var(--line)}
.operator-mini{display:flex;align-items:center;gap:9px}
.operator-mini strong,.operator-mini small{display:block}
.operator-mini small{color:var(--muted);font-size:11px;margin-top:2px}
.text-button{border:0;background:transparent;color:var(--muted);padding:12px 0 0;font-size:12px}

.main{margin-left:248px;padding:28px clamp(22px,3vw,48px) 60px;max-width:1700px}
.topbar{
  display:flex;justify-content:space-between;gap:20px;align-items:center;
  margin-bottom:24px;
}
.topbar h1{font-size:28px}
.topbar-actions{display:flex;align-items:center;gap:10px}
.last-update{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#a8b0c2;box-shadow:0 0 0 4px rgba(168,176,194,.12)}
.status-dot.healthy{background:var(--green);box-shadow:0 0 0 4px rgba(33,182,111,.12)}
.status-dot.watch{background:var(--yellow);box-shadow:0 0 0 4px rgba(230,170,44,.14)}
.status-dot.action{background:var(--red);box-shadow:0 0 0 4px rgba(239,92,108,.14)}

.page-section{display:none}
.page-section.active{display:block}
.hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}
.hero-status-card,.alex-card,.priority-card,.panel{
  background:rgba(255,255,255,.96);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero-status-card,.alex-card{padding:24px}
.hero-status-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.hero-status-card h2{font-size:34px}
.hero-status-card p{margin:10px 0 18px}
.status-orb{
  width:54px;height:54px;border-radius:50%;
  background:#aab3c3;
  box-shadow:0 0 0 9px rgba(170,179,195,.12);
}
.status-orb.healthy{background:var(--green);box-shadow:0 0 0 9px rgba(33,182,111,.13)}
.status-orb.watch{background:var(--yellow);box-shadow:0 0 0 9px rgba(230,170,44,.15)}
.status-orb.action{background:var(--red);box-shadow:0 0 0 9px rgba(239,92,108,.15)}
.status-orb.checking{animation:pulse 1.5s infinite}
@keyframes pulse{50%{transform:scale(.92);opacity:.65}}

.mini-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.mini-health{
  padding:10px 11px;border-radius:12px;background:#f7f9fd;border:1px solid #edf0f6;
}
.mini-health strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-health span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
.mini-health.healthy{border-left:3px solid var(--green)}
.mini-health.watch{border-left:3px solid var(--yellow)}
.mini-health.action{border-left:3px solid var(--red)}

.alex-card{
  background:
    linear-gradient(135deg,rgba(118,87,255,.08),rgba(59,130,246,.04)),
    #fff;
}
.alex-head{display:flex;align-items:center;gap:11px}
.alex-head .pill{margin-left:auto}
.alex-avatar,.message-avatar{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;font-weight:900;color:#fff;
  background:linear-gradient(135deg,#8259ff,#4c83ff);
  box-shadow:0 10px 22px rgba(106,90,255,.22);
}
.alex-card h2{font-size:22px}
.alex-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}
.pill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em;
  background:#edf0f5;color:#69738a;
}
.pill.healthy{background:#e7f8ef;color:#178151}
.pill.watch{background:#fff5db;color:#9b6d0f}
.pill.action{background:#ffeaed;color:#be3044}
.pill.neutral{background:#edf1f7;color:#69758c}

.priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.priority-card{padding:20px}
.priority-head{display:flex;align-items:center;gap:11px}
.priority-head>div:nth-child(2){min-width:0}
.priority-head>div:nth-child(2) span{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em}
.priority-head>div:nth-child(2) strong{display:block;margin-top:3px;font-size:17px}
.priority-head .pill{margin-left:auto}
.icon-bubble{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;
}
.icon-bubble.usage{background:#e9f1ff;color:#3174db}
.icon-bubble.level4{background:#fff0f2;color:#d94c60}
.icon-bubble.continuity{background:#ece9ff;color:#6c53e7}
.priority-card p{font-size:12px;min-height:38px}
.meter-track{
  height:9px;border-radius:999px;background:#e9edf5;overflow:hidden;margin-top:18px;
}
.meter-track.large{height:11px}
.meter-fill{
  width:0;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#4e83ff,#7f5cff);
  transition:width .5s ease;
}
.meter-fill.watch{background:linear-gradient(90deg,#eab53c,#e18a2f)}
.meter-fill.action{background:linear-gradient(90deg,#f16b76,#de4258)}
.card-link{
  border:0;background:transparent;color:#5e4bdf;font-weight:800;padding:2px 0;font-size:12px;
}
.big-number-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
.big-number-row>div{background:#f8f9fd;border-radius:12px;padding:10px}
.big-number-row strong{display:block;font-size:18px}
.big-number-row span{font-size:10px;color:var(--muted)}
.continuity-mini{display:flex;gap:6px;margin-top:18px}
.continuity-mini i{width:22px;height:7px;border-radius:999px;background:#dce2ed}
.continuity-mini i.ok{background:var(--green)}
.continuity-mini i.bad{background:var(--red)}
.continuity-mini i.watch{background:var(--yellow)}

.section-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.panel{padding:22px}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.panel-head h2{font-size:20px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.metric{
  padding:14px;border-radius:14px;background:#f8faff;border:1px solid #edf1f7;
}
.metric span,.metric small{display:block;color:var(--muted);font-size:10px}
.metric strong{display:block;font-size:26px;margin:4px 0 3px}
.metric small{font-size:9px}

.page-title-row{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;
  margin-bottom:18px;
}
.page-title-row h2{font-size:30px}
.page-title-row p{max-width:800px;margin:8px 0 0}
.copilot-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.copilot-panel{padding:0;overflow:hidden}
.copilot-messages{
  height:min(62vh,670px);
  min-height:420px;
  overflow:auto;
  padding:22px;
  background:
    linear-gradient(180deg,rgba(247,249,253,.7),rgba(255,255,255,.95));
}
.message{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}
.message.user{justify-content:flex-end}
.message.user .message-avatar{order:2;background:linear-gradient(135deg,#283958,#40547a)}
.message-body{max-width:80%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 14px;box-shadow:0 6px 18px rgba(50,61,92,.05)}
.message.user .message-body{background:#eef2ff;border-color:#dbe0ff}
.message-body strong{font-size:12px}
.message-body p{margin:5px 0 0;white-space:pre-wrap;font-size:13px;line-height:1.6;color:#44506a}
.message-time{font-size:9px;color:#9aa3b4;margin-top:7px}
.message-tools{display:flex;align-items:center;gap:7px;margin-top:10px}
.read-aloud-btn{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid #dfe5f0;background:#fff;color:#5b6680;
  border-radius:10px;padding:7px 10px;
  font-size:10px;font-weight:800;line-height:1;
  transition:.16s ease;
}
.read-aloud-btn:hover{border-color:#c8d1e2;background:#f8faff;color:#4e3ec6}
.read-aloud-btn.speaking{
  background:#eeeaff;border-color:#d7ceff;color:#6249db;
  box-shadow:0 0 0 3px rgba(118,87,255,.08)
}
.read-aloud-btn span{display:inline-block}

.copilot-form{border-top:1px solid var(--line);padding:15px;background:#fff}
.copilot-form textarea{
  width:100%;resize:vertical;min-height:72px;max-height:180px;
  border:1px solid var(--line);border-radius:13px;padding:12px;outline:none;color:var(--ink);
}
.copilot-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}
.memory-state{font-size:10px;color:var(--muted)}
.ops-side h3{margin:7px 0 18px}
.voice-settings{display:grid;gap:13px}
.voice-preset{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:#f7f5ff;border:1px solid #e8e2ff}
.voice-preset strong,.voice-preset small{display:block}
.voice-preset strong{font-size:12px}
.voice-preset small{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.35}
.voice-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:7px 9px;border-radius:10px;background:linear-gradient(135deg,#7a5cff,#4c83ff);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.voice-settings label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#4b5871}
.voice-settings select{width:100%;border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:#fff;color:var(--ink);outline:none;font-size:11px}
.voice-range-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.voice-range-row input{width:100%;accent-color:var(--purple)}
.voice-range-row span{min-width:42px;text-align:right;font-size:10px;color:var(--muted)}
.voice-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.voice-reset{padding:0;font-size:10px}
.voice-device-note{display:block;color:var(--muted);font-size:9px;line-height:1.45}
.ops-divider{height:1px;background:var(--line);margin:20px 0}
.policy-list{display:grid;gap:13px}
.policy-list>div{display:flex;align-items:flex-start;gap:9px}
.policy-list p{margin:0;color:var(--ink);font-size:12px}
.policy-list small{display:block;color:var(--muted);margin-top:3px;line-height:1.4}
.policy-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex:0 0 auto}
.policy-dot.safe{background:var(--green)}
.policy-dot.approval{background:var(--yellow)}
.policy-dot.protected{background:var(--red)}
.soft-callout{margin-top:20px;padding:14px;border-radius:14px;background:#f2f0ff}
.soft-callout strong{font-size:11px;color:#664be2}
.soft-callout p{font-size:11px;margin:5px 0 0}

.brain-layout{align-items:start}
.brain-list{display:grid;gap:10px;margin-top:18px;max-height:68vh;overflow:auto;padding-right:4px}
.brain-entry{border:1px solid #e7ebf3;background:#f9fbff;border-radius:14px;padding:14px}
.brain-entry-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.brain-entry h3{margin:3px 0 0;font-size:14px}
.brain-entry p{margin:8px 0 0;font-size:11px;line-height:1.55;color:#59667f;white-space:pre-wrap}
.brain-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.brain-tags span{padding:4px 7px;border-radius:999px;background:#eeeaff;color:#6650db;font-size:9px;font-weight:700}
.brain-help{font-size:12px}
.brain-form{display:grid;gap:13px;margin-top:16px}
.brain-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#4a5872}
.brain-form input,.brain-form select,.brain-form textarea{
  width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fbfcff;color:var(--ink);outline:none;
}
.brain-form input:focus,.brain-form select:focus,.brain-form textarea:focus{
  border-color:rgba(118,87,255,.65);box-shadow:0 0 0 4px rgba(118,87,255,.08)
}

.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.usage-card-head{display:flex;align-items:end;justify-content:space-between;gap:12px}
.usage-card-head span{font-size:11px;color:var(--muted)}
.usage-card-head strong{font-size:26px}
.usage-card small{display:block;color:var(--muted);margin-top:10px;font-size:10px}
.provider-usage-panel{margin-top:18px}
.provider-usage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.provider-usage-card{border:1px solid #e8ecf4;border-radius:14px;padding:14px;background:#fafbfe}
.provider-usage-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.provider-usage-card strong{display:block;font-size:13px}
.provider-usage-card span{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.provider-usage-card .meter-track{margin-top:12px}
.provider-usage-card small{display:block;margin-top:8px;color:var(--muted);font-size:9px}

.usage-stat-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}
.info-strip{margin-top:15px;background:#f5f7fb;border:1px solid #e8ecf4;color:#69758b;border-radius:13px;padding:13px;font-size:11px;line-height:1.5}

.ticket-list{display:grid;gap:14px}
.ticket-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}
.ticket-card.urgent{border-left:4px solid var(--red)}
.ticket-card.high{border-left:4px solid var(--yellow)}
.ticket-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.ticket-head h3{margin:4px 0 0}
.ticket-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ticket-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.ticket-block{background:#f8faff;border:1px solid #edf1f7;border-radius:13px;padding:13px}
.ticket-block span{font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ticket-block p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#46526a;white-space:pre-wrap}
.ticket-actions{display:flex;gap:8px;margin-top:14px}
.empty-state{
  padding:28px;border:1px dashed #cad4e5;border-radius:18px;background:rgba(255,255,255,.7);
  text-align:center;color:var(--muted);
}
.empty-state strong{display:block;color:var(--ink);font-size:18px;margin-bottom:4px}

.continuity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.continuity-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:var(--shadow)}
.continuity-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.continuity-card h3{margin:0;font-size:14px}
.continuity-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:8px 0 0}
.check-icon{width:27px;height:27px;border-radius:10px;display:grid;place-items:center;font-weight:900}
.check-icon.ok{background:#e8f8ef;color:#178151}
.check-icon.bad{background:#ffebee;color:#c43a4f}
.continuity-summary{margin-top:18px;background:linear-gradient(135deg,#fff,#f3f1ff)}

.timeline{display:grid;gap:0}
.timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:11px;padding:13px 0;border-bottom:1px solid #edf0f5}
.timeline-item:last-child{border-bottom:0}
.timeline-node{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#8b96aa;box-shadow:0 0 0 4px #edf0f5}
.timeline-node.healthy{background:var(--green);box-shadow:0 0 0 4px rgba(33,182,111,.12)}
.timeline-node.watch{background:var(--yellow);box-shadow:0 0 0 4px rgba(230,170,44,.14)}
.timeline-node.action{background:var(--red);box-shadow:0 0 0 4px rgba(239,92,108,.14)}
.timeline-copy strong{display:block;font-size:12px}
.timeline-copy span{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.45}
.timeline-time{color:#98a2b5;font-size:9px;white-space:nowrap}
.timeline.compact .timeline-item{padding:9px 0}
.timeline.compact .timeline-item:nth-child(n+6){display:none}

.launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.launch-card{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;
  padding:17px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);
  transition:.18s ease;
}
.launch-card:hover{transform:translateY(-2px);border-color:#cbd4e5}
.launch-card>span{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f0edff;color:#684fe3;font-weight:900;font-size:11px;
}
.launch-card strong,.launch-card small{display:block}
.launch-card small{color:var(--muted);font-size:10px;margin-top:3px}
.launch-card b{color:#9aa4b7}
.security-banner{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px;border-radius:16px;background:#edf5ff;border:1px solid #d9e9fb}
.security-banner p{margin:4px 0 0;color:#5d6d86;font-size:11px;line-height:1.5}

.mobile-only{display:none}

@media(max-width:1180px){
  .priority-grid,.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mini-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .mobile-only{display:inline-flex}
  .sidebar{transform:translateX(-100%);transition:.2s ease;box-shadow:20px 0 50px rgba(34,46,80,.12)}
  .sidebar.open{transform:translateX(0)}
  .main{margin-left:0;padding:18px}
  .topbar{align-items:flex-start}
  .topbar h1{font-size:22px}
  .topbar-actions{flex-wrap:wrap;justify-content:flex-end}
  .hero-grid,.section-grid.two,.copilot-layout{grid-template-columns:1fr}
  .ops-side{order:-1}
}
@media(max-width:720px){
  .provider-usage-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .login-shell{padding:14px}.login-card{padding:24px;border-radius:22px}.login-copy h1{font-size:31px}
  .topbar{display:grid;grid-template-columns:auto 1fr;gap:10px}
  .topbar-actions{grid-column:1/-1;justify-content:space-between}
  .priority-grid,.usage-grid,.launch-grid,.continuity-grid{grid-template-columns:1fr}
  .ticket-body{grid-template-columns:1fr}
  .hero-status-card h2{font-size:29px}
  .page-title-row{display:block}.page-title-row h2{font-size:25px}
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .mini-health-grid{grid-template-columns:repeat(2,1fr)}
  .copilot-messages{min-height:360px;height:56vh}
  .message-body{max-width:88%}
}