:root{
  --bg:#06101c;--bg2:#0a1422;--panel:#0d1827cc;--panel2:#111e30;--line:#213047;
  --text:#f7fbff;--muted:#8ea0b7;--muted2:#64758c;--cyan:#28d7e8;--cyan2:#44a8ff;
  --purple:#9a6cff;--pink:#ec5eac;--green:#54d88b;--yellow:#f4be5b;--red:#ff687d;
  --shadow:0 20px 60px #0008;--radius:18px;--sidebar:246px;--top:74px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:
radial-gradient(circle at 70% -10%,#152e53 0,transparent 30%),
radial-gradient(circle at 15% 50%,#102642 0,transparent 28%),var(--bg);color:var(--text);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-size:14px}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
.op-app{min-height:100vh}
.op-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:20px 14px 16px;
background:linear-gradient(180deg,#06101cf7,#081321f7);border-right:1px solid #1a2a3f;z-index:40;overflow:auto}
.op-brand{height:58px;display:flex;align-items:center;gap:9px;padding:0 9px 14px}
.op-brand img{width:98px;height:34px;object-fit:contain;object-position:left center}
.op-version{font-size:10px;padding:3px 7px;border:1px solid #32517b;border-radius:999px;color:#9fc8ff;background:#10223c}
.op-nav-group{margin:13px 0 20px}
.op-nav-title{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#596b81;padding:0 10px 7px;font-weight:800}
.op-nav-item{display:flex;align-items:center;gap:11px;min-height:38px;padding:8px 10px;border-radius:10px;color:#9eafc3;margin:2px 0;position:relative;transition:.18s}
.op-nav-item:hover{background:#112033;color:#e8f4ff}
.op-nav-item.is-active{color:#dcfbff;background:linear-gradient(90deg,#153653,#10243d);box-shadow:inset 2px 0 0 var(--cyan),0 0 24px #18d4e21a}
.op-nav-icon{width:20px;height:20px;display:grid;place-items:center;font-size:15px;color:#86a4c7}
.is-active .op-nav-icon{color:var(--cyan)}
.op-nav-badge{margin-left:auto;min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#512840;color:#ffc7da;font-size:10px}
.op-side-card{margin:18px 5px;padding:14px;border:1px solid #283d58;border-radius:15px;background:linear-gradient(145deg,#0c1b2c,#101629);display:grid;gap:7px}
.op-side-card-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#242052;color:#bba2ff}
.op-side-card strong{font-family:Georgia,serif;font-size:13px;line-height:1.35}
.op-side-card span{color:#71849b;font-size:10px}
.op-sidebar-user{display:flex;align-items:center;gap:9px;padding:12px 6px;border-top:1px solid #17263a}
.op-sidebar-user div:nth-child(2){display:grid;gap:2px}
.op-sidebar-user small,.op-sidebar-user span{color:#60748a;font-size:10px}
.op-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#5f49cf,#168ca3);border:1px solid #84d6ec55;font-weight:800}
.op-sidebar-user .op-icon-btn{margin-left:auto}
.op-main{margin-left:var(--sidebar);min-height:100vh}
.op-topbar{height:var(--top);position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid #18283d;background:#07111ddb;backdrop-filter:blur(18px)}
.op-command{width:min(690px,52vw);margin-right:auto;height:42px;border:1px solid #263b55;border-radius:12px;background:#0b1725;color:#798da5;padding:0 14px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}
.op-command kbd{margin-left:auto;border:1px solid #2b3d53;border-radius:6px;padding:3px 6px;color:#6f8298;background:#0a1320}
.op-top-actions{display:flex;align-items:center;gap:10px}
.op-ask-btn{height:48px;border:1px solid #2c4564;border-radius:13px;background:linear-gradient(135deg,#101e33,#181638);display:flex;align-items:center;gap:9px;padding:5px 10px;cursor:pointer}
.op-ask-btn>span:nth-child(2){display:grid;text-align:left;gap:1px}
.op-ask-btn small,.op-profile small{display:block;color:#6f8197;font-size:9px}
.op-orb-mini,.op-orb,.op-mobile-orb{border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#b58cff,#6a5cff 45%,#12cadd 100%);box-shadow:0 0 24px #9b6cff50;font-family:Georgia,serif;font-style:italic}
.op-orb-mini{width:34px;height:34px;font-size:11px}
.op-icon-btn{border:0;background:transparent;cursor:pointer;padding:7px;color:#92a6bf}
.op-bell{position:relative;font-size:21px}
.op-bell i{position:absolute;right:5px;top:5px;width:6px;height:6px;background:#ff5570;border-radius:50%;box-shadow:0 0 7px #ff5570}
.op-profile{border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}
.op-profile>span:nth-child(2){min-width:80px}
.op-mobile-menu{display:none;border:0;background:transparent;color:#c9d5e4;font-size:22px}
.op-content{padding:28px 28px 92px;max-width:1920px;margin:0 auto}
.op-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 22px}
.op-page-head h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(32px,3vw,52px);margin:3px 0 8px;letter-spacing:-.03em}
.op-page-head p{margin:0;color:#8498b0;max-width:850px;font-size:13px}
.op-eyebrow{font-size:10px;letter-spacing:.18em;color:#7e9abc;font-weight:800;text-transform:uppercase}
.op-sync-card{min-width:250px;border:1px solid #26405b;background:#0d1928;padding:12px 15px;border-radius:13px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}
.op-sync-card small{grid-column:2;color:#6f8299;margin-top:2px}
.op-live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.op-grid{display:grid;gap:16px;margin-bottom:16px}
.op-grid--hero{grid-template-columns:1.7fr .8fr}
.op-grid--three{grid-template-columns:repeat(3,1fr)}
.op-grid--two{grid-template-columns:1fr 1fr}
.op-grid--tasks{grid-template-columns:minmax(0,1.55fr) minmax(370px,.8fr)}
.op-grid--budget{grid-template-columns:1fr 1fr 1fr}
.op-grid--ai{grid-template-columns:.9fr 1.15fr .95fr}
.op-card{border:1px solid #22354d;border-radius:var(--radius);background:linear-gradient(145deg,#0d1929e8,#0a1422e8);box-shadow:var(--shadow);padding:18px;overflow:hidden;position:relative}
.op-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#48e0ef08,transparent 34%,#8d6fff05)}
.op-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;margin-bottom:14px;color:#dce9f7}
.op-card-head>span:first-child{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#8ea6c2}
.op-card-head a,.op-card-head button{font-size:11px;color:#72d9e7}
.op-card--ai{padding:24px;background:
radial-gradient(circle at 100% 0,#27206c55,transparent 45%),
linear-gradient(145deg,#0d1d30,#0b1525)}
.op-card--ai h2{font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.08;margin:18px 0 12px}
.op-card--ai h2 em{color:#77dce9;font-style:normal}
.op-card--ai>p{color:#8ca0b6;max-width:690px;line-height:1.6}
.op-ai-brief-list{display:grid;margin-top:18px}
.op-ai-brief-list>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #1a2b40}
.op-ai-brief-list p{display:grid;gap:3px;margin:0;flex:1}
.op-ai-brief-list small{color:#73869d}
.op-signal{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:800}
.op-signal--cyan{background:#0e3b4b;color:#5eecf5}.op-signal--purple{background:#2a2255;color:#b5a0ff}.op-signal--green{background:#113f31;color:#66e7a1}
.op-inline-action,.op-link-btn{border:0;background:transparent;color:#7de7ef;cursor:pointer;padding:8px 0;font-weight:700}
.op-card--position{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}
.op-card--position .op-card-head{grid-column:1/-1}
.op-position-ring{width:138px;height:138px;border-radius:50%;padding:12px;background:conic-gradient(var(--cyan) 0 82%,#1d2b3d 82%);box-shadow:0 0 30px #28d7e824}
.op-position-ring>div{width:100%;height:100%;border-radius:50%;background:#0b1624;display:grid;place-items:center;align-content:center}
.op-position-ring strong{font-size:34px}.op-position-ring span{font-size:10px;color:#71859d;text-align:center}
.op-position-lines{display:grid;gap:11px}
.op-position-lines>div{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}
.op-position-lines span{font-size:11px;color:#9aacbf}.op-position-lines b{font-size:10px;color:#d7e7f8}
.op-position-lines i{grid-column:1/-1;height:4px;border-radius:99px;background:#17283c;overflow:hidden}
.op-position-lines i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:99px}
.op-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}
.op-metric{min-height:95px;border:1px solid #20334a;border-radius:15px;background:#0d1928cc;padding:14px;display:flex;align-items:center;gap:12px}
.op-metric-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#10394d,#212457);display:grid;place-items:center;color:#81e7f0;font-weight:900}
.op-metric div{display:grid;gap:3px}
.op-metric small{color:#708399;text-transform:uppercase;font-size:8px;letter-spacing:.1em;font-weight:800}
.op-metric strong{font-size:20px}.op-metric em{font-size:9px;color:#5fd59b;font-style:normal}
.op-timeline{display:grid}
.op-timeline>div{display:grid;grid-template-columns:50px 12px 1fr;gap:8px;align-items:center;padding:11px 0;border-top:1px solid #17283b}
.op-timeline time{font-size:10px;color:#74879f}.op-timeline i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.op-timeline p{display:grid;gap:2px;margin:0}.op-timeline small{color:#71849b}
.op-record-list,.op-connections{display:grid}
.op-record-list>div,.op-connections>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #17283b}
.op-record-list>div>span:first-child,.op-connections>div>span:first-child{width:30px;height:30px;border-radius:9px;background:#121e2d;display:grid;place-items:center;font-weight:800}
.op-record-list p,.op-connections p{display:grid;gap:2px;margin:0;flex:1}.op-record-list small,.op-connections small{color:#71849b}
.op-connections i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.op-section-title{margin:28px 0 12px;display:flex;justify-content:space-between;align-items:end}
.op-section-title h2{font-family:Georgia,serif;font-size:25px;margin:3px 0 0;font-weight:500}
.op-secondary-btn,.op-primary-button{border-radius:10px;padding:9px 12px;cursor:pointer}
.op-secondary-btn{border:1px solid #2b425f;background:#101d2d;color:#9cb1c8}
.op-primary-button{border:1px solid #35d8e855;background:linear-gradient(135deg,#168ca3,#6755ce);color:#fff;box-shadow:0 0 22px #36cae524}
.op-primary-button--small{padding:7px 10px;font-size:11px}
.op-domain-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.op-domain{border:1px solid #22354c;border-radius:14px;background:#0c1826;padding:15px;display:grid;grid-template-columns:36px 1fr auto;gap:2px 10px;align-items:center;transition:.18s}
.op-domain:hover{transform:translateY(-2px);border-color:#315270;background:#102033}
.op-domain>span{grid-row:1/3;width:36px;height:36px;border-radius:10px;background:#132133;display:grid;place-items:center;font-size:18px}
.op-domain small{color:#71849b}.op-domain i{grid-row:1/3;grid-column:3;font-style:normal;color:#61778f}
.op-pill{font-size:8px;font-weight:800;border-radius:999px;padding:4px 7px;white-space:nowrap;border:1px solid}
.op-pill--green{color:#78e5a9;background:#103425;border-color:#23543d}.op-pill--cyan{color:#7be7ef;background:#0d3441;border-color:#1d5360}
.op-pill--purple{color:#c6b6ff;background:#28204a;border-color:#493e79}.op-pill--pink{color:#ffb0d1;background:#3c1830;border-color:#60304c}
.op-pill--yellow{color:#f9d482;background:#3b2d13;border-color:#5b4721}.op-pill--red{color:#ff9aab;background:#401c28;border-color:#63303f}
.op-pill--slate{color:#aebdd0;background:#172435;border-color:#2b3d52}
.cyan{color:var(--cyan)!important}.purple{color:var(--purple)!important}.pink{color:var(--pink)!important}.green{color:var(--green)!important}.yellow{color:var(--yellow)!important}.blue{color:#66a8ff!important}.slate{color:#8394aa!important}
.op-subnav{display:flex;gap:5px;margin:0 0 16px;padding:6px;border:1px solid #20324a;background:#0b1725;border-radius:13px;overflow:auto}
.op-subnav a{padding:9px 13px;border-radius:9px;color:#7f92a8;white-space:nowrap;font-size:11px}
.op-subnav a.is-active{background:linear-gradient(135deg,#143957,#2b2456);color:#dffbff;box-shadow:inset 0 0 0 1px #2b6072}
.op-year-progress{margin-bottom:16px}.op-progress{height:7px;background:#17273b;border-radius:99px;overflow:hidden}.op-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:99px}
.op-progress-meta{display:flex;justify-content:space-between;color:#64788f;font-size:10px;margin-top:8px}
.op-donut-wrap{display:flex;gap:18px;align-items:center}.op-donut{width:145px;height:145px;border-radius:50%;padding:18px;background:conic-gradient(#8b5cf6 0 25%,#ec4899 25% 40%,#22c55e 40% 50%,#06b6d4 50% 60%,#f59e0b 60% 75%,#334155 75%)}
.op-donut>div{width:100%;height:100%;border-radius:50%;background:#0c1725;display:grid;place-items:center;align-content:center}.op-donut strong{font-size:23px}.op-donut small{font-size:9px;color:#71849b}
.op-budget-list{flex:1;display:grid;gap:9px}.op-budget-list>div{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center;font-size:10px}.op-budget-list i{width:7px;height:7px;border-radius:50%;background:currentColor}.op-budget-list small{color:#65788f}
.op-bars{display:grid;gap:12px}.op-bars>div{display:grid;grid-template-columns:1fr auto;gap:5px}.op-bars span,.op-bars b{font-size:10px}.op-bars b{color:#93a8c0}.op-bars i{grid-column:1/-1;height:6px;background:#17273b;border-radius:99px;overflow:hidden}.op-bars i:after{content:"";display:block;height:100%;width:var(--w);background:var(--c);border-radius:99px}
.op-insight-stack{display:grid}.op-insight-stack>div{display:flex;gap:10px;padding:12px 0;border-top:1px solid #17283b}.op-insight-stack>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#142132;font-weight:800}.op-insight-stack p{display:grid;gap:3px;margin:0}.op-insight-stack small{color:#74869c;line-height:1.4}
.op-pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.op-pl-grid>div{padding:14px;border:1px solid #1d3047;border-radius:12px;background:#0b1624;display:grid;gap:4px}.op-pl-grid small{color:#667a91;font-size:8px}.op-pl-grid strong{font-size:22px}.op-pl-grid span{color:#708198;font-size:9px}
.op-timeline--compact>div{grid-template-columns:42px 10px 1fr;padding:8px 0}
.op-table-actions{display:flex;gap:8px}.op-table-actions input{width:180px;border:1px solid #263950;border-radius:8px;background:#091522;padding:7px 9px;color:#c9d8e8}.op-table-actions button{border:1px solid #29415a;background:#0e1b2a;border-radius:8px;color:#8ba0b8}
.op-task-list{display:grid}.op-task-row{display:grid;grid-template-columns:26px minmax(180px,1fr) auto auto 72px auto 24px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #17283b}
.op-task-row p{display:grid;gap:2px;margin:0}.op-task-row small{color:#687c93}.op-task-row time{font-size:10px;color:#8da0b5}.op-check{width:18px;height:18px;border:1px solid #35516f;background:#091522;border-radius:50%;cursor:pointer}
.op-stack{display:grid;gap:16px}.op-email-tasks{display:grid}.op-email-tasks>div{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #17283b}.op-email-tasks>div>span:first-child{width:27px;height:27px;border-radius:8px;background:#132132;display:grid;place-items:center}.op-email-tasks p{display:grid;gap:2px;margin:0}.op-email-tasks small{color:#6e8298}.op-email-tasks button{border:1px solid #2c4763;background:#0d1c2d;border-radius:8px;color:#83dce7;padding:5px 7px;font-size:9px}
.op-suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.op-suggestion-grid>div{border:1px solid #22354c;border-radius:11px;background:#0b1625;padding:11px;display:grid;gap:6px}.op-suggestion-grid span{color:var(--cyan)}.op-suggestion-grid p{margin:0;color:#7890a8;font-size:9px}.op-suggestion-grid button{justify-self:start;border:0;background:transparent;color:#75dce6;padding:0;font-size:9px}
.op-week-grid{display:grid;grid-template-columns:56px repeat(7,1fr);min-height:455px;border-top:1px solid #1f3148;border-left:1px solid #1f3148}
.op-time-axis,.op-day-column{border-right:1px solid #1f3148}.op-time-axis{display:flex;flex-direction:column;justify-content:space-around;padding:40px 5px 8px}.op-time-axis span{font-size:8px;color:#5e7188}.op-day-head{height:42px;border-bottom:1px solid #1f3148;padding:8px;text-align:center;font-size:10px}.op-day-head small{display:block;color:#5c7188;font-size:8px;margin-top:3px}
.op-day-column{position:relative;padding:8px 6px;background:repeating-linear-gradient(180deg,transparent 0 67px,#13243a 68px)}
.op-event{margin:8px 0;border-radius:8px;padding:8px;border-left:2px solid currentColor;background:#101e2f;display:grid;gap:2px;min-height:48px}.op-event strong{font-size:9px}.op-event span,.op-event small{font-size:8px;color:#7b8fa6}
.op-event.purple{background:#211c3a}.op-event.cyan{background:#0e2835}.op-event.green{background:#102d27}.op-event.pink{background:#2d1727}.op-event.yellow{background:#302713}.op-event.slate{background:#151d29}
.op-simple-table{display:grid}.op-simple-table>div{display:grid;grid-template-columns:90px 1fr 120px 90px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #17283b;font-size:10px}.op-simple-table .head{color:#61768f;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.op-simple-table--five>div{grid-template-columns:1.3fr 1fr 1fr 1fr .6fr}
.op-sliders{display:grid;gap:13px}.op-sliders>div{display:grid;grid-template-columns:120px 1fr 44px;gap:9px;align-items:center}.op-sliders span,.op-sliders b{font-size:10px}.op-sliders input{accent-color:var(--cyan)}
.op-donut-wrap--big .op-donut{width:170px;height:170px}
.op-orchestration{height:360px;position:relative}.op-orch-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,#28275e,#102636 70%);border:1px solid #4d6b90;display:grid;place-items:center;align-content:center;box-shadow:0 0 45px #5e75ff34}.op-orch-center span{font-family:Georgia,serif;font-size:24px;font-style:italic}.op-orch-center strong{font-size:10px;color:#8fa5bd}
.op-orch-node{position:absolute;width:62px;height:62px;border:1px solid #28415d;border-radius:50%;background:#0d1a29;display:grid;place-items:center;align-content:center;font-size:19px;box-shadow:0 0 24px #0007}.op-orch-node small{font-size:8px;margin-top:3px}.op-orch-node:after{content:"";position:absolute;width:80px;height:1px;background:#28415d;z-index:-1}
.n1{top:18px;left:50%;transform:translateX(-50%)}.n1:after{transform:rotate(90deg);top:86px}
.n2{left:18px;top:92px}.n2:after{transform:rotate(28deg);left:52px;top:70px}
.n3{right:18px;top:92px}.n3:after{transform:rotate(-28deg);right:52px;top:70px}
.n4{left:35px;bottom:28px}.n4:after{transform:rotate(-28deg);left:49px;bottom:67px}
.n5{right:35px;bottom:28px}.n5:after{transform:rotate(28deg);right:49px;bottom:67px}
.n6{left:50%;bottom:2px;transform:translateX(-50%)}.n6:after{transform:rotate(90deg);bottom:83px}
.op-recommendations{display:grid}.op-recommendations>div{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #17283b}.op-recommendations>div>span{width:32px;height:32px;border-radius:9px;background:#142132;display:grid;place-items:center}.op-recommendations p{display:grid;gap:3px;margin:0}.op-recommendations small{color:#70849b}.op-recommendations button{border:1px solid #2e5068;background:#102236;color:#71dce7;border-radius:8px;padding:6px 8px;font-size:9px}
.op-rules{display:grid}.op-rules label{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #17283b;cursor:pointer}.op-rules label span{display:grid;gap:2px;flex:1}.op-rules label small{color:#6c8097}.op-rules input{display:none}.op-rules i{width:34px;height:18px;border-radius:99px;background:#183247;position:relative}.op-rules i:after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #29dae8}
.op-mini-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.op-mini-week>div{min-height:100px;border:1px solid #20334b;background:#0c1826;border-radius:10px;padding:9px;display:flex;flex-direction:column;gap:16px}.op-mini-week strong{font-size:9px;color:#6e8299}.op-mini-week span{font-size:9px;color:#a8b7c8}
.op-automation-timeline{display:grid}.op-automation-timeline>div{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:10px 0;border-top:1px solid #17283b}.op-automation-timeline time{color:#6c8198;font-size:10px}.op-automation-timeline p{display:grid;gap:2px;margin:0}.op-automation-timeline small{color:#72869d}
.op-coming{min-height:380px;display:grid;place-items:center;align-content:center;text-align:center;gap:12px}.op-coming>span{font-size:42px;color:var(--cyan)}.op-coming h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:0}.op-coming p{max-width:650px;color:#778ca4}.op-coming .op-primary-button{display:inline-block}
.op-ai-drawer{position:fixed;z-index:80;right:0;top:0;bottom:0;width:min(430px,92vw);background:#081421f7;border-left:1px solid #26405a;backdrop-filter:blur(18px);transform:translateX(102%);transition:.25s;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-20px 0 60px #0009}
.op-ai-drawer.is-open{transform:translateX(0)}
.op-ai-head{padding:18px;border-bottom:1px solid #1b2d42;display:flex;justify-content:space-between;align-items:center}.op-ai-head>div{display:flex;gap:10px;align-items:center}.op-ai-head>div>span:nth-child(2){display:grid}.op-ai-head small{color:#6f8299}.op-orb{width:42px;height:42px}
.op-ai-body{padding:18px;overflow:auto}.op-ai-message{border:1px solid #243a54;border-radius:14px;background:#0e1b2b;padding:14px;line-height:1.55}.op-ai-message p{color:#8195ac}
.op-ai-suggestions{display:grid;gap:8px;margin-top:14px}.op-ai-suggestions button{border:1px solid #213852;background:#0b1828;color:#8fa8c0;padding:11px;border-radius:10px;text-align:left;cursor:pointer}
.op-ai-compose{padding:14px;border-top:1px solid #1b2d42;display:grid;grid-template-columns:1fr 42px;gap:8px}.op-ai-compose textarea{height:58px;resize:none;border:1px solid #28405b;border-radius:11px;background:#0a1624;color:#fff;padding:10px}.op-ai-compose button{border:0;border-radius:11px;background:linear-gradient(145deg,#1594a6,#6b56d2);font-size:20px}
.op-overlay{position:fixed;z-index:70;inset:0;background:#020812aa;opacity:0;pointer-events:none;transition:.2s}.op-overlay.is-open{opacity:1;pointer-events:auto}
.op-command-palette{position:fixed;z-index:100;inset:0;background:#020812aa;display:none;padding-top:11vh}.op-command-palette.is-open{display:block}.op-command-box{width:min(650px,92vw);margin:auto;border:1px solid #2a435e;background:#091522;border-radius:16px;box-shadow:0 30px 90px #000;padding:10px}.op-command-box input{width:100%;height:48px;border:0;border-bottom:1px solid #20334b;background:transparent;color:#fff;padding:0 10px;font-size:15px;outline:0}.op-command-results{display:grid;padding:8px}.op-command-results a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:#9bafc5}.op-command-results a:hover{background:#102033;color:#fff}.op-command-results kbd{margin-left:auto}
.op-mobile-nav{display:none}
.op-login-page{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:
radial-gradient(circle at 30% 25%,#2d2767 0,transparent 25%),linear-gradient(125deg,#06101b,#0a1626 52%,#0b1321)}
.op-login-brand{padding:50px clamp(32px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.op-login-brand:after{content:"";position:absolute;right:-14%;bottom:-20%;width:75%;height:75%;background:radial-gradient(ellipse at center,#27d5df2c,transparent 60%);transform:rotate(-18deg)}
.op-login-brand>img{width:125px}.op-login-copy{max-width:700px;position:relative;z-index:1}.op-login-copy>span{letter-spacing:.18em;color:#7695b8;font-size:10px}.op-login-copy h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,88px);line-height:.98;font-weight:400;margin:16px 0}.op-login-copy h1 em{font-style:normal;color:#66dce7}.op-login-copy p{max-width:580px;color:#8094ac;font-size:15px;line-height:1.6}.op-login-trust{display:flex;gap:24px;color:#668098;font-size:10px}
.op-login-panel{display:grid;place-items:center;padding:30px;background:#07111dcc;border-left:1px solid #1b2e44}.op-login-card{width:min(430px,100%);border:1px solid #27415e;background:#0d1929e6;border-radius:22px;padding:30px;box-shadow:0 30px 90px #0009}.op-login-card h2{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:8px 0}.op-login-card>p{color:#7d91a8;line-height:1.5}.op-login-card label{display:block;color:#8ba0b7;font-size:10px;margin:16px 0 6px}.op-login-card input{width:100%;height:44px;border:1px solid #2a405a;background:#091522;border-radius:10px;color:#fff;padding:0 12px;outline:0}.op-password{display:grid;grid-template-columns:1fr 38px;border:1px solid #2a405a;border-radius:10px;background:#091522}.op-password input{border:0}.op-password button{border:0;background:transparent;color:#698098}.op-primary-btn{height:46px;margin-top:20px;border-radius:11px;background:linear-gradient(135deg,#15a0af,#7655d8);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800}.op-passkey-btn{width:100%;margin-top:10px;height:44px;border:1px solid #2b435e;border-radius:10px;background:#0b1725;color:#a4b6c9}.op-login-foot{text-align:center;margin-top:18px;color:#62768e;font-size:9px}.op-login-mobile-brand{display:none}
@media(max-width:1180px){
  :root{--sidebar:218px}.op-grid--three,.op-grid--budget,.op-grid--ai{grid-template-columns:1fr 1fr}.op-grid--three>article:last-child,.op-grid--budget>article:last-child,.op-grid--ai>article:last-child{grid-column:1/-1}
  .op-metrics{grid-template-columns:repeat(3,1fr)}.op-domain-grid{grid-template-columns:repeat(3,1fr)}.op-grid--tasks{grid-template-columns:1fr}.op-command{width:46vw}
}
@media(max-width:820px){
  :root{--top:62px}
  body{font-size:13px}
  .op-sidebar{transform:translateX(-103%);transition:.24s;width:min(290px,86vw);z-index:90}.op-sidebar.is-open{transform:translateX(0)}
  .op-main{margin-left:0}.op-topbar{padding:9px 12px;gap:8px}.op-mobile-menu{display:block}.op-command{width:auto;flex:1}.op-command span:nth-child(2),.op-command kbd{display:none}.op-command{justify-content:center}
  .op-ask-btn span:nth-child(2),.op-ask-btn>b,.op-profile>span:nth-child(2),.op-profile>b,.op-bell{display:none}.op-ask-btn{padding:4px;border:0;background:transparent}.op-profile{padding:0}
  .op-content{padding:20px 12px 92px}.op-page-head{align-items:flex-start;flex-direction:column;gap:12px}.op-page-head h1{font-size:34px}.op-page-head p{font-size:12px}.op-sync-card{width:100%;min-width:0}
  .op-grid--hero,.op-grid--three,.op-grid--two,.op-grid--budget,.op-grid--ai,.op-grid--tasks{grid-template-columns:1fr}.op-grid--three>article:last-child,.op-grid--budget>article:last-child,.op-grid--ai>article:last-child{grid-column:auto}
  .op-card--position{grid-template-columns:120px 1fr}.op-position-ring{width:110px;height:110px}.op-position-ring strong{font-size:28px}
  .op-metrics{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.op-metric{min-width:180px;scroll-snap-align:start}
  .op-domain-grid{grid-template-columns:1fr 1fr}.op-subnav{margin-left:-12px;margin-right:-12px;border-radius:0;border-left:0;border-right:0;padding-left:12px}
  .op-week-grid{overflow:auto;grid-template-columns:48px repeat(7,145px)}.op-day-column{min-height:430px}.op-simple-table{overflow:auto}.op-simple-table>div{min-width:620px}
  .op-task-list{overflow:auto}.op-task-row{min-width:760px}.op-table-actions{display:none}.op-pl-grid{grid-template-columns:1fr 1fr}.op-donut-wrap{align-items:flex-start}.op-mini-week{overflow:auto;grid-template-columns:repeat(7,110px)}
  .op-mobile-nav{position:fixed;z-index:60;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:64px;border:1px solid #28415e;border-radius:19px;background:#081522e8;backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 20px 50px #000}
  .op-mobile-nav a,.op-mobile-nav button{border:0;background:transparent;color:#72869d;display:grid;place-items:center;align-content:center;gap:3px;font-size:15px}.op-mobile-nav span{font-size:8px}.op-mobile-nav .is-active{color:var(--cyan)}.op-mobile-nav button small{font-size:8px}.op-mobile-orb{width:36px;height:36px;color:#fff;font-size:10px}
  .op-login-page{grid-template-columns:1fr}.op-login-brand{display:none}.op-login-panel{min-height:100vh;padding:18px;border-left:0;background:
  radial-gradient(circle at 50% 20%,#2b2865 0,transparent 30%),linear-gradient(160deg,#06101c,#0a1626)}.op-login-card{padding:24px}.op-login-mobile-brand{display:block;text-align:center;margin:4px 0 22px}.op-login-mobile-brand img{width:120px}
}
@media(max-width:520px){
  .op-card{padding:14px;border-radius:15px}.op-card--ai{padding:17px}.op-card--ai h2{font-size:24px}.op-card--position{grid-template-columns:1fr}.op-position-ring{margin:auto}.op-domain-grid{grid-template-columns:1fr 1fr}.op-domain{padding:12px}.op-section-title h2{font-size:22px}.op-pl-grid{grid-template-columns:1fr 1fr}.op-donut-wrap{flex-direction:column}.op-orchestration{height:330px}.op-suggestion-grid{grid-template-columns:1fr}.op-login-card h2{font-size:28px}
}