:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#15224a;background:#ddecff;font-synthesis:none;--blue:#4b8cff;--navy:#142147;--coral:#ff4763;--mint:#26d8c9;--orange:#ff9c48;--line:#d9e7f8;--shadow:0 18px 46px rgba(70,111,171,.16)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#ddecff}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.phone-shell{width:min(100%,560px);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#f8fbff,#eff7ff 44%,#f9fbff);position:relative;overflow-x:hidden;box-shadow:0 0 50px #3f69a62e}.sky-bg{background:radial-gradient(circle at 8% 2%,rgba(255,184,204,.28),transparent 22%),radial-gradient(circle at 92% 7%,rgba(93,181,255,.28),transparent 20%),linear-gradient(180deg,#f7fbff,#edf7ff 55%,#fff);position:relative}.sky-bg:before,.sky-bg:after{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(28px);pointer-events:none}.sky-bg:before{width:180px;height:80px;left:-50px;top:260px;background:#ffffffe6}.sky-bg:after{width:220px;height:90px;right:-80px;top:560px;background:#ffffffeb}.app-page{padding:12px 14px 104px;position:relative;z-index:1}.inner-page{padding-top:16px}.brand-logo{display:block;width:196px;max-width:100%;height:auto;object-fit:contain}.topbar{height:76px;padding:14px 14px 8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;position:sticky;top:0;z-index:40;background:#f7fbffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(183,208,239,.65)}.topbar-left{justify-self:start}.topbar-center{justify-self:center;min-width:0}.topbar-center strong{font-size:18px;color:#18244a}.topbar-right{justify-self:end;display:flex;gap:7px;align-items:center}.round-btn{width:40px;height:40px;border-radius:14px;border:1px solid #d7e4f4;background:#ffffffeb;color:#23345c;font-size:22px;display:grid;place-items:center;box-shadow:0 8px 18px #4b72aa1a;position:relative}.round-btn i{position:absolute;right:-2px;top:-4px;width:17px;height:17px;border-radius:999px;background:#ff405c;color:#fff;font-style:normal;font-size:9px;display:grid;place-items:center}.role-pill{border:1px solid #d9e7fa;background:#fff;color:#6a7c9b;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800;white-space:nowrap}.demo-role-banner{display:flex;justify-content:flex-end;gap:6px;align-items:center;margin-bottom:8px;color:#8ea0bd;font-size:9px}.demo-role-banner button{border:0;background:#e8f1ff;color:#4b70a5;border-radius:999px;padding:6px 10px;font-weight:800}.bottom-nav{position:fixed;z-index:80;bottom:0;left:50%;transform:translate(-50%);width:min(100%,560px);height:86px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#f9fcfff0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid #dce8f6;box-shadow:0 -12px 30px #4d6ea01a}.nav-item,.nav-plus{border:0;background:transparent;color:#8b9ab5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-item small{font-size:9px;font-weight:800}.nav-item.active{color:#ff4261}.ui-icon{width:31px;height:31px;border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--ic),#fff 30%),var(--ic));color:#fff;display:grid;place-items:center;font-size:16px;font-weight:900;box-shadow:0 8px 16px color-mix(in srgb,var(--ic),transparent 72%)}.nav-item.active .ui-icon{transform:translateY(-1px);box-shadow:0 10px 20px #ff476340}.nav-plus .ui-icon{width:54px;height:54px;border-radius:50%;font-size:28px;background:linear-gradient(145deg,#ff657c,#ff3657);box-shadow:0 13px 25px #ff375847;border:4px solid #fff}.nav-badge{position:absolute;top:1px;right:23%;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ff405f;color:#fff;font-size:9px;display:grid;place-items:center}.avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--soft,#fff);border:2px solid #fff;box-shadow:0 4px 12px #3d598424;flex:none}.avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.avatar.tiny{width:21px;height:21px}.avatar.micro{width:28px;height:28px;margin-left:-7px}.avatar.micro:first-child{margin-left:0}.avatar.small{width:36px;height:36px}.avatar.medium{width:54px;height:54px}.avatar.large{width:76px;height:76px}.welcome-avatar{width:72px;height:72px}.avatar-stack{display:flex;align-items:center;margin-top:9px}.home-hero{min-height:210px;display:grid;grid-template-columns:1.05fr .95fr;gap:8px;align-items:center;margin-top:2px;padding:12px;border-radius:28px;background:linear-gradient(135deg,#fffffff0,#f9fcffcc);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow);position:relative;overflow:hidden}.home-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#ffdbe4,#ffdbe400 72%);right:-24px;top:-42px}.welcome-card{position:relative;z-index:2;display:flex;gap:11px;align-items:center}.welcome-card>div span{font-size:9px;color:#8899b6}.welcome-card h1{font-size:24px;line-height:1.04;margin:3px 0 6px;color:#142149}.welcome-card p{margin:0;color:#7484a2;font-size:10px;line-height:1.4}.home-character{position:relative;height:190px;z-index:2}.home-character img{position:absolute;right:-8px;bottom:-16px;width:170px;height:205px;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(78,99,150,.18))}.hero-orb{position:absolute;right:8px;bottom:7px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff,#ffdce4 40%,#ff9fb0);box-shadow:0 18px 32px #ff5b7a33}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.stat-strip button{min-height:76px;border:1px solid color-mix(in srgb,var(--c),#fff 70%);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--c),#fff 90%));border-radius:18px;padding:10px;text-align:left;color:#27385c;display:flex;gap:8px;align-items:center;box-shadow:0 10px 22px #4c6da212}.stat-strip button>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--c);color:#fff;font-weight:900}.stat-strip b{font-size:19px;display:block;color:#142149}.stat-strip small{font-size:8px;color:#7b8ba7;display:block;margin-top:2px}.home-two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:start}.white-card,.coral-card{border-radius:22px;padding:14px;margin:10px 0;position:relative;z-index:2}.white-card{background:#fffffff0;border:1px solid rgba(214,229,247,.92);box-shadow:var(--shadow)}.coral-card{background:linear-gradient(145deg,#ff5c73,#ff3657);color:#fff;box-shadow:0 20px 34px #ff35562e}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.card-title h2{margin:0;font-size:18px;color:#16234b}.card-title h2 span{font-size:11px;color:#94a3ba}.card-title>span,.card-title button{font-size:9px;color:#7890af}.card-title button{border:0;background:#eef5ff;border-radius:999px;padding:7px 10px;font-weight:800}.card-title.light h2,.card-title.light span{color:#fff}.task-row{display:grid;grid-template-columns:28px 35px minmax(0,1fr) auto 22px 10px;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #e7eef8;position:relative}.task-row:last-child{border-bottom:0}.task-check{width:24px;height:24px;border-radius:50%;border:2px solid #c7d4e5;background:#fff;color:#fff}.task-check:not(:empty){background:var(--c);border-color:var(--c)}.task-icon{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--c),#fff 28%),var(--c));color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900;box-shadow:0 8px 14px color-mix(in srgb,var(--c),transparent 78%)}.task-copy{min-width:0}.task-copy b{font-size:10px;line-height:1.28;color:#243252;display:block}.task-copy small{font-size:7.5px;color:#8fa0b8;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-price{font-size:9px;color:#ff536b;white-space:nowrap}.row-owner .avatar{display:grid}.chev{color:#9aabc1;font-size:17px}.coral-card .task-row{background:#ffffffe6;border:0;border-radius:14px;padding:8px;margin:7px 0;color:#263457}.coral-card .task-copy b{font-size:9.5px}.coral-card .task-check{display:none}.coral-card .task-row{grid-template-columns:35px minmax(0,1fr) auto 22px 10px}.link-row{width:100%;border:0;background:#eff5ff;color:#58749a;border-radius:12px;padding:10px;margin-top:8px;text-align:left;font-size:9px;font-weight:800;display:flex;justify-content:space-between}.link-row.light{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.22)}.projects-home .card-title>div{display:flex;gap:6px}.primary-action,.soft-action,.secondary-action,.urgent-request{border:0;border-radius:12px;padding:10px 13px;font-size:9px;font-weight:900}.primary-action{background:linear-gradient(145deg,#559bff,#357cff);color:#fff;box-shadow:0 9px 18px #3b81ff38}.primary-action.small{padding:7px 10px}.soft-action{background:#edf5ff;color:#5680b2}.secondary-action{background:#eef3fa;color:#62718a}.urgent-request{background:#fff0f3;color:#ff405f}.project-grid-home{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.project-tile{min-height:112px;border-radius:18px;padding:11px;display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--c),#fff 82%),#fff);border:1px solid color-mix(in srgb,var(--c),#fff 62%);box-shadow:0 9px 20px color-mix(in srgb,var(--c),transparent 88%)}.project-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c),#fff 28%));color:#fff;font-weight:900;font-size:19px}.project-tile-copy{min-width:0}.project-tile-copy>b{font-size:11px;color:#1b2a50;display:block}.project-tile-copy>small{font-size:7px;color:#8193ae;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-tile-meta{text-align:right}.project-tile-meta>b{font-size:16px;color:#183057;display:block}.project-tile-meta>small{font-size:6.5px;color:#8da0ba}.project-tile-meta>span{display:block;font-size:18px;color:#9ab0c9;margin-top:5px}.update-row{display:grid;grid-template-columns:36px 34px minmax(0,1fr) 10px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #e7eef7}.update-row:last-child{border-bottom:0}.update-glyph{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--c),#fff 22%),var(--c));color:#fff;display:grid;place-items:center;font-weight:900}.update-row b{font-size:9px;color:#253454;display:block}.update-row small{font-size:7px;color:#9aa9bf}.compact-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.compact-team-grid button{min-height:76px;border-radius:16px;padding:8px;border:1px solid color-mix(in srgb,var(--c),#fff 60%);background:linear-gradient(145deg,var(--soft),#fff);color:#203154;display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center;text-align:left;position:relative}.compact-team-grid b{font-size:11px}.compact-team-grid small{display:block;font-size:7px;color:#8394ae;margin-top:3px}.compact-team-grid i{position:absolute;width:10px;height:10px;border-radius:50%;background:#2bd48a;right:8px;top:8px;border:2px solid #fff}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:8px 0 12px}.page-head>div>span{font-size:9px;color:#6c8bb5;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.page-head h1{font-size:27px;line-height:1.05;margin:4px 0 5px;color:#15234b}.page-head p{font-size:9px;color:#8193ad;line-height:1.4;margin:0}.scope-chip{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--c),#fff 88%),#fff);border:1px solid color-mix(in srgb,var(--c),#fff 62%);border-radius:14px;padding:9px 11px;margin-bottom:9px}.scope-chip b{font-size:10px}.scope-chip span{font-size:8px;color:#7690ad}.scope-chip button{grid-column:1/3;border:0;background:#eef4fc;color:#5c79a1;border-radius:9px;padding:7px;font-size:8px}.segmented{display:flex;gap:5px;overflow-x:auto;padding:5px;background:#ffffffeb;border:1px solid #dce8f6;border-radius:15px;box-shadow:0 8px 18px #46699b0f}.segmented button{border:0;background:transparent;color:#8090aa;border-radius:10px;padding:8px 10px;font-size:8px;font-weight:800;white-space:nowrap}.segmented button.active{background:linear-gradient(145deg,#629fff,#397fff);color:#fff;box-shadow:0 8px 14px #3980ff33}.task-group{background:#fff;border:1px solid #dce8f6;border-radius:20px;padding:12px;margin:10px 0;box-shadow:var(--shadow)}.client-request-group{border-color:#ffd5dc;background:#fff9fa}.projects-list{display:grid;gap:10px}.project-card{min-height:128px;border-radius:22px;padding:13px;background:linear-gradient(145deg,var(--soft),#fff);border:1px solid color-mix(in srgb,var(--c),#fff 62%);display:grid;grid-template-columns:72px 1fr 14px;gap:12px;align-items:center;box-shadow:var(--shadow)}.project-logo-slot{width:72px;height:72px;border-radius:18px;background:#fff;display:grid;place-items:center;position:relative;overflow:hidden;border:1px dashed color-mix(in srgb,var(--c),#fff 40%)}.project-logo-slot>span{font-size:22px;font-weight:900;color:var(--c)}.project-logo-slot img{width:100%;height:100%;object-fit:contain;padding:8px}.project-logo-slot button{position:absolute;right:4px;bottom:4px;width:24px;height:24px;border-radius:8px;border:0;background:var(--c);color:#fff}.project-logo-slot input{display:none}.project-card>div:nth-child(2)>small{font-size:7px;color:#8192aa}.project-card h2{font-size:17px;margin:3px 0;color:#1b2a51}.project-counts{display:flex;gap:6px;margin-top:8px}.project-counts span{font-size:7px;color:#7f91ab;background:#ffffffbf;border-radius:9px;padding:5px 7px}.project-counts b{color:#24365d;font-size:10px}.project-hero{display:grid;grid-template-columns:72px 1fr;gap:13px;padding:16px;border-radius:24px;background:linear-gradient(145deg,var(--soft),#fff);border:1px solid color-mix(in srgb,var(--c),#fff 62%);box-shadow:var(--shadow)}.project-hero-icon{width:72px;height:72px;border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--c),#fff 25%),var(--c));color:#fff;display:grid;place-items:center;font-size:29px;font-weight:900}.project-hero span{font-size:8px;color:#22b779;font-weight:900}.project-hero h1{font-size:22px;margin:3px 0;color:#17264c}.project-hero p{font-size:9px;color:#7689a5;margin:0}.project-kpis{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.project-kpis b{font-size:13px;background:#ffffffd1;border-radius:10px;padding:6px 8px;color:#23385d}.project-kpis small{display:block;font-size:6px;color:#8496ae;font-weight:600;margin-top:1px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#fff;border:1px solid #dce8f5;border-radius:15px;padding:5px;margin:10px 0}.tabs button,.tabs a{border:0;background:transparent;color:#8091aa;border-radius:10px;padding:9px 4px;text-align:center;text-decoration:none;font-size:8px;font-weight:800}.tabs .active{background:linear-gradient(145deg,#639fff,#3f82ff);color:#fff}.project-about p{font-size:9px;color:#7588a5;line-height:1.5}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.info-grid span{font-size:8px;color:#6f83a0;background:#f4f8fd;border-radius:11px;padding:8px}.info-grid b{display:block;font-size:7px;color:#9aa9bd;margin-bottom:3px}.info-grid a{color:#4288ff}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mini-metrics span{background:#f4f8fd;border-radius:12px;padding:9px}.mini-metrics b{font-size:14px;color:#20335a;display:block}.mini-metrics small{font-size:6.5px;color:#8a9ab2}.sparkline{height:65px;margin-top:8px;border-radius:12px;background:linear-gradient(180deg,#fff0f3,#fff);position:relative;overflow:hidden}.sparkline:before{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:#ff5270;transform:skewY(-6deg);box-shadow:70px -10px #ff5270,140px 5px #ff5270}.project-team-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.project-team-compact button{border:0;background:#f5f9fe;border-radius:14px;padding:7px;color:#26375a}.project-team-compact b{font-size:8px;display:block}.project-team-compact small{font-size:6px;color:#8798b1}.admin-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.admin-action-grid button{border:1px solid #dbe8f7;background:#f6faff;border-radius:13px;padding:9px;text-align:left;color:#203357}.admin-action-grid b{font-size:9px;display:block}.admin-action-grid small{display:block;font-size:6.5px;color:#8496b0;margin-top:3px}.payment-mini{margin-top:10px}.payment-mini>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 0;border-top:1px solid #e6eef8;font-size:8px}.payment-mini i{font-style:normal;color:#ff8b3d}.team-cards{display:grid;gap:10px}.team-card{min-height:230px;border-radius:24px;background:linear-gradient(145deg,var(--soft),#fff);border:1px solid color-mix(in srgb,var(--c),#fff 62%);display:grid;grid-template-columns:43% 57%;overflow:hidden;box-shadow:var(--shadow)}.team-card>img{width:100%;height:230px;object-fit:contain;object-position:center bottom;align-self:end;filter:drop-shadow(0 12px 14px rgba(61,86,129,.18))}.team-card>div{padding:20px 16px 14px 10px}.team-card>div>span{font-size:8px;color:#21bd7b;font-weight:900}.team-card h2{font-size:21px;margin:5px 0 1px;color:#203154}.team-card h3{font-size:10px;margin:0 0 8px;color:var(--c)}.team-card p{font-size:8px;line-height:1.45;color:#7587a3;margin:0 0 8px}.tags{display:flex;gap:4px;flex-wrap:wrap}.tags i{font-style:normal;font-size:6.5px;background:#fff;border-radius:999px;padding:5px 7px;color:#6f829f}.team-card button{margin-top:10px;border:0;background:var(--c);color:#fff;border-radius:10px;padding:8px 10px;font-size:8px;font-weight:800}.profile-hero{min-height:250px;border-radius:26px;background:linear-gradient(145deg,var(--soft),#fff);border:1px solid color-mix(in srgb,var(--c),#fff 62%);display:grid;grid-template-columns:44% 56%;overflow:hidden;box-shadow:var(--shadow)}.profile-hero img{width:100%;height:250px;object-fit:contain;object-position:center bottom}.profile-hero>div{padding:28px 17px 16px 8px}.profile-hero span{font-size:8px;color:#22bd7c}.profile-hero h1{font-size:28px;margin:6px 0 2px}.profile-hero h3{font-size:11px;color:var(--c);margin:0 0 9px}.profile-hero p{font-size:8.5px;color:#7587a3;line-height:1.45}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.profile-actions a{background:#fff;border:1px solid #dce8f6;border-radius:13px;padding:10px;text-align:center;text-decoration:none;color:#3d7fea;font-size:9px;font-weight:800}.client-project-hero{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:15px;border-radius:23px;background:linear-gradient(145deg,var(--soft),#fff);border:1px solid color-mix(in srgb,var(--c),#fff 65%);box-shadow:var(--shadow)}.client-project-icon{width:70px;height:70px;border-radius:18px;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c),#fff 30%));color:#fff;display:grid;place-items:center;font-size:28px}.client-project-hero small{font-size:7px;color:#8b9bb2}.client-project-hero h1{font-size:20px;margin:2px 0}.client-project-hero p{font-size:8px;color:#7688a4;margin:0}.client-project-stats{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.client-project-stats span{font-size:7px;background:#fff;border-radius:9px;padding:5px 7px;color:#7a8da7}.client-project-stats b{font-size:10px;color:#20335a}.client-team-small{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.client-team-small button{border:0;background:linear-gradient(145deg,var(--soft),#fff);border-radius:13px;padding:7px;color:#24365b}.client-team-small b{display:block;font-size:8px}.client-team-small small{font-size:6px;color:#7f92ae}.client-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.client-quick-grid button,.client-quick-grid a{min-height:104px;border:1px solid #dce8f6;background:#fff;border-radius:18px;padding:12px;text-align:left;text-decoration:none;color:#203357;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:5px}.client-quick-grid b{font-size:11px}.client-quick-grid small{font-size:7px;color:#8496af}.analytics-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:10px}.analytics-head>div>span{font-size:8px;color:#6088bd;text-transform:uppercase;font-weight:900}.analytics-head h1{font-size:24px;margin:4px 0 2px}.analytics-head p{font-size:8px;color:#8697af;margin:0}.analytics-head button{border:0;background:#eaf3ff;color:#4c7ebc;border-radius:10px;padding:8px 10px;font-size:8px}.period-chips{display:flex;gap:5px;overflow-x:auto;margin:9px 0;padding-bottom:2px}.period-chips button{border:1px solid #dbe8f5;background:#fff;color:#7387a3;border-radius:999px;padding:8px 10px;font-size:8px;white-space:nowrap}.period-chips button.active{background:#4689ff;color:#fff;border-color:#4689ff}.custom-dates{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:end;background:#fff;border:1px solid #dce8f5;border-radius:14px;padding:9px}.custom-dates label{font-size:7px;color:#8192aa}.custom-dates input{display:block;width:100%;margin-top:3px;border:1px solid #dbe7f4;border-radius:9px;padding:7px}.compare-line{display:flex;justify-content:space-between;gap:8px;color:#8294ac;font-size:7.5px;margin:9px 2px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.metric-grid article{background:#fff;border:1px solid #dce8f6;border-radius:17px;padding:12px;box-shadow:0 9px 20px #4e6d9e0f}.metric-grid small{font-size:7px;color:#8596ae}.metric-grid b{display:block;font-size:20px;color:#1d3158;margin:4px 0}.metric-grid span{font-size:7px;color:#ff536e}.metric-grid span.good{color:#20ba79}.line-chart{height:145px;background:linear-gradient(180deg,#f7fbff,#fff);border-radius:14px;padding:10px}.line-chart svg{width:100%;height:100%}.analytics-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analytics-split h2{font-size:12px;margin:0 0 8px}.donut{width:90px;height:90px;border-radius:50%;background:conic-gradient(#4b8cff 0 42%,#ff4770 42% 70%,#ff9d45 70% 88%,#27d1b8 88% 96%,#a28bff 96%);position:relative}.donut:after{content:"";position:absolute;inset:23px;border-radius:50%;background:#fff}.analytics-split ul{list-style:none;padding:0;margin:8px 0 0;font-size:7px;color:#7386a2}.analytics-split li{display:flex;justify-content:space-between;margin:3px 0}.device-bars span{display:block;font-size:7px;color:#7689a4;margin:9px 0;background:#f1f6fd;border-radius:999px;overflow:hidden;padding:5px;position:relative}.device-bars span b{position:absolute;left:0;top:0;bottom:0;background:#4b8cff38}.integrations>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.integrations>div span{background:#f3f7fc;border-radius:9px;padding:8px 5px;text-align:center;font-size:7px;color:#788ba5}.payments-list{display:grid;gap:8px;margin-top:10px}.payments-list article{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #dce8f6;border-radius:18px;padding:11px;box-shadow:var(--shadow)}.pay-icon{width:40px;height:40px;border-radius:12px;background:#eef5ff;color:#4c8cff;display:grid;place-items:center;font-size:18px}.payments-list small{font-size:7px;color:#8a9ab0}.payments-list b{font-size:10px;color:#24365b;display:block}.payments-list span{font-size:7px;color:#8a9ab0}.payments-list strong{grid-column:3;font-size:14px;color:#20345d}.pay-status{grid-column:3;border:0;border-radius:999px;padding:6px 8px;background:#fff2db;color:#d88b1b;font-size:7px;font-weight:900}.pay-status.billed{background:#eaf3ff;color:#4e83d0}.pay-status.paid{background:#e7fbf2;color:#20ad70}.client-finance article{display:grid;grid-template-columns:1fr auto;gap:6px;padding:9px 0;border-top:1px solid #e8eff8}.client-finance small,.client-finance span{display:block;font-size:7px;color:#8999ae}.client-finance b{font-size:9px}.client-finance strong{font-size:13px}.client-finance i{grid-column:2;font-style:normal;font-size:7px;color:#dd8b19}.more-grid,.admin-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.more-grid button,.admin-quick button{min-height:110px;border:1px solid #dce8f6;background:#fff;border-radius:20px;padding:14px;color:#26385e;text-align:left;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.more-grid b,.admin-quick b{font-size:11px}.more-grid small{font-size:7px;color:#8294ad}.admin-welcome{padding:16px;border-radius:24px;background:linear-gradient(145deg,#fff7f9,#fff);border:1px solid #ffd9e1;box-shadow:var(--shadow);margin-bottom:10px}.admin-welcome>div{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center}.admin-welcome span{font-size:8px;color:#ff4763;font-weight:900}.admin-welcome h1{font-size:20px;margin:3px 0}.admin-welcome p{grid-column:2;font-size:8px;color:#8293aa;margin:0}.invite-row,.moderation-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #e7eef7}.invite-row>span{width:34px;height:34px;border-radius:10px;background:#eef5ff;color:#4d87dd;display:grid;place-items:center}.invite-row b,.moderation-row b{font-size:9px}.invite-row small,.moderation-row small{display:block;font-size:7px;color:#8798af}.invite-row i{font-style:normal;font-size:7px;color:#29b976}.invite-row button,.moderation-row button{border:0;border-radius:9px;padding:7px 8px;font-size:7px}.moderation-row{grid-template-columns:1fr auto auto}.moderation-row button:first-of-type{background:#e9fbf3;color:#20ad71}.moderation-row button:last-of-type{background:#fff0f3;color:#ef4760}.automation-row{padding:10px 0;border-top:1px solid #e7eef7}.automation-row b{font-size:9px}.automation-row p{font-size:7px;color:#8798af;line-height:1.4;margin:4px 0}.automation-row span{font-size:7px;color:#26b978;font-weight:900}.notification{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #e7eef7}.notification>span{width:42px;height:42px;border-radius:13px;background:#eef5ff;display:grid;place-items:center}.notification.hot>span{background:#fff0f2}.notification b{font-size:10px}.notification p{font-size:8px;color:#7f91aa;margin:3px 0}.notification small{font-size:7px;color:#9aa9bd}.modal-layer{position:fixed;z-index:120;inset:0;background:#25395842;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center}.modal-box{width:min(100%,560px);max-height:90vh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -24px 60px #37527a38}.modal-box>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-box>header h2{font-size:20px;margin:0;color:#1e2f55}.modal-box>header>button{border:0;background:#eff4fa;width:36px;height:36px;border-radius:12px;font-size:20px;color:#647895}.modal-body{display:grid;gap:9px;margin:14px 0}.modal-body label{font-size:8px;color:#6f82a0;font-weight:800}.modal-body input,.modal-body select,.modal-body textarea{width:100%;margin-top:4px;border:1px solid #d8e5f3;background:#f9fbfe;color:#20335a;border-radius:12px;padding:10px;outline:none}.modal-body textarea{min-height:82px;resize:vertical}.modal-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-label{display:flex;align-items:center;gap:8px;padding:7px 0}.check-label input{width:auto;margin:0}.modal-note{font-size:7.5px;color:#8797ad;line-height:1.45;background:#f4f8fd;border-radius:11px;padding:9px;margin:0}.invite-preview{background:#eef5ff;border-radius:12px;padding:10px}.invite-preview small{display:block;font-size:7px;color:#8090a8}.invite-preview code{font-size:7px;color:#3b71bd;display:block;margin:5px 0;overflow-wrap:anywhere}.invite-preview button{border:0;background:#4b8cff;color:#fff;border-radius:8px;padding:6px 8px;font-size:7px}.modal-box>footer{display:flex;justify-content:flex-end;gap:7px}.task-modal>header>div{display:flex;gap:9px;align-items:center}.task-modal h2{font-size:15px!important}.task-modal header small{font-size:7px;color:#8b9ab0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.detail-grid span{background:#f4f8fd;border-radius:11px;padding:8px;font-size:8px;color:#6f83a1}.detail-grid b{display:block;font-size:7px;color:#95a4b8;margin-bottom:3px}.toast{position:fixed;z-index:150;left:50%;bottom:105px;transform:translate(-50%);background:#20355b;color:#fff;padding:10px 14px;border-radius:999px;font-size:9px;font-weight:800;box-shadow:0 12px 30px #1b2e4f42}.empty-state{text-align:center;padding:36px 16px}.empty-state h1{font-size:22px}.empty-state p{font-size:9px;color:#8091aa}@media(max-width:520px){.brand-logo{width:170px}.topbar{height:70px}.role-pill{font-size:7px;padding:7px}.home-hero{min-height:190px;grid-template-columns:1.15fr .85fr}.welcome-card{align-items:flex-start}.welcome-avatar{width:58px;height:58px}.welcome-card h1{font-size:20px}.home-character img{width:145px;height:180px}.hero-orb{width:125px;height:125px}.stat-strip{grid-template-columns:1fr 1fr}.home-two-col{grid-template-columns:1fr}.project-grid-home{grid-template-columns:1fr 1fr}.task-row{grid-template-columns:26px 34px minmax(0,1fr) auto 10px}.row-owner{display:none}.compact-team-grid{grid-template-columns:1fr 1fr}.team-card{grid-template-columns:41% 59%;min-height:210px}.team-card>img{height:210px}.project-team-compact,.client-team-small{grid-template-columns:repeat(2,1fr)}.analytics-split{grid-template-columns:1fr}.custom-dates{grid-template-columns:1fr 1fr}.custom-dates .primary-action{grid-column:1/3}.payments-list article{grid-template-columns:38px 1fr auto}.page-head h1{font-size:24px}}@media(max-width:380px){.app-page{padding-left:10px;padding-right:10px}.stat-strip{gap:5px}.stat-strip button{padding:8px}.stat-strip small{font-size:7px}.compact-team-grid,.project-grid-home{grid-template-columns:1fr}.team-card{grid-template-columns:38% 62%}.team-card>div{padding-left:4px}.home-character img{right:-18px}.client-quick-grid{grid-template-columns:1fr}.topbar-right .role-pill{max-width:78px;overflow:hidden;text-overflow:ellipsis}}.task-row.review{background:linear-gradient(90deg,#fff8df,#fff);border-radius:12px;padding-left:7px;padding-right:7px}.task-row.done{opacity:.74}.task-row.review .task-check{background:#ffbd3d;border-color:#ffbd3d;color:#fff;font-weight:900}.task-modal-actions{flex-wrap:wrap}.danger-lite{background:#fff0f3!important;color:#e4445f!important}.moderation-row{grid-template-columns:minmax(0,1fr) auto auto auto}.moderation-row button:nth-of-type(1){background:#eef5ff;color:#4c7fbe}.moderation-row button:nth-of-type(2){background:#e9fbf3;color:#20ad71}.moderation-row button:nth-of-type(3){background:#fff0f3;color:#ef4760}.bot-banner{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;background:linear-gradient(145deg,#edf6ff,#fff);border:1px solid #d5e7fa;border-radius:24px;padding:12px;margin:4px 0 10px;box-shadow:var(--shadow);overflow:hidden}.bot-banner img{width:100px;height:100px;object-fit:contain;transform:translate(-5px,8px)}.bot-banner small{display:block;color:#4c8cff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.bot-banner b{display:block;font-size:15px;color:#1e3157;margin:4px 0}.bot-banner p{margin:0;font-size:8px;line-height:1.45;color:#7d8faa}.project-feed{overflow:hidden}.feed-entry{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid #e6eef8}.feed-entry:first-of-type{border-top:0}.feed-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--c),#fff 26%),var(--c));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 14px color-mix(in srgb,var(--c),transparent 80%)}.feed-copy small{display:block;font-size:7px;color:#8b9db5}.feed-copy b{display:block;font-size:10px;color:#21365b;margin:2px 0}.feed-copy p{font-size:8px;line-height:1.45;color:#6f829f;margin:3px 0 0}.feed-images{display:flex;gap:6px;margin-top:8px}.feed-images img{width:72px;height:52px;object-fit:cover;border-radius:10px;border:1px solid #dce8f5}.feed-attachments{display:inline-block;margin-top:7px;font-size:7px;color:#5d83b6;background:#eef5ff;border-radius:999px;padding:5px 8px}.empty-inline{padding:18px;text-align:center;color:#91a0b5;font-size:8px}.settings-card{margin-top:10px}.setting-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid #e7eef7;color:#21355a!important}.setting-row:first-of-type{border-top:0}.setting-row span b{display:block;font-size:10px}.setting-row span small{display:block;color:#8798af;font-size:7px;margin-top:2px}.setting-row input{width:42px!important;height:24px;margin:0!important;accent-color:#4b8cff}.settings-info{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e7eef7}.settings-info b{font-size:9px;color:#273a5f}.settings-info span{font-size:8px;color:#7b8da8;text-align:right}@media(max-width:420px){.moderation-row{grid-template-columns:1fr 1fr 1fr}.moderation-row>div{grid-column:1/4}.bot-banner{grid-template-columns:74px 1fr}.bot-banner img{width:80px;height:80px}.feed-images img{width:62px;height:46px}}.phone-shell{padding-top:calc(76px + env(safe-area-inset-top))}.topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(100%,560px);height:calc(76px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 14px 10px;z-index:100;background:linear-gradient(135deg,#12234dfa,#224c8ef5);border-bottom:1px solid rgba(132,184,255,.32);box-shadow:0 12px 30px #1b37662e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar:after{content:"";position:absolute;inset:auto 10% 0;height:1px;background:linear-gradient(90deg,transparent,#66b6ff,transparent);opacity:.75}.brand-logo{width:166px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.28))}.topbar-center strong{color:#fff;font-size:17px;text-shadow:0 2px 10px rgba(0,0,0,.24)}.topbar .round-btn{border-color:#fff3;background:#ffffff1f;color:#fff;box-shadow:inset 0 1px #ffffff24,0 8px 18px #0513302e}.topbar .role-pill{border-color:#ffffff38;background:#fffffff0;color:#294c82;box-shadow:0 8px 18px #05133026}.project-tabs{position:sticky;top:calc(83px + env(safe-area-inset-top));z-index:35;box-shadow:0 10px 24px #3d61931f;background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-tab-content{min-height:360px}.project-tab-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:14px 2px 8px}.project-tab-head span{font-size:8px;color:#6b8fbe;text-transform:uppercase;font-weight:900}.project-tab-head h2{margin:3px 0;color:#19315b;font-size:21px}.project-tab-head p{margin:0;color:#8394ab;font-size:8px}.project-task-filters{margin:8px 0}.project-task-list{margin-top:8px}.client-request-panel{border-color:#ffd4dd;background:linear-gradient(180deg,#fff9fa,#fff)}.inline-link{border:0;background:transparent;color:#4288ff;padding:0;font-size:8px;font-weight:800}.project-chat-card{display:grid;grid-template-columns:66px 1fr;gap:14px;align-items:center;padding:18px}.project-chat-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#53a7ff,#3c79ff);color:#fff;font-size:30px;box-shadow:0 14px 28px #3d82ff40}.project-chat-card small{font-size:8px;color:#7990ae}.project-chat-card h2{font-size:20px;margin:3px 0;color:#1f3358}.project-chat-card p{font-size:8px;line-height:1.5;color:#7d8faa;margin:0 0 12px}.chat-link{display:inline-flex;text-decoration:none;align-items:center;justify-content:center}.task-row.client-request{grid-template-columns:40px minmax(0,1fr) 24px 12px;gap:9px;padding:11px 8px;background:linear-gradient(90deg,#fff2f5,#fff);border:1px solid #ffdbe2;border-radius:14px;margin:7px 0}.task-row.client-request .task-icon{width:40px;height:40px}.task-row.client-request .task-copy b{font-size:11px;line-height:1.3;white-space:normal;word-break:normal;overflow-wrap:break-word}.task-row.client-request .task-copy small{font-size:7.5px;white-space:normal;line-height:1.3}.task-row.client-request .row-owner{display:block}.task-row.client-request .avatar.tiny{width:24px;height:24px}.system-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.system-module-grid button{border:1px solid #dce8f6;background:linear-gradient(145deg,#f8fbff,#fff);border-radius:15px;padding:12px;text-align:left;color:#23385d}.system-module-grid b{display:block;font-size:10px}.system-module-grid small{display:block;font-size:7px;line-height:1.4;color:#8193ac;margin-top:4px}.automation-editor{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:11px;margin-top:8px;border-radius:14px;background:#f6f9fe}.automation-editor label{font-size:8px;color:#768ba8;font-weight:800}.automation-editor input{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid #d8e6f5;border-radius:10px;background:#fff;color:#24385c}.automation-editor.wide input{min-width:0}.integration-cards{display:grid;gap:10px}.integration-cards article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid color-mix(in srgb,var(--c),#fff 70%);background:linear-gradient(145deg,color-mix(in srgb,var(--c),#fff 92%),#fff);border-radius:20px;padding:13px;box-shadow:var(--shadow)}.integration-logo{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--c),#fff 28%),var(--c));color:#fff;display:grid;place-items:center;font-weight:950;font-size:15px;box-shadow:0 10px 22px color-mix(in srgb,var(--c),transparent 78%)}.integration-cards small{font-size:7px;color:#8194ae}.integration-cards h2{font-size:14px;color:#1f345a;margin:2px 0}.integration-cards p{font-size:7px;line-height:1.45;color:#8192a9;margin:0}.integration-cards button{border:0;border-radius:11px;background:#eef5ff;color:#4b7cb9;padding:8px 10px;font-size:8px;font-weight:900}.integration-steps{margin:0;padding-left:19px;color:#637b9d}.integration-steps li{font-size:9px;line-height:1.55;margin:5px 0}@media(max-width:520px){.phone-shell{padding-top:calc(70px + env(safe-area-inset-top))}.topbar{height:calc(70px + env(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top))}.project-tabs{top:calc(76px + env(safe-area-inset-top))}.brand-logo{width:148px}.integration-cards article{grid-template-columns:48px minmax(0,1fr)}.integration-logo{width:48px;height:48px}.integration-cards button{grid-column:2;justify-self:start}.project-tab-head{align-items:flex-start;flex-direction:column}.project-tab-head .primary-action{align-self:stretch}.system-module-grid{grid-template-columns:1fr}.task-row.client-request{grid-template-columns:38px minmax(0,1fr) 12px}.task-row.client-request .row-owner{display:none}}.completed-group{background:linear-gradient(180deg,#f7fbff,#fff);border-color:#dbe8f5}.completed-group .task-row.done{opacity:.66}.completed-group .card-title h2{color:#6e819f}.project-task-filters button{cursor:pointer}.project-task-filters button.active{background:linear-gradient(145deg,#629fff,#397fff)!important;color:#fff!important}.task-comments{background:#f7faff;border:1px solid #e0eaf6;border-radius:16px;padding:11px}.task-comments-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-comments-head b{font-size:10px;color:#24375d}.task-comments-head span{font-size:8px;color:#7e91ad;background:#eaf2fd;border-radius:999px;padding:4px 7px}.task-comment{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;padding:8px 0;border-top:1px solid #e7eef7}.task-comment:first-of-type{border-top:0}.task-comment .avatar.tiny{width:28px;height:28px}.client-comment-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8aa8d8,#5c79ab);color:#fff;font-size:9px;font-weight:900}.task-comment small{font-size:7px;color:#8597b1;display:block}.task-comment p{margin:3px 0 0;font-size:8.5px;line-height:1.45;color:#2c3d60}.task-comment.client-comment p{color:#364d70}.empty-comments{font-size:8px;color:#91a1b7;padding:9px 0}.comment-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:9px}.comment-composer textarea{min-height:62px!important;margin:0!important;background:#fff!important}.comment-composer .primary-action{min-height:42px;padding:10px 14px}.chart-grouping{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.chart-grouping button{border:0;background:#eef4fd;color:#7690ae;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:800}.chart-grouping button.active{background:#4e8df5;color:#fff}.chat-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chat-actions .secondary-action{padding:9px 12px}.chat-url{display:block!important;margin-top:8px!important;overflow-wrap:anywhere;color:#7690ad!important}.invite-manage h3{margin:4px 0;font-size:18px;color:#22385d}.invite-manage p{font-size:9px;color:#7e90aa}.payment-tabs{margin-bottom:10px}.payments-list .pay-status{display:inline-flex;align-items:center;justify-content:center}.feed-entry .feed-icon{font-size:14px}@media(max-width:520px){.comment-composer{grid-template-columns:1fr}.comment-composer .primary-action{width:100%}.chart-card .card-title{align-items:flex-start;flex-direction:column}.chart-grouping{justify-content:flex-start}.chat-actions{flex-direction:column;align-items:stretch}.chat-actions>*{width:100%}.completed-group .task-row{opacity:.72}}.config-project-select{display:grid;gap:4px;min-width:160px;font-size:8px;color:#7187a8;font-weight:800}.config-project-select select{border:1px solid #d8e5f3;background:#fff;color:#20335a;border-radius:12px;padding:9px 10px;outline:none;box-shadow:0 8px 18px #46699b0f}@media(max-width:520px){.page-head>.config-project-select{width:100%;min-width:0}.page-head:has(.config-project-select){align-items:stretch;flex-direction:column}}.task-row.client-view{grid-template-columns:35px minmax(0,1fr) 12px;gap:9px;padding:10px 0}.task-row.client-view .row-owner{display:none!important}.task-row.client-view .task-copy b{white-space:normal;word-break:normal;overflow-wrap:break-word;font-size:10.5px;line-height:1.35}.task-row.client-view .task-copy small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}.client-task-price{display:inline-block;margin-top:5px;padding:4px 7px;border-radius:999px;background:#fff0f3;color:#e84b65;font-size:7.5px;font-weight:900;font-style:normal;white-space:nowrap}.task-row.client-view.client-request{grid-template-columns:40px minmax(0,1fr) 12px}.profile-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-title-line>span{white-space:nowrap}.profile-edit-btn{border:1px solid color-mix(in srgb,var(--c),#fff 68%);background:#ffffffd1;color:var(--c);border-radius:999px;padding:6px 8px;font-size:7px;font-weight:900;white-space:nowrap}.profile-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.profile-actions a,.profile-actions button{background:#fff;border:1px solid #dce8f6;border-radius:13px;padding:10px;text-align:center;text-decoration:none;color:#3d7fea;font-size:9px;font-weight:800;min-height:39px}.profile-actions button{cursor:pointer}@media(max-width:520px){.task-row.client-view,.task-row.client-view.client-request{grid-template-columns:34px minmax(0,1fr) 10px;gap:8px}.task-row.client-view .task-icon{width:34px;height:34px}.task-row.client-view .task-copy b{font-size:10px}.profile-hero{grid-template-columns:40% 60%}.profile-title-line{align-items:flex-start;flex-direction:column}.profile-edit-btn{padding:5px 7px}}.project-tile-logo,.project-hero-logo,.client-project-logo{display:grid;place-items:center;background:#fff;overflow:hidden;border:1px solid rgba(90,126,180,.16);box-shadow:0 8px 20px #3b5d8c14}.project-tile-logo{width:42px;height:42px;border-radius:13px}.project-hero-logo{width:72px;height:72px;border-radius:19px}.client-project-logo{width:70px;height:70px;border-radius:18px}.project-tile-logo img,.project-hero-logo img,.client-project-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.project-hero-logo img,.client-project-logo img{padding:10px}.project-tile-logo.placeholder,.project-hero-logo.placeholder,.client-project-logo.placeholder{background:linear-gradient(145deg,var(--c,#6696ff),color-mix(in srgb,var(--c,#6696ff),#fff 34%));color:#fff;font-weight:900}.project-tile-logo.placeholder{font-size:14px}.project-hero-logo.placeholder,.client-project-logo.placeholder{font-size:22px}.project-logo-field{display:block!important}.project-logo-field>span{display:block;margin-bottom:5px}.project-logo-uploader{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid #d8e5f3;background:#f8fbff;border-radius:15px}.project-logo-preview{width:92px;height:92px;border-radius:18px;border:1px dashed #b9cce3;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#6f82a0}.project-logo-preview img{width:100%;height:100%;object-fit:contain;padding:10px}.project-logo-preview b{font-size:14px;color:#7e91ad}.project-logo-preview small{font-size:6px;margin-top:3px}.project-logo-uploader>div:last-of-type{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.project-logo-uploader p{width:100%;margin:2px 0 0;font-size:7px;line-height:1.4;color:#8596ad}.hidden-file-input{display:none!important}.text-action{border:0;background:transparent;color:#d85a68;font-size:8px;font-weight:800;padding:6px 4px}.topbar-profile{border:0;background:transparent;padding:0;border-radius:50%;display:grid;place-items:center}.empty-projects{grid-column:1/-1;padding:18px!important;text-align:center}.client-empty{margin-top:14px}.empty-state .primary-action{margin-top:10px}@media(max-width:430px){.project-logo-uploader{grid-template-columns:80px 1fr}.project-logo-preview{width:80px;height:80px}}.cloud-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#aac0dd;box-shadow:0 0 0 3px #aac0dd21;flex:0 0 auto}.cloud-dot.synced{background:#31c998;box-shadow:0 0 0 3px #31c99826}.cloud-dot.saving,.cloud-dot.loading{background:#ffb94f;box-shadow:0 0 0 3px #ffb94f29}.cloud-dot.error{background:#ff5e73;box-shadow:0 0 0 3px #ff5e7329}.access-gate{min-height:100dvh;background:radial-gradient(circle at 50% 0,#e9f3ff 0,#f7faff 38%,#edf4fc);display:grid;place-items:center;padding:24px}.access-card{width:min(100%,420px);background:#fffffff0;border:1px solid #dce8f6;border-radius:28px;padding:28px 22px;text-align:center;box-shadow:0 24px 70px #415e8e29}.access-card .brand-logo{width:210px;max-width:80%;margin:0 auto 20px;filter:drop-shadow(0 8px 16px rgba(40,65,110,.12))}.access-card h1{font-size:22px;line-height:1.15;color:#20355b;margin:16px 0 8px}.access-card p{font-size:12px;line-height:1.55;color:#7185a3;margin:0 auto 16px;max-width:330px}.access-loader{width:34px;height:34px;border:3px solid #dbe7f7;border-top-color:#4b8df7;border-radius:50%;margin:2px auto 12px;animation:bwspin .8s linear infinite}.setup-code{display:block;max-width:100%;overflow-wrap:anywhere;background:#eef5ff;color:#2c5eaa;padding:10px 12px;border-radius:12px;margin:0 auto 14px;font-size:13px;font-weight:900}@keyframes bwspin{to{transform:rotate(360deg)}}