:root{
  --bg-dark:#0b1f1b;
  --bg-dark-2:#102a24;
  --surface:#f7f4ed;
  --card:#fff;
  --emerald:#148a70;
  --emerald-dark:#0d5e4e;
  --emerald-soft:#dcede7;
  --champagne:#d6b477;
  --champagne-soft:#f1e4c9;
  --text:#17241f;
  --text-2:#697570;
  --text-3:#98a29e;
  --danger:#c94b4b;
  --danger-soft:#f7e1df;
  --warning:#d59a32;
  --warning-soft:#f7ead0;
  --violet:#6f5aa8;
  --violet-soft:#ece7f8;
  --border:rgba(16,55,46,.10);
  --shadow:0 10px 30px rgba(11,31,27,.06);
  --safe-top:max(12px, env(safe-area-inset-top));
  --safe-bottom:max(10px, env(safe-area-inset-bottom));
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:var(--bg-dark);
  font-synthesis:none;
}
*{box-sizing:border-box}
html,body,#root{margin:0;min-height:100%;background:var(--bg-dark)}
body{min-width:320px;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button{border:0;cursor:pointer;color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,138,112,.2);outline-offset:2px}
.desktop-stage{min-height:100vh;background:radial-gradient(circle at 50% 8%,#1a493e 0,#0b1f1b 40%,#081713 100%);display:flex;justify-content:center;align-items:flex-start}
.phone-shell{position:relative;width:min(100%,460px);min-height:100vh;background:var(--surface);box-shadow:0 0 70px rgba(0,0,0,.25)}
.app-surface{position:relative;min-height:100vh;background:var(--surface);padding-bottom:calc(76px + var(--safe-bottom));overflow-x:hidden}
.icon3d{object-fit:contain;display:block;flex:0 0 auto;filter:drop-shadow(0 5px 9px rgba(20,68,56,.10))}
.top-header{padding:calc(var(--safe-top) + 12px) 16px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(180deg,rgba(247,244,237,.98),rgba(247,244,237,.92));position:relative;z-index:20}
.top-header.top-brand{padding-bottom:16px}
.top-left{display:flex;align-items:flex-start;gap:8px;min-width:0}.top-left>div{min-width:0}
.brand-mark{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px;box-shadow:0 6px 16px rgba(11,31,27,.10);border:1px solid rgba(214,180,119,.35)}
.top-header h1{font-size:28px;line-height:1.08;margin:1px 0 0;font-weight:750;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--emerald-dark);margin-bottom:4px}
.header-subtitle{font-size:12px;color:var(--text-2);margin-top:5px}
.top-right{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.icon-btn{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.72);display:grid;place-items:center;position:relative;border:1px solid var(--border);box-shadow:0 5px 16px rgba(11,31,27,.04)}
.icon-btn:active{transform:scale(.97)}
.bell-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--danger);right:9px;top:8px;border:2px solid #fff}
.avatar-button{background:none;padding:0;border-radius:50%}.avatar{display:grid;place-items:center;border-radius:50%;font-weight:800;letter-spacing:-.02em;border:2px solid rgba(255,255,255,.9);box-shadow:0 5px 14px rgba(11,31,27,.12)}
.avatar-emerald{background:linear-gradient(145deg,#d6eee6,#7fb6a4);color:#124a3e}.avatar-blue{background:linear-gradient(145deg,#e4eef7,#94b2ce);color:#274b66}.avatar-gold{background:linear-gradient(145deg,#f7ead1,#d8b978);color:#614a22}.avatar-dark{background:linear-gradient(145deg,#173e35,#0a201b);color:#f4e6bd}
.page{padding:2px 16px 28px}.page>section{margin-top:24px}.client-page>section:first-child,.project-page>section:first-of-type{margin-top:12px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.section-title h2{font-size:18px;line-height:1.2;margin:0;font-weight:760;letter-spacing:-.02em}.text-action{background:none;color:var(--emerald-dark);font-size:13px;font-weight:750;padding:6px 0}
.stack{display:flex;flex-direction:column;gap:10px}.top-gap{margin-top:12px}
.card{width:100%;background:var(--card);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);padding:15px;text-align:left}
.card:active,button.card:active{transform:scale(.994)}
.card-title{font-size:16px;font-weight:760;line-height:1.25;letter-spacing:-.015em}.muted-sm{font-size:12px;color:var(--text-2);margin-top:3px}.muted-icon{color:#91a09a}
.grow{flex:1;min-width:0}
.project-card{display:block}.project-card-head{display:flex;align-items:center;gap:11px}.project-logo{width:42px;height:42px;border-radius:14px;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:11px;line-height:1;font-weight:730;white-space:nowrap}.chip-soft{background:var(--emerald-soft);color:var(--emerald-dark)}.chip-success{background:#dcefe8;color:#197057}.chip-gold{background:var(--champagne-soft);color:#7e5d22}.chip-warning{background:var(--warning-soft);color:#8a5b13}.chip-danger{background:var(--danger-soft);color:#a33c3c}.chip-violet{background:var(--violet-soft);color:var(--violet)}.chip-neutral{background:#eef0ed;color:#67726d}
.project-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-2)}.attention-text{color:#9a6722;font-weight:700}
.task-card{display:block}.task-main-row{display:flex;gap:11px;align-items:flex-start}.status-icon-wrap{width:46px;height:46px;border-radius:15px;background:#f7f8f4;display:grid;place-items:center;flex:0 0 46px}.task-title{font-size:15.5px}.task-meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px}.person-compact{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.task-flags{margin-top:9px}.due-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-2);padding:5px 0}.block-reason{display:flex;align-items:center;gap:6px;margin-top:10px;padding:9px 10px;background:var(--warning-soft);color:#80571c;border-radius:11px;font-size:11.5px}
.client-task-card .task-desc{font-size:12.5px;line-height:1.45;color:var(--text-2);margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.person-line{display:flex;align-items:center;gap:8px}.client-task-card .person-line{margin-top:13px}.person-line>div{display:flex;flex-direction:column;min-width:0}.person-line b{font-size:12.5px}.person-line span{font-size:11px;color:var(--text-2);margin-top:2px}.task-footer{display:flex;align-items:center;margin-top:12px;font-size:11.5px;color:var(--text-2)}.task-footer span,.done-label{display:flex;align-items:center;gap:5px}.done-label{color:var(--emerald-dark);font-weight:700}
.btn{height:46px;padding:0 16px;border-radius:14px;font-weight:760;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.14s ease}.btn:active{transform:scale(.985)}.btn-wide{width:100%;margin-top:10px}.btn-primary{background:var(--emerald);color:#fff;box-shadow:0 7px 17px rgba(20,138,112,.18)}.btn-primary:hover{background:var(--emerald-dark)}.btn-secondary{background:#fff;border:1px solid var(--border);color:var(--emerald-dark)}.btn-ghost{height:40px;background:var(--emerald-soft);color:var(--emerald-dark);padding:0 12px}.btn-danger{background:var(--danger-soft);color:#a33737}.btn:disabled{background:#e7e9e5;color:#9ca6a1;box-shadow:none;cursor:not-allowed}
.attention-stack{display:flex;flex-direction:column;gap:8px}.attention-card{width:100%;padding:12px 13px;border-radius:17px;background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid rgba(213,154,50,.23);display:flex;align-items:center;gap:10px;text-align:left}.attention-card b{display:block;font-size:13px}.attention-card span{display:block;font-size:11.5px;color:var(--text-2);margin-top:3px}
.summary-card{border-radius:22px;padding:16px}.dark-summary{background:linear-gradient(145deg,#11372e,#0c261f);color:#fff;box-shadow:0 16px 34px rgba(11,31,27,.14)}.summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-head span{display:block;font-size:11px;color:inherit;opacity:.72}.summary-head strong{display:block;font-size:26px;line-height:1;margin-top:5px;letter-spacing:-.04em}.summary-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.summary-kpis span{font-size:10.5px;opacity:.7}.summary-kpis b{display:block;font-size:14px;opacity:1;margin-top:3px}.summary-alert{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:6px;font-size:11.5px;color:#eed19a}
.seo-summary .summary-head{color:var(--text)}.seo-summary .summary-head strong{font-size:29px}.engine-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.engine-row span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2)}.engine-row b{margin-left:auto;color:var(--text)}
.finance-summary,.payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-summary>div,.payment-summary>div{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.finance-summary span,.payment-summary span{display:block;font-size:10.5px;color:var(--text-2)}.finance-summary b,.payment-summary b{display:block;font-size:18px;letter-spacing:-.03em;margin-top:5px}.danger-text{color:var(--danger)!important}
.team-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.team-strip button{background:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:1px;min-width:0}.team-strip b{font-size:11.5px}.team-strip span{font-size:9.5px;color:var(--text-2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.team-more>div{width:46px;height:46px;border-radius:50%;background:var(--emerald-soft);display:grid;place-items:center;font-weight:800;color:var(--emerald-dark)}
.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:8px;padding:11px 0;align-items:flex-start}.activity-item+.activity-item{border-top:1px solid var(--border)}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);margin-top:5px;flex:0 0 7px}.activity-item b{display:block;font-size:12.5px}.activity-item span{display:block;font-size:11px;color:var(--text-2);margin-top:3px}.activity-item time{font-size:9.5px;color:var(--text-3);white-space:nowrap}
.tabs-scroll{overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tabs{display:flex;gap:7px;width:max-content}.tabs button{height:38px;padding:0 13px;border-radius:13px;background:#ebece6;color:var(--text-2);font-size:12px;font-weight:720;white-space:nowrap}.tabs button.active{background:var(--emerald);color:#fff;box-shadow:0 7px 15px rgba(20,138,112,.16)}
.segmented{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;max-width:100%}.segmented::-webkit-scrollbar{display:none}.segmented button{height:32px;padding:0 10px;border-radius:11px;background:#eceee9;color:var(--text-2);font-size:10.5px;font-weight:700;white-space:nowrap}.segmented button.active{background:var(--emerald-soft);color:var(--emerald-dark)}
.analytics-section{margin-top:15px!important}.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0}.analytics-toolbar>span{font-size:10.5px;color:var(--text-3)}.period-btn,.project-select{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--border);border-radius:12px;height:36px;padding:0 11px;font-size:11.5px;font-weight:720}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi-grid.compact{margin-top:0}.kpi-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:13px;min-width:0;box-shadow:0 8px 22px rgba(11,31,27,.045)}.kpi-label{font-size:10.5px;color:var(--text-2);margin-top:4px}.kpi-value{font-size:22px;line-height:1.05;font-weight:800;letter-spacing:-.04em;margin-top:6px;white-space:nowrap}.kpi-delta{font-size:10px;font-weight:750;margin-top:7px}.delta-up{color:var(--emerald-dark)}.delta-down{color:#8f6a2c}.chart-card{margin-top:10px}.card-head{display:flex;align-items:center;justify-content:space-between}.chart-card .segmented{margin-top:12px}.mini-chart{height:155px;color:var(--emerald);margin-top:10px;position:relative;padding-bottom:23px}.mini-chart svg{width:100%;height:125px;overflow:visible}.chart-axis{display:flex;justify-content:space-between;color:var(--text-3);font-size:8.5px;margin-top:4px}.changes-card{margin-top:10px}.change-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:12px}.change-row+.change-row{border-top:1px solid var(--border)}.change-row b{color:var(--emerald-dark)}.change-row .good-down{color:var(--emerald-dark)}
.balance-card{margin-top:10px;background:linear-gradient(145deg,#113a30,#0d261f);color:#fff;border-radius:21px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 30px rgba(10,38,31,.14)}.balance-card span{display:block;font-size:10.5px;opacity:.72}.balance-card strong{display:block;font-size:27px;letter-spacing:-.04em;margin-top:4px}.balance-card small{display:block;font-size:9.5px;opacity:.65;margin-top:5px}.compact-balance{margin-top:9px}.compact-balance strong{font-size:23px}.budget-card{margin-top:10px}.budget-head{display:flex;align-items:center;justify-content:space-between}.progress{height:9px;border-radius:999px;background:#edf0eb;overflow:hidden;margin-top:15px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--emerald),#4dad93);border-radius:999px}.budget-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.budget-foot b{font-size:11.5px}.budget-foot span{font-size:10.5px;color:var(--text-2)}
.bar-row{margin-top:14px}.bar-label{display:flex;justify-content:space-between;font-size:11px}.bar-label b{font-size:11px}.bar-track{height:7px;background:#edf0eb;border-radius:999px;margin-top:6px;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--emerald);border-radius:999px}.campaign-card{display:block;margin-top:9px}.campaign-title{display:flex;align-items:center;gap:9px}.campaign-title>svg{margin-left:auto}.campaign-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border)}.campaign-kpis span{font-size:10px;color:var(--text-2)}.campaign-kpis b{display:block;font-size:12px;color:var(--text);margin-top:3px}
.empty-state{text-align:center;padding:34px 20px}.empty-state .icon3d{margin:0 auto 12px}.empty-state h3{font-size:18px;margin:0}.empty-state p{font-size:12.5px;line-height:1.5;color:var(--text-2);margin:8px auto 0;max-width:300px}.empty-inline{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed rgba(16,55,46,.18);border-radius:18px;background:rgba(255,255,255,.5)}.empty-inline b{display:block;font-size:12.5px}.empty-inline span{display:block;font-size:11px;color:var(--text-2);margin-top:3px}
.sub-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:12px 0}.sub-actions .segmented{flex:1}.integration-grid{display:grid;gap:8px}.integration-card{width:100%;display:flex;align-items:center;gap:10px;padding:13px;border-radius:17px;background:#fff;border:1px solid var(--border);text-align:left}.integration-logo{width:38px;height:38px;border-radius:12px;background:#f6d84b;display:grid;place-items:center;font-weight:900;color:#302700}.direct-logo{background:#ffe16b}.integration-card div:nth-child(2){flex:1}.integration-card b{display:block;font-size:12px}.integration-card span{display:block;font-size:10.5px;color:var(--text-2);margin-top:2px}
.task-status-hero{display:flex;align-items:center;gap:13px;margin:8px 0 17px}.task-status-hero>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.tiny-link{background:none;color:var(--emerald-dark);font-size:10px;padding:0}.task-detail-title h2{font-size:24px;line-height:1.12;letter-spacing:-.04em;margin:0}.task-detail-title>span{display:block;margin-top:6px;font-size:12px;color:var(--text-2)}.details-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.details-grid>div>span{display:block;font-size:10px;color:var(--text-3);margin-bottom:5px}.details-grid>div>b{font-size:12.5px}.body-copy{font-size:13px;line-height:1.55}.block-detail{display:flex;gap:10px;background:var(--warning-soft);color:#7c551c;border-radius:17px;padding:13px;margin-top:14px}.block-detail b{display:block;font-size:12px}.block-detail span{display:block;font-size:11px;margin-top:3px}.action-grid{display:flex;flex-direction:column}.comments{padding-bottom:10px}.comment{display:flex;gap:9px}.comment b{font-size:11.5px}.comment p{font-size:12px;line-height:1.45;margin:4px 0;color:var(--text-2)}.comment time{font-size:9.5px;color:var(--text-3)}.comment-box{height:42px;border-radius:13px;background:#f3f4ef;margin-top:12px;display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--text-3)}.comment-box input{border:0;background:none;outline:0;min-width:0;flex:1;font-size:11.5px}.comment-box button{background:none;color:var(--emerald-dark);display:grid;place-items:center}.history-row{width:100%;display:flex;align-items:center;gap:9px;background:none;padding:11px 2px;font-size:12px;font-weight:700}.history-row span{flex:1;text-align:left}
.payment-card{display:block}.payment-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.payment-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--border)}.payment-amount{font-size:21px;font-weight:820;letter-spacing:-.035em}.payment-state{text-align:right;font-size:11px;color:var(--emerald-dark);font-weight:720}.payment-state span{display:block;font-size:9.5px;color:var(--text-3);font-weight:500;margin-top:3px}.state-danger{color:var(--danger)}.payment-summary{grid-template-columns:repeat(2,1fr);margin-bottom:12px}.payment-summary>div:nth-child(3){grid-column:1/-1}
.filter-row{margin-bottom:12px}.client-card{display:block}.client-card-top{display:flex;align-items:center;gap:10px}.company-badge{width:40px;height:40px;border-radius:13px;background:var(--emerald-soft);color:var(--emerald-dark);display:grid;place-items:center}.client-main-contact{padding:11px 0 0;margin-top:11px;border-top:1px solid var(--border)}.client-main-contact span,.client-main-contact small{display:block;font-size:10px;color:var(--text-3)}.client-main-contact b{display:block;font-size:12.5px;margin:4px 0 2px}.contact-card{display:flex;align-items:center;gap:10px}.contact-card b,.contact-card span,.contact-card small{display:block}.contact-card b{font-size:12.5px}.contact-card span{font-size:11px;color:var(--text-2);margin-top:2px}.contact-card small{font-size:9.5px;color:var(--emerald-dark);margin-top:3px}.settings-list{padding:0 14px}.settings-list button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 0;background:none;text-align:left}.settings-list button+button{border-top:1px solid var(--border)}.settings-list b{display:block;font-size:12px}.settings-list span{display:block;font-size:10.5px;color:var(--text-2);margin-top:3px}
.employee-card{display:flex;align-items:center;gap:11px}.employee-stats{display:flex;gap:10px;margin-top:7px}.employee-stats span{font-size:10px;color:var(--text-2)}.client-team{display:flex;flex-direction:column;gap:12px}.client-team>div{display:flex;align-items:center;gap:9px}.client-team b{display:block;font-size:12px}.client-team span{display:block;font-size:10.5px;color:var(--text-2);margin-top:2px}
.profile-hero{text-align:center;padding:12px 0 16px}.profile-hero .avatar{margin:0 auto 9px}.profile-hero h2{font-size:21px;margin:0;letter-spacing:-.03em}.profile-hero p{font-size:12px;color:var(--text-2);margin:5px 0 9px}.profile-info>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0}.profile-info>div+div{border-top:1px solid var(--border)}.profile-info span{font-size:10.5px;color:var(--text-2)}.profile-info b{font-size:12px;text-align:right}.switch{width:42px;height:24px;border-radius:999px;background:#ccd3cf;padding:3px}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--emerald)}.switch.on i{transform:translateX(18px)}
.notification-date{font-size:10px;color:var(--text-3);margin:8px 0}.notification-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.notification-item{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:13px;background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.notification-item b{display:block;font-size:12.5px}.notification-item span{display:block;font-size:11px;color:var(--text-2);margin-top:3px}.notification-item time{display:block;font-size:9.5px;color:var(--text-3);margin-top:6px}.notification-item>svg{align-self:center;color:var(--text-3)}
.admin-health{background:linear-gradient(145deg,#173d34,#0b251e);color:#fff;border-radius:22px;padding:16px;display:flex;align-items:center;justify-content:space-between}.admin-health span{display:block;font-size:10.5px;opacity:.72}.admin-health strong{display:block;font-size:20px;margin-top:5px;letter-spacing:-.03em}.admin-menu,.more-menu{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.admin-menu button,.more-menu button{display:flex;align-items:center;gap:11px;background:#fff;text-align:left;padding:13px}.admin-menu button+button,.more-menu button+button{border-top:1px solid var(--border)}.admin-menu b,.more-menu b{display:block;font-size:12.5px}.admin-menu span,.more-menu span{display:block;font-size:10.5px;color:var(--text-2);margin-top:3px}.admin-menu button>svg,.more-menu button>svg{color:var(--text-3)}
.integration-health{display:block}.integration-project{display:flex;align-items:center;gap:10px;margin-bottom:12px}.integration-project b,.integration-project span{display:block}.integration-project b{font-size:13px}.integration-project span{font-size:10.5px;color:var(--text-2);margin-top:2px}.health-source{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border);font-size:11.5px}.integration-health .btn{margin-top:9px}
.report-card{display:block}.report-top{display:flex;justify-content:space-between;gap:10px}.report-sources{display:flex;gap:15px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border)}.report-sources span{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--text-2)}
.demo-role-card{width:100%;display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px;border-radius:18px;background:linear-gradient(135deg,var(--champagne-soft),#fff);border:1px solid rgba(214,180,119,.32);text-align:left}.demo-role-card>div{flex:1}.demo-role-card b{display:block;font-size:12px}.demo-role-card span{display:block;font-size:10.5px;color:var(--text-2);margin-top:3px}
.bottom-nav{position:fixed;z-index:80;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);height:calc(65px + var(--safe-bottom));padding:7px 8px var(--safe-bottom);background:rgba(250,248,243,.95);backdrop-filter:blur(18px);border-top:1px solid rgba(16,55,46,.08);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -10px 35px rgba(11,31,27,.05)}.bottom-nav button{background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;border-radius:13px;color:var(--text-3);min-width:0}.bottom-nav button span{font-size:8.8px;font-weight:720;white-space:nowrap}.bottom-nav button .icon3d{opacity:.63;filter:grayscale(.25) drop-shadow(0 3px 6px rgba(20,68,56,.07))}.bottom-nav button.active{color:var(--emerald-dark);background:rgba(220,237,231,.62)}.bottom-nav button.active .icon3d{opacity:1;filter:drop-shadow(0 4px 7px rgba(20,68,56,.11))}.nav-dot{position:absolute;right:16px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:2px solid #fff}
.toast{position:fixed;z-index:120;left:50%;bottom:calc(78px + var(--safe-bottom));transform:translateX(-50%);width:max-content;max-width:calc(min(100vw,460px) - 30px);background:#132c26;color:#fff;border-radius:13px;padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.18);animation:toastIn .18s ease-out}@keyframes toastIn{from{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.demo-fab{position:fixed;z-index:95;right:max(10px,calc((100vw - 460px)/2 + 8px));top:50%;transform:translateY(-50%);background:#173a32;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:9px;box-shadow:0 8px 20px rgba(0,0,0,.18);opacity:.82}.demo-fab:hover{opacity:1}
.sheet-backdrop{position:fixed;z-index:200;inset:0;background:rgba(4,18,14,.42);display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}.sheet{width:min(100%,460px);max-height:86vh;overflow:auto;background:var(--surface);border-radius:24px 24px 0 0;padding:9px 16px calc(18px + var(--safe-bottom));box-shadow:0 -20px 50px rgba(0,0,0,.17);animation:sheetUp .2s ease-out}@keyframes sheetUp{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.sheet-handle{width:42px;height:4px;border-radius:999px;background:#c7ccc8;margin:0 auto 14px}.sheet-title{font-size:20px;font-weight:800;letter-spacing:-.03em}.sheet-copy{font-size:11.5px;color:var(--text-2);line-height:1.5;margin:7px 0 12px}.sheet-list{display:flex;flex-direction:column;gap:7px;margin-top:11px}.sheet-list>button{min-height:50px;border-radius:15px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left}.sheet-list>button>span:not(.chip):not(.radio){display:flex;flex-direction:column}.sheet-list b{font-size:12.5px}.sheet-list small{font-size:10px;color:var(--text-2);margin-top:2px}.sheet-list .danger-row{color:var(--danger)}.radio-list button{min-height:44px}.radio{width:20px;height:20px;border-radius:50%;border:1.5px solid #a7b0ab;display:grid;place-items:center;color:#fff}.radio.checked{background:var(--emerald);border-color:var(--emerald)}
.modal-screen{position:fixed;z-index:210;inset:0;margin:auto;width:min(100%,460px);background:var(--surface);display:flex;flex-direction:column}.modal-content{padding:4px 16px 120px;overflow:auto;flex:1}.modal-footer{position:absolute;left:0;right:0;bottom:0;padding:10px 16px calc(12px + var(--safe-bottom));background:linear-gradient(180deg,rgba(247,244,237,0),var(--surface) 22%)}.field{display:block;margin-top:15px}.field>span{display:block;font-size:11px;font-weight:720;margin-bottom:6px;color:#40524a}.field input,.field textarea,.fake-input{width:100%;border:1px solid var(--border);background:#fff;border-radius:14px;color:var(--text);font-size:13px;box-shadow:0 5px 15px rgba(11,31,27,.03)}.field input{height:48px;padding:0 13px}.field textarea{min-height:118px;resize:vertical;padding:12px 13px;line-height:1.45}.fake-input{height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;text-align:left}.field input::placeholder,.field textarea::placeholder{color:#a2aaa6}
@media (max-width:359px){.top-header,.page,.sheet,.modal-content{padding-left:12px;padding-right:12px}.tabs-scroll{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.top-header h1{font-size:25px}.kpi-value{font-size:19px}.summary-kpis{grid-template-columns:1fr 1fr}.summary-kpis span:last-child{grid-column:1/-1}.finance-summary,.payment-summary{grid-template-columns:1fr}.payment-summary>div:nth-child(3){grid-column:auto}.team-strip{grid-template-columns:repeat(3,1fr)}.team-strip button:nth-child(4){display:none}.details-grid{grid-template-columns:1fr}.campaign-kpis{grid-template-columns:1fr 1fr}.demo-fab span{display:none}.demo-fab{padding:8px}.brand-mark{width:34px;height:34px;flex-basis:34px}}
@media (min-width:461px){.phone-shell{margin:20px 0;min-height:calc(100vh - 40px);border-radius:28px;overflow:hidden}.app-surface{min-height:calc(100vh - 40px)}.bottom-nav{bottom:20px;border-radius:0 0 28px 28px}.modal-screen{top:20px;bottom:20px;height:auto;border-radius:28px;overflow:hidden}.sheet{border-radius:24px 24px 0 0}.desktop-stage{min-height:100vh}.demo-fab{right:calc((100vw - 460px)/2 - 76px)}}

/* =========================================================
   Bizard Work UI Prototype v1.1 — visual skin
   Keeps the frozen IA/flows from v1 and restores the agreed
   dark emerald hero + cream workspace composition.
   ========================================================= */
:root{
  --hero-0:#071b17;
  --hero-1:#0b2a23;
  --hero-2:#104a3c;
  --hero-line:rgba(214,180,119,.22);
  --hero-glass:rgba(255,255,255,.075);
  --hero-glass-border:rgba(255,255,255,.11);
  --surface:#f6f2e9;
  --card:#fffdf9;
  --shadow:0 12px 30px rgba(8,31,26,.075);
}
.phone-shell{background:var(--hero-0)}
.app-surface{background:
  linear-gradient(180deg,var(--hero-0) 0 155px,var(--surface) 155px 100%);
}
.avatar-photo{overflow:hidden;background:#173a31;color:transparent;padding:0}
.avatar-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04)}

/* full role hero */
.role-hero{position:relative;isolation:isolate;height:276px;overflow:hidden;color:#f8f5ed;padding:calc(var(--safe-top) + 10px) 16px 0;background:
  radial-gradient(190px 155px at 88% 24%,rgba(32,196,153,.22),transparent 72%),
  radial-gradient(220px 150px at -8% 34%,rgba(214,180,119,.12),transparent 75%),
  linear-gradient(145deg,#071b17 0%,#0a2b23 51%,#0b392f 100%);
}
.role-hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.22;background-image:
  linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,black 35%,black 80%,transparent)}
.role-hero:after{content:"";position:absolute;left:12px;right:12px;bottom:25px;height:1px;background:linear-gradient(90deg,transparent,var(--hero-line),rgba(20,181,139,.35),transparent)}
.hero-grid-glow{position:absolute;right:-48px;top:76px;width:230px;height:230px;border-radius:50%;border:1px solid rgba(214,180,119,.11);box-shadow:0 0 0 28px rgba(214,180,119,.025),0 0 0 58px rgba(25,186,143,.025);pointer-events:none}
.hero-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hero-brand{display:flex;align-items:center;gap:9px;min-width:0}.hero-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(214,180,119,.45);box-shadow:0 7px 24px rgba(0,0,0,.25)}
.hero-brand b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.11em;color:#fff}.hero-brand span{display:block;font-size:9px;color:rgba(255,255,255,.52);margin-top:2px;white-space:nowrap}
.hero-actions{display:flex;align-items:center;position:relative}.role-hero .icon-btn,.entity-hero .icon-btn{background:rgba(255,255,255,.075);color:#fff;border-color:rgba(255,255,255,.11);box-shadow:none;backdrop-filter:blur(10px)}
.role-hero .avatar{border-color:rgba(214,180,119,.55);box-shadow:0 5px 18px rgba(0,0,0,.24)}
.role-hero .bell-dot{border-color:#0b2a23}
.hero-copy{position:relative;z-index:3;margin-top:30px;width:68%;max-width:285px}
.hero-kicker,.entity-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d8ba7d}
.hero-copy h1{font-size:27px;line-height:1.03;margin:7px 0 8px;letter-spacing:-.045em;font-weight:800;max-width:250px;text-wrap:balance}
.hero-copy p{font-size:11.5px;line-height:1.45;margin:0;color:rgba(255,255,255,.72);max-width:236px}
.hero-badge{display:inline-flex;margin-top:12px;border:1px solid rgba(214,180,119,.32);background:rgba(214,180,119,.10);color:#ead19e;border-radius:999px;padding:5px 9px;font-size:9.5px;font-weight:750;letter-spacing:.02em;backdrop-filter:blur(8px)}
.hero-art-wrap{position:absolute;z-index:2;right:-26px;bottom:5px;width:53%;height:205px;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;overflow:hidden}
.hero-art{max-width:100%;max-height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 15px 18px rgba(0,0,0,.23));mix-blend-mode:normal}
.hero-art-wrap.jimmy-hero-art{right:-5px}
.hero-art-wrap.employee-hero-art{right:-2px}
.hero-gold-orbit{position:absolute;z-index:1;border:1px solid rgba(214,180,119,.18);border-radius:50%;pointer-events:none}.orbit-one{width:132px;height:44px;right:9px;bottom:55px;transform:rotate(-16deg)}.orbit-two{width:90px;height:30px;right:28px;bottom:70px;transform:rotate(24deg);border-color:rgba(23,202,153,.15)}
.hero-page{position:relative;z-index:6;margin-top:-24px;padding-top:18px;border-radius:26px 26px 0 0;background:
  radial-gradient(120px 80px at 100% 0,rgba(214,180,119,.07),transparent 80%),
  var(--surface);box-shadow:0 -14px 28px rgba(4,20,16,.12)}
.hero-page:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34px;height:3px;border-radius:99px;background:rgba(17,68,55,.11)}
.hero-page>section:first-child{margin-top:17px}

/* compact entity/project hero */
.entity-hero{position:relative;z-index:2;color:#fff;padding:calc(var(--safe-top) + 8px) 16px 34px;background:
  radial-gradient(160px 100px at 92% 20%,rgba(21,175,135,.20),transparent 75%),
  linear-gradient(145deg,#071b17,#0c3128 60%,#0f4438);overflow:hidden}
.entity-hero:after{content:"";position:absolute;right:-45px;bottom:-58px;width:170px;height:170px;border-radius:50%;border:1px solid rgba(214,180,119,.15);box-shadow:0 0 0 25px rgba(214,180,119,.02)}
.entity-hero-top{position:relative;z-index:2;display:flex;align-items:center;gap:8px;min-height:44px}.entity-spacer{flex:1}.entity-hero-title{font-size:13px;font-weight:760;letter-spacing:-.01em}
.entity-hero-body{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-top:15px}.hero-project-logo{width:54px;height:54px;border-radius:17px;flex:0 0 54px;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.entity-hero-body h1{font-size:25px;line-height:1.05;margin:3px 0 7px;letter-spacing:-.04em}.hero-service-row{display:flex;gap:5px;flex-wrap:wrap}.hero-service-row span{font-size:9px;color:rgba(255,255,255,.72);padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.hero-status{font-size:9px;white-space:nowrap;color:#9ce2c8;background:rgba(20,138,112,.22);border:1px solid rgba(92,213,171,.18);padding:5px 8px;border-radius:999px;align-self:flex-start;margin-top:16px}
.entity-page{position:relative;z-index:5;margin-top:-23px;padding-top:14px;border-radius:25px 25px 0 0;background:var(--surface);box-shadow:0 -12px 25px rgba(4,20,16,.10)}
.entity-page .tabs-scroll{margin-top:0}

/* dark profile hero */
.profile-entity-hero{padding-bottom:50px}.profile-hero-dark{padding:12px 0 0;color:#fff}.profile-hero-dark .avatar{margin:0 auto 10px;border-color:rgba(214,180,119,.50);box-shadow:0 12px 30px rgba(0,0,0,.26)}.profile-hero-dark h2{color:#fff}.profile-hero-dark p{color:rgba(255,255,255,.62)}.profile-page{padding-top:18px}

/* root utility headers remain compact but acquire Bizard depth */
.top-header:not(.top-brand){background:linear-gradient(180deg,#fbf8f0 0%,rgba(247,244,237,.98) 100%);border-bottom:1px solid rgba(16,55,46,.055)}
.top-header:not(.top-brand):before{content:"";position:absolute;top:0;left:16px;right:16px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,rgba(20,138,112,.36),rgba(214,180,119,.42),transparent)}

/* cards and information surfaces */
.page{background:var(--surface)}
.card,.attention-card,.finance-summary>div,.payment-summary>div,.notification-item{box-shadow:0 10px 25px rgba(9,42,34,.065);border-color:rgba(14,64,52,.085)}
.card{background:linear-gradient(160deg,#fffefb,#fffdfa 72%)}
.project-card{position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;left:0;top:17px;bottom:17px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--emerald),rgba(214,180,119,.50));opacity:.55}
.status-icon-wrap{background:linear-gradient(145deg,#f2f5ef,#fbfaf5);box-shadow:inset 0 0 0 1px rgba(18,73,59,.045)}
.section-title h2{font-size:17px}.section-title{margin-bottom:9px}
.dark-summary{background:
 radial-gradient(140px 90px at 88% 0,rgba(33,191,148,.16),transparent 75%),
 linear-gradient(145deg,#0a2a22,#0a201b);border:1px solid rgba(214,180,119,.16)}
.balance-card{background:linear-gradient(140deg,#0b3028,#0c211c)!important;border:1px solid rgba(214,180,119,.17)!important;color:#fff!important;box-shadow:0 14px 30px rgba(6,27,22,.13)!important}.balance-card span,.balance-card small{color:rgba(255,255,255,.62)!important}.balance-card strong{color:#fff!important}
.kpi-card{background:linear-gradient(155deg,#fffefb,#fff 70%);border-color:rgba(16,55,46,.08);box-shadow:0 9px 24px rgba(9,42,34,.055)}
.btn-primary{background:linear-gradient(135deg,#169176,#0f755f);box-shadow:0 8px 19px rgba(20,138,112,.21)}
.btn-ghost{background:linear-gradient(135deg,#e2efe9,#f3ead7);border:1px solid rgba(20,138,112,.09)}
.tabs{background:rgba(255,255,255,.58);padding:4px;border-radius:16px;border:1px solid rgba(16,55,46,.06)}
.tabs button.active{box-shadow:0 6px 15px rgba(14,94,76,.17)}

/* navigation */
.bottom-nav{background:rgba(250,247,239,.965);border-top:1px solid rgba(11,56,45,.09);box-shadow:0 -10px 34px rgba(5,27,22,.075)}
.bottom-nav button.active{background:linear-gradient(180deg,rgba(220,237,231,.82),rgba(241,228,201,.28));box-shadow:inset 0 0 0 1px rgba(20,138,112,.055)}

/* character-aware team/UI */
.team-strip .avatar,.client-team .avatar,.employee-card .avatar,.person-line .avatar,.person-compact .avatar{border-color:#fff;box-shadow:0 5px 14px rgba(7,34,27,.14)}
.team-more div{background:linear-gradient(145deg,#143d33,#0a231d)!important;color:#e7c98f!important;border:1px solid rgba(214,180,119,.25)}

/* slightly denser, more app-like desktop preview */
@media (min-width:461px){
  .phone-shell{box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 0 1px rgba(214,180,119,.10)}
}
@media (max-width:359px){
  .role-hero{height:260px;padding-left:12px;padding-right:12px}.hero-copy{width:70%;margin-top:24px}.hero-copy h1{font-size:24px}.hero-copy p{font-size:10.8px}.hero-brand span{display:none}.hero-art-wrap{right:-35px;width:55%;height:190px}.hero-brand img{width:38px;height:38px}.entity-hero{padding-left:12px;padding-right:12px}.hero-status{display:none}.entity-hero-body h1{font-size:23px}
}
.hero-art{height:100%;width:auto;max-width:none;max-height:none}


/* Jimmy character preview integration */
.character-profile-card{position:relative;isolation:isolate;height:242px;margin-bottom:12px;overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(150px 125px at 86% 25%,rgba(27,197,151,.22),transparent 72%),radial-gradient(145px 90px at 10% 92%,rgba(214,180,119,.12),transparent 75%),linear-gradient(145deg,#071b17,#0b3027 58%,#0d4135);border:1px solid rgba(214,180,119,.18);box-shadow:0 16px 34px rgba(6,28,23,.16)}
.character-profile-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;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:22px 22px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.45) 55%,transparent)}
.character-profile-copy{position:relative;z-index:3;width:58%;padding:24px 0 20px 20px}.character-profile-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#ddc187}.character-profile-copy h2{font-size:24px;line-height:1.04;letter-spacing:-.04em;margin:9px 0 6px;max-width:180px}.character-profile-copy p{font-size:11.5px;color:rgba(255,255,255,.66);margin:0}.character-profile-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.character-profile-tags .chip{border-color:rgba(255,255,255,.08)}
.character-profile-art{position:absolute;z-index:2;right:-2px;bottom:-4px;width:56%;height:232px;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none}.character-profile-art img{height:100%;width:auto;max-width:none;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 17px 19px rgba(0,0,0,.26))}
@media(max-width:359px){.character-profile-card{height:225px}.character-profile-copy{padding-left:16px;width:61%}.character-profile-copy h2{font-size:21px}.character-profile-art{right:-8px;height:215px;width:58%}}

/* Bizard Work v2 production runtime */
.field select{width:100%;height:48px;padding:0 38px 0 13px;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:14px;font-size:13px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#738078 50%),linear-gradient(135deg,#738078 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.field select:focus-visible{outline:3px solid rgba(20,138,112,.2);outline-offset:2px}.check-field{display:flex!important;align-items:center;gap:10px;padding:12px 2px}.check-field input{width:20px!important;height:20px!important;margin:0;accent-color:var(--emerald)}.check-field>span{margin:0!important;font-size:13px!important}.modal-form{display:flex;flex:1;min-height:0;flex-direction:column}.modal-form .modal-content{flex:1}.modal-request-summary{margin-top:12px;padding:14px;border-radius:16px;background:var(--champagne-soft);border:1px solid rgba(214,180,119,.25)}.modal-request-summary b{font-size:14px}.modal-request-summary p{font-size:12px;line-height:1.45;color:var(--text-2);margin:6px 0 0}
.saving-pill{position:fixed;z-index:260;top:calc(var(--safe-top) + 10px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#0b2a23;color:#fff;font-size:11px;font-weight:750;box-shadow:0 8px 24px rgba(0,0,0,.18)}.saving-pill svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* v2.0.4 cinematic launch splash */
.launch-splash{position:fixed;inset:0;z-index:9999;overflow:hidden;background:#061b17;color:#fff;opacity:1;transition:opacity .27s ease;isolation:isolate}
.launch-splash.is-leaving{opacity:0;pointer-events:none}
.launch-splash-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:top center;background:#061b17;user-select:none;-webkit-user-drag:none}
.launch-splash:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:25%;background:linear-gradient(180deg,rgba(4,22,18,0),rgba(4,22,18,.52) 34%,rgba(4,22,18,.94) 100%);pointer-events:none}
.launch-splash-bottom{position:absolute;z-index:2;left:22px;right:22px;bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));display:flex;flex-direction:column;gap:11px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.28))}
.launch-splash-caption{font-size:12px;line-height:1.2;font-weight:650;text-align:center;letter-spacing:.01em;color:rgba(255,255,255,.86);text-shadow:0 2px 10px rgba(0,0,0,.42)}
.launch-progress{position:relative;height:7px;border-radius:999px;padding:1px;overflow:hidden;background:rgba(2,27,22,.62);border:1px solid rgba(224,193,128,.52);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 18px rgba(24,196,151,.12)}
.launch-progress:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:rgba(255,255,255,.06)}
.launch-progress span{position:relative;z-index:1;display:block;height:100%;width:7%;border-radius:999px;background:linear-gradient(90deg,#08755f 0%,#0ea985 45%,#28dbad 78%,#e4c480 100%);box-shadow:0 0 14px rgba(31,218,169,.45);animation:launch-progress 1.45s cubic-bezier(.16,.78,.24,1) forwards;overflow:hidden}
.launch-progress span:after{content:"";position:absolute;top:-2px;bottom:-2px;width:42px;right:-12px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);filter:blur(2px);animation:launch-shimmer .72s linear infinite}
.launch-splash.is-finishing .launch-progress span{animation:none;width:100%;transition:width .22s cubic-bezier(.2,.8,.2,1)}
@keyframes launch-progress{0%{width:7%}35%{width:39%}72%{width:73%}100%{width:92%}}
@keyframes launch-shimmer{0%{transform:translateX(-36px);opacity:.15}50%{opacity:.85}100%{transform:translateX(28px);opacity:.15}}
@media(max-width:359px){.launch-splash-bottom{left:18px;right:18px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))}.launch-splash-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.launch-progress span,.launch-progress span:after{animation:none}.launch-progress span{width:92%}.launch-splash{transition-duration:.12s}}

.boot-screen{min-height:100vh;width:min(100%,460px);margin:0 auto;background:radial-gradient(circle at 75% 18%,rgba(24,177,137,.18),transparent 28%),linear-gradient(145deg,#071b17,#0b2d25 58%,#071b17);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 28px}.boot-screen>img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:1px solid rgba(214,180,119,.45);box-shadow:0 18px 50px rgba(0,0,0,.3)}.boot-screen h1{font-size:30px;letter-spacing:-.04em;margin:18px 0 6px}.boot-screen p{font-size:12px;color:rgba(255,255,255,.66);line-height:1.5;max-width:310px}.boot-bar{width:220px;height:6px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden;margin-top:22px}.boot-bar span{display:block;width:45%;height:100%;border-radius:99px;background:linear-gradient(90deg,#12b88c,#dfbd7c);animation:boot 1.3s ease-in-out infinite}@keyframes boot{0%{transform:translateX(-100%)}100%{transform:translateX(330%)}}.error-boot .icon3d{margin-bottom:4px}.error-boot .btn{margin-top:20px;max-width:280px}
.analytics-loading{min-height:190px;border:1px solid var(--border);background:linear-gradient(145deg,#fffefb,#f9f6ee);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;color:var(--text-2)}.analytics-loading b{font-size:14px;color:var(--text)}.analytics-loading span{font-size:11.5px;line-height:1.45;max-width:270px}.analytics-loading.small{min-height:110px}.analytics-projects{display:flex;gap:7px;overflow:auto;margin:6px -16px 2px;padding:2px 16px 8px;scrollbar-width:none}.analytics-projects::-webkit-scrollbar{display:none}.analytics-project-pill{white-space:nowrap;height:36px;padding:0 13px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:11.5px;font-weight:720;color:var(--text-2)}.analytics-project-pill.active{background:var(--emerald-dark);color:#fff;border-color:transparent;box-shadow:0 7px 16px rgba(13,94,78,.18)}.analytics-body{margin-top:12px}.analytics-direct-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:21px;padding:16px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.18),transparent 35%),linear-gradient(135deg,#d7b36c,#9d6f2d);color:#fff;box-shadow:0 14px 30px rgba(128,88,32,.16);margin-bottom:10px}.analytics-direct-hero span{font-size:11px;opacity:.8}.analytics-direct-hero strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:4px}.budget-row{display:block}.budget-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.budget-title b{font-size:13px}.budget-title span{display:block;font-size:11px;color:var(--text-2);margin-top:3px}.budget-progress{height:7px;border-radius:99px;background:#edf0eb;overflow:hidden;margin-top:12px}.budget-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--emerald),var(--champagne))}.budget-meta{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-2);margin-top:6px}.budget-meta b{color:var(--text)}
.integration-note{margin-top:16px;padding:13px 14px;border-radius:16px;background:var(--champagne-soft);font-size:11.5px;line-height:1.5;color:#6d572e}.invite-card{display:flex!important;align-items:center;gap:9px}.invite-card b,.invite-card span,.invite-card small{display:block}.invite-card b{font-size:13px}.invite-card span,.invite-card small{font-size:11px;color:var(--text-2);margin-top:3px}.icon-btn.compact{width:35px;height:35px;border-radius:11px;flex:0 0 35px}.danger-mini{color:var(--danger)!important}.muted-empty{padding:14px;text-align:center;font-size:12px;color:var(--text-3)}.integration-card{cursor:default}.report-text{font-size:12px;line-height:1.5;color:var(--text-2);margin:12px 0 0}.comment-compose{display:flex;gap:7px;margin-top:10px}.comment-compose input{flex:1;min-width:0;height:44px;border:1px solid var(--border);background:#fff;border-radius:14px;padding:0 13px;color:var(--text)}.comment-compose button{width:44px;height:44px;border-radius:14px;background:var(--emerald);color:#fff;display:grid;place-items:center}.comments{display:flex;flex-direction:column;gap:8px}.comment{background:#fff;border:1px solid var(--border);border-radius:15px;padding:11px 12px}.comment b{font-size:11.5px}.comment p{font-size:12px;line-height:1.45;margin:5px 0;color:var(--text)}.comment time{font-size:9.5px;color:var(--text-3)}
/* Integration settings — production screen */
.integration-open{display:block;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.integration-open:hover{box-shadow:0 13px 31px rgba(9,42,34,.085)}.integration-project{display:flex;align-items:center;gap:11px}.integration-project .grow span{display:block;font-size:11.5px;color:var(--text-2);margin-top:3px}.integration-project>svg{color:var(--text-3);flex:0 0 auto}.health-source{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:12px;color:var(--text-2)}
.integration-config-form{display:flex;flex-direction:column;gap:12px}.integration-config-form .field{margin:0}.integration-goals{padding:12px;border-radius:15px;background:linear-gradient(145deg,#f8f5ec,#fff);border:1px solid var(--border)}.integration-goals>span{display:block;margin-bottom:9px;font-size:11px;font-weight:760;color:var(--text-2)}.integration-goals label{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:12px}.integration-goals label+label{border-top:1px solid rgba(16,55,46,.055)}.integration-goals input{width:18px;height:18px;margin:0;accent-color:var(--emerald);flex:0 0 18px}.integration-goals b{font-size:12px;font-weight:700}.danger-note{background:var(--danger-soft);border:1px solid rgba(201,75,75,.16);color:#8e3535}.integration-config-form .btn-danger{margin-top:-2px}

@media(max-width:359px){.hero-art-wrap.jimmy-hero-art{right:-12px}.hero-art-wrap.employee-hero-art{right:-4px}}