:root{--bg:#0b1020;--side:#0e1524;--surface:#111b2c;--surface2:#182338;--edge:#253146;--muted:#8b98ad;--text:#e9f0fb;--accent:#6ee7d1;--accent2:#47c9bd;--blue:#6d9aff;--amber:#f4c577;--red:#ff8290;--radius:15px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:var(--accent)}.shell{display:flex;min-height:100vh}.sidebar{width:257px;min-width:257px;background:var(--side);border-right:1px solid #263145;padding:27px 16px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 28px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#b8f9e8,#50c6b5);display:grid;place-items:center;box-shadow:0 8px 22px #63e2ca23;color:#0b2630;font-size:25px;font-weight:950}.brand-mark-inner{transform:rotate(-6deg)}.brand strong{display:block;font-size:13px;letter-spacing:.75px;font-weight:850}.brand strong span{font-weight:450;color:#b5c4d7}.brand small{display:block;color:#667b94;letter-spacing:2px;font-size:9px;margin-top:1px;font-weight:700}.brand em{font-style:normal;color:var(--accent)}.workspace-chip{display:flex;align-items:center;gap:11px;padding:11px;background:#162238;border:1px solid #29374d;border-radius:13px;margin:0 1px 27px}.work-avatar,.profile-circle{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:800;background:linear-gradient(145deg,#324d78,#25374e);color:#d7e7fc}.workspace-chip b,.workspace-chip span,.profile strong,.profile span{display:block}.workspace-chip b{font-size:12px}.workspace-chip span{font-size:10px;color:var(--muted)}.workspace-chip .chevron{margin-left:auto;font-size:17px}.menu-label{font-size:10px;letter-spacing:1.75px;color:#677a92;font-weight:750;padding-left:14px;margin-bottom:12px}.side-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;border:1px solid transparent;color:#97a8bd;background:transparent;border-radius:10px;padding:11px 13px;text-align:left;width:100%;font-weight:590;font-size:13px;transition:background .15s}.nav-item:hover{background:#1b2940;color:#fff}.nav-item.active{background:#213d44;border-color:#2c655f;color:#abffeb}.nav-item svg,.icon-button svg,.mobile-item svg,.button svg,.icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav-item small{margin-left:auto;color:#76ab9f;background:#234740;border-radius:6px;padding:1px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-panel{border:1px solid #2f4053;background:linear-gradient(145deg,#1b2e43,#132334);padding:17px;border-radius:13px;margin:10px 0 24px}.help-icon{font-size:20px;color:var(--accent);margin-bottom:8px}.help-panel b{font-size:13px}.help-panel p{color:#94a5bc;font-size:11px;line-height:1.7;margin:5px 0 12px}.help-button{background:#304d54;border:1px solid #42676d;color:#c0ffec;padding:7px 12px;border-radius:8px;font-size:11px;font-weight:650}.profile{border-top:1px solid #263446;padding-top:16px;display:flex;gap:10px;align-items:center;padding-left:4px}.profile-circle{border-radius:50%;width:36px;height:36px}.profile strong{font-size:12px}.profile span{font-size:10px;color:var(--muted)}.profile-dot{width:7px;height:7px;border-radius:100%;background:#67d9af;margin-left:auto}.main-column{flex:1;min-width:0}.topbar{height:76px;padding:0 42px;border-bottom:1px solid #202b3e;display:flex;align-items:center;justify-content:space-between;background:#0e1524}.breadcrumbs{display:flex;gap:11px;align-items:center;color:#8797af;font-size:12px}.breadcrumbs b{color:#dce5ef;font-weight:600}.crumb-icon{font-size:20px;color:#6ee7d1}.crumb-sep{color:#52647b}.top-actions{display:flex;align-items:center;gap:20px}.top-status{display:flex;gap:8px;align-items:center;font-size:11px;color:#93b2ae}.top-status i{width:7px;height:7px;border-radius:100%;background:var(--accent);box-shadow:0 0 10px #6ee7d170}.icon-button{background:transparent;border:1px solid #2b3a4e;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#9aaec4}.top-user{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:#3e526d;color:#ddecfb;font-weight:700;font-size:11px}.view{max-width:1490px;padding:37px 43px 70px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:27px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.2px;color:var(--accent);font-weight:800;margin:0 0 7px}.page-heading h1{font-size:27px;line-height:1.2;margin:0;font-weight:780;letter-spacing:-.7px}.subtitle{font-size:12px;color:var(--muted);margin:9px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:11px 15px;border-radius:10px;font-size:12px;font-weight:750;border:1px solid #34465c;background:#1b293c;color:#dce9f8;transition:.16s}.button:hover{background:#29405b}.button.primary{background:var(--accent);border-color:var(--accent);color:#0b2529;box-shadow:0 5px 21px #6ee7d11a}.button.primary:hover{background:#a1fbe8}.button.danger{border-color:#6d3544;color:#ffb3bf;background:#391d2c}.button.ghost{background:transparent}.button.small{padding:7px 10px;font-size:11px;border-radius:8px}.button svg{width:16px;height:16px}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.info-banner{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 19px;background:linear-gradient(110deg,#203a44,#182b3d 78%);border:1px solid #315a5b;border-radius:13px;margin-bottom:25px}.info-banner b{font-size:12px}.info-banner span{color:#a2b9c3;font-size:12px;margin-left:10px}.info-banner .pill{flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 9px;font-size:10px;font-weight:750;background:#26354a;color:#b9c7db}.pill.active,.pill.done{background:#1c433c;color:#80eec4}.pill.paused{background:#4d3e2a;color:#ffcf8b}.pill.draft{background:#273c54;color:#9bc1ff}.pill.cancelled,.pill.unknown{background:#49303a;color:#ff9eaf}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card,.panel{background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:0 5px 19px #00000012}.stat-card{padding:20px 20px 17px;min-height:146px;position:relative;overflow:hidden}.stat-card .stat-icon{width:34px;height:34px;border-radius:11px;background:#22384c;color:#80cbdf;display:grid;place-items:center}.stat-card:nth-child(2) .stat-icon{background:#243d3c;color:#75e4b8}.stat-card:nth-child(3) .stat-icon{background:#342f4f;color:#b5a8ff}.stat-card:nth-child(4) .stat-icon{background:#473629;color:#f5c480}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-trend{font-size:10px;color:#7bdfb5}.stat-value{font-size:31px;font-weight:800;letter-spacing:-1px;margin-top:15px;line-height:1.1}.stat-label{color:#8d9bad;font-size:11px;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:19px;margin-bottom:23px}.panel{overflow:hidden}.panel-heading{padding:19px 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title{font-weight:730;font-size:14px}.panel-subtitle{font-size:11px;color:var(--muted);margin-top:3px}.panel-body{padding:0 22px 20px}.panel-link{background:none;border:0;color:#9edbcf;font-size:11px;font-weight:670}.activity-bars{height:174px;display:flex;gap:20px;align-items:stretch;padding:20px 4px 0;border-bottom:1px solid #29394b}.bar-item{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:6px;min-width:0}.bar-count{font-size:10px;color:#9fb3c6}.bar-col{width:min(41px,70%);min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(#80e9d3,#3c827f)}.bar-label{font-size:10px;color:#8696ac;margin-top:7px}.activity-footer{color:#8594a8;font-size:11px;padding:25px 0 3px}.health-list{display:grid;gap:18px;padding:12px 0 9px}.health-item{display:flex;gap:12px;align-items:center}.health-icon{width:37px;height:37px;border-radius:11px;background:#244038;color:#79e6b1;display:grid;place-items:center}.health-icon.amber{background:#403526;color:#e8c37c}.health-icon.purple{background:#30324b;color:#a7b1ff}.health-item b{font-size:12px;display:block}.health-item small{font-size:10px;color:#91a0b3}.health-value{margin-left:auto;font-weight:780;font-size:13px}.recent-table,.data-table{width:100%;border-collapse:collapse;text-align:left}.recent-table th,.data-table th{color:#7f92aa;font-size:10px;font-weight:730;text-transform:uppercase;letter-spacing:.6px;padding:12px 17px;border-bottom:1px solid #28364a}.recent-table td,.data-table td{padding:16px 17px;border-bottom:1px solid #253146;font-size:12px}.recent-table tr:last-child td,.data-table tr:last-child td{border-bottom:0}.recent-table td:first-child,.data-table td:first-child{font-weight:650}.t-dim{color:#91a1b5}.t-strong{font-weight:700}.table-scroller{overflow:auto}.progress-track{height:5px;min-width:80px;border-radius:9px;background:#314056;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:9px}.cell-stack{display:flex;flex-direction:column;gap:7px}.cell-sub{font-size:10px;color:#778ba4}.circle{display:inline-grid;place-items:center;background:#2a4051;color:#b7eadf;border-radius:10px;width:33px;height:33px;font-size:11px;font-weight:750;flex-shrink:0}.item-title{display:flex;align-items:center;gap:10px}.tiny{font-size:10px;color:var(--muted)}.empty{padding:43px 20px;text-align:center;color:#8d9bad}.empty .empty-icon{width:48px;height:48px;border-radius:16px;background:#243748;color:var(--accent);font-size:25px;margin:0 auto 15px;display:grid;place-items:center}.empty b{display:block;color:#dde7f2;font-size:14px}.empty p{font-size:12px}.toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--edge);flex-wrap:wrap}.input,.select,.textarea{border:1px solid #35465b;background:#0c1728;border-radius:9px;color:#e8f1fb;padding:11px 12px;outline:none;width:100%;font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:#68d7c9;box-shadow:0 0 0 3px #6ee7d118}.input::placeholder,.textarea::placeholder{color:#647890}.search{max-width:280px}.tabs{display:flex;gap:6px}.tab{background:transparent;border:1px solid transparent;padding:8px 12px;border-radius:8px;font-size:11px;color:#92a7bc;font-weight:670}.tab.active{background:#233b44;border-color:#31565d;color:#9cebdc}.check-toggle{position:relative;width:38px;height:22px;background:#394759;border:1px solid #566379;border-radius:20px;display:inline-block;vertical-align:middle;transition:.15s;cursor:pointer}.check-toggle.on{background:#286e62;border-color:#42a391}.check-toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.check-toggle.on:after{left:19px}.chat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:13px}.chat-card{background:#121d2f;border:1px solid #2b3a50;border-radius:13px;padding:16px}.chat-card .chat-main{display:flex;align-items:center;gap:11px;margin-bottom:15px}.chat-icon{width:40px;height:40px;border-radius:12px;background:#283b52;color:#9acff3;display:grid;place-items:center;font-weight:800}.chat-card b{font-size:12px}.chat-card small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.chat-card footer{border-top:1px solid #253449;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:17px}.media-card{background:var(--surface);border:1px solid #304057;overflow:hidden;border-radius:14px}.media-thumb{height:155px;background:#25364d;display:grid;place-items:center;color:#8dadc2;position:relative}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-info{padding:13px 15px}.media-info b{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-info small{font-size:10px;color:var(--muted)}.media-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.account-list{display:grid;gap:13px}.account-card{padding:17px 20px;display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--edge);border-radius:13px}.account-card .account-details{flex:1}.account-card b{font-size:13px}.account-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.account-meta{display:flex;gap:10px;margin-top:10px}.account-meta span{font-size:10px;color:#b5c9da;background:#26374a;padding:4px 8px;border-radius:5px}.form-field{display:grid;gap:7px;margin-bottom:17px}.form-field label{font-size:11px;color:#b6c7d9;font-weight:700}.form-hint{font-size:10px;color:var(--muted);line-height:1.5;margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.textarea{min-height:104px;resize:vertical}.modal-root:not([hidden]){position:fixed;inset:0;z-index:50;background:#030813bf;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(7px)}.modal-box{width:min(610px,100%);max-height:min(90vh,940px);overflow-y:auto;background:#121e2f;border:1px solid #374a5e;border-radius:20px;box-shadow:0 30px 100px #0009}.modal-head{padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #27374d}.modal-head h2{font-size:19px;letter-spacing:-.3px;margin:1px 0 2px}.modal-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.modal-close{border:1px solid #35465b;background:#1d2c41;color:#bbcde0;width:29px;height:29px;border-radius:8px;font-size:19px;line-height:1}.modal-content{padding:22px 24px}.modal-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b3a50;padding:16px 24px;gap:8px}.checkbox-list{max-height:240px;overflow:auto;border:1px solid #314157;border-radius:11px}.checkbox-row{padding:12px 13px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #28384c;cursor:pointer}.checkbox-row:last-child{border:0}.checkbox-row input{accent-color:#58d4be;width:16px;height:16px}.checkbox-row div{flex:1;min-width:0}.checkbox-row b{font-size:12px;display:block}.checkbox-row small{font-size:10px;color:var(--muted)}.checkbox-row:hover{background:#1a2d40}.count-accent{color:var(--accent);font-weight:720}.separator{height:1px;background:#27384d;margin:18px 0}.secondary-note{font-size:11px;color:#91a6b9;line-height:1.7}.code-hint{background:#0b1828;border:1px solid #304055;padding:11px;border-radius:9px;font-family:monospace;font-size:11px;color:#b9e5db;overflow:auto}.loading{height:45vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#9fb8bd;font-size:14px}.spinner{width:19px;height:19px;border:2px solid #3a6063;border-top-color:var(--accent);border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:26px;right:24px;z-index:100;pointer-events:none;display:grid;gap:8px}#toast .notice{background:#203947;color:#d4fff4;padding:12px 16px;border:1px solid #4c9687;border-radius:10px;box-shadow:0 20px 50px #0008;max-width:360px;animation:float-in .2s ease}#toast .notice.bad{background:#432737;color:#ffe3e8;border-color:#915364}@keyframes float-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-nav{display:none}.mini-note{color:#a6b7ca;font-size:11px}.settings-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:17px}.settings-card{padding:21px}.settings-card h3{font-size:14px;margin:0 0 11px}.settings-card p{font-size:11px;color:#a0b1c5}.status-overview{display:grid;gap:10px}.status-row{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #263547}.status-row:last-child{border-bottom:0}.status-row b{font-size:12px}.status-row span{color:var(--muted);font-size:11px}.logs{display:grid;gap:0}.log-item{display:flex;gap:14px;padding:15px 22px;border-bottom:1px solid #25364c}.log-bullet{border-radius:50%;width:10px;height:10px;background:var(--accent);margin-top:6px;box-shadow:0 0 0 4px #285248;flex-shrink:0}.log-item.warning .log-bullet{background:#f7bb74;box-shadow:0 0 0 4px #54412c}.log-item b{font-size:12px}.log-item p{margin:3px 0;font-size:11px;color:#9eb0c2}.log-item small{font-size:10px;color:#7890a7}.warn{padding:11px;border:1px solid #725339;border-radius:9px;background:#392d25;color:#f2cb98;font-size:11px;margin:10px 0}.hide-on-mobile{}button[data-action]:focus-visible,button[data-route]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{accent-color:var(--accent)}
@media(max-width:1100px){.sidebar{width:218px;min-width:218px}.view{padding:29px 28px 70px}.topbar{padding:0 28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.help-panel{display:none}}
@media(max-width:720px){.sidebar{display:none}.topbar{height:59px;padding:0 18px}.top-status{display:none}.view{padding:25px 15px 102px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:24px}.subtitle{max-width:340px}.page-heading>.button{padding:9px 11px}.info-banner{align-items:flex-start}.info-banner span{display:block;margin:5px 0 0}.info-banner .pill{margin-top:2px}.stats-grid{gap:10px;margin-bottom:16px}.stat-card{padding:15px;min-height:122px}.stat-value{font-size:26px;margin-top:11px}.stat-label{font-size:10px}.dashboard-grid{gap:15px}.panel-heading{padding:16px}.panel-body{padding:0 16px 18px}.recent-table th,.recent-table td,.data-table th,.data-table td{padding:12px 10px;white-space:nowrap}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#121c2cf5;border-top:1px solid #2a384a;padding:8px 7px calc(env(safe-area-inset-bottom, 0px) + 8px);justify-content:space-around;backdrop-filter:blur(12px)}.mobile-item{border:0;background:none;color:#7f95ac;min-width:60px;display:flex;flex-direction:column;gap:4px;align-items:center;padding:5px 3px;font-size:9px;font-weight:650}.mobile-item.active{color:var(--accent)}.mobile-item svg{width:21px;height:21px}.toolbar{gap:9px;padding:12px}.search{width:100%;max-width:none}.modal-root:not([hidden]){padding:0;align-items:flex-end}.modal-box{border-radius:20px 20px 0 0;max-height:94vh;width:100%}.modal-head{padding:18px 17px}.modal-content{padding:19px 17px}.modal-foot{padding:13px 17px}.form-grid{grid-template-columns:1fr;gap:0}.account-card{flex-wrap:wrap}.account-card .actions{width:100%;padding-left:49px}.chat-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr);gap:10px}.media-thumb{height:125px}.media-info{padding:12px}.hide-on-mobile{display:none}.page-heading .actions{justify-content:flex-end}.settings-cards{grid-template-columns:1fr}#toast{bottom:82px;left:15px;right:15px}#toast .notice{max-width:none}}
/* All generated inline icons are explicitly sized, even outside buttons. */
svg.icon{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.empty-icon svg.icon{width:22px;height:22px}

/* PM4 MOBILE TABS FIX */
@media(max-width:900px){.mobile-nav{overflow-x:auto;justify-content:flex-start}.mobile-item{flex:0 0 60px}}