@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-app:#06070c;--bg-sidebar:#08090f;--bg-content:#0a0b13;--bg-surface:#10111c;--bg-surface-2:#161725;--bg-elevated:#1c1d2d;--border:#ffffff0f;--border-strong:#ffffff1a;--text:#f4f4f9;--text-soft:#c8c8d6;--text-muted:#7a7a92;--text-faint:#4f4f66;--primary:#8b5cf6;--primary-2:#6d28d9;--primary-3:#a78bfa;--primary-4:#c4b5fd;--primary-soft:#8b5cf624;--primary-soft-2:#8b5cf647;--success:#4ade80;--success-soft:#4ade8021;--warning:#fbbf24;--warning-soft:#fbbf2421;--danger:#f87171;--danger-soft:#f8717121;--info:#60a5fa;--info-soft:#60a5fa21;--pink:#ec4899;--pink-soft:#ec489921;--orange:#fb923c;--orange-soft:#fb923c24;--teal:#2dd4bf;--teal-soft:#2dd4bf21;--shadow-sm:0 1px 0 #ffffff06 inset, 0 2px 6px -2px #0006;--shadow-card:0 1px 0 #ffffff09 inset, 0 1px 2px #0000004d, 0 14px 40px -22px #000000b3;--shadow-card-hover:0 1px 0 #ffffff0d inset, 0 8px 18px -8px #00000080, 0 22px 60px -28px #8b5cf659;--radius:16px;--radius-sm:11px;--radius-xs:8px;--radius-lg:20px;--sidebar-w:256px;--topbar-h:64px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-snap:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;background:var(--bg-app);height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);isolation:isolate;flex-direction:column;gap:.85rem;height:100vh;padding:.95rem .7rem .85rem;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 35% at 50% -10%,#8b5cf61a,#0000 65%),radial-gradient(60% 25% at 50% 110%,#6366f10f,#0000 70%);position:absolute;inset:0}.sidebar>*{position:relative}.sidebar-brand{align-items:center;gap:.65rem;padding:.2rem .55rem .65rem;display:flex}.sidebar-brand-mark{width:42px;height:42px;box-shadow:none;background:0 0;border-radius:0;flex-shrink:0;place-items:center;display:grid}.sidebar-brand-mark img{object-fit:contain;filter:none;width:100%;height:100%}.sidebar-brand-name{letter-spacing:-.01em;font-size:1.05rem;font-weight:700;line-height:1.05}.sidebar-brand-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-top:.15rem;font-size:.58rem;font-weight:600}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:.85rem;padding-right:.15rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.sidebar-group{flex-direction:column;gap:.1rem;display:flex}.sidebar-group-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:.6rem .7rem .3rem;font-size:.62rem;font-weight:600}.nav-link{color:var(--text-soft);transition:background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);border:1px solid #0000;border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .65rem;font-size:.85rem;font-weight:500;display:flex;position:relative}.nav-link .nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-link:hover{color:var(--text);background:#ffffff08}.nav-link.active{color:var(--text);background:linear-gradient(90deg,#8b5cf629,#8b5cf605 80%);border-color:#8b5cf638}.nav-link.active:before{content:"";background:linear-gradient(180deg, var(--primary-3), var(--primary));border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-.7rem;transform:translateY(-50%);box-shadow:0 0 12px #8b5cf699}.nav-link.active .nav-icon{color:var(--primary-3)}.nav-link.is-disabled{cursor:not-allowed;opacity:.55}.nav-link.is-disabled:hover{color:var(--text-soft);background:0 0}.nav-soon{letter-spacing:.04em;background:var(--primary-soft);color:var(--primary-3);border:1px solid var(--primary-soft-2);text-transform:uppercase;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.12rem .45rem;font-size:.6rem;font-weight:600;display:inline-flex}.nav-soon.is-beta{background:var(--info-soft);color:var(--info);border-color:#60a5fa47}.nav-soon.is-new{background:var(--success-soft);color:var(--success);border-color:#4ade8047}.nav-icon{width:18px;height:18px;color:var(--text-muted);place-items:center;display:inline-grid}.nav-badge{background:var(--primary);color:#fff;letter-spacing:.02em;text-align:center;border-radius:999px;min-width:18px;padding:.05rem .4rem;font-size:.64rem;font-weight:700}.nav-project{padding-left:.55rem}.project-mark{color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.project-violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.project-pink{background:linear-gradient(135deg,#ec4899,#be185d)}.project-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.project-green{background:linear-gradient(135deg,#22c55e,#15803d)}.project-amber{background:linear-gradient(135deg,#f59e0b,#b45309)}.project-teal{background:linear-gradient(135deg,#14b8a6,#0f766e)}.sidebar-group-head{justify-content:space-between;align-items:center;padding-right:.3rem;display:flex}.sidebar-group-head .sidebar-group-title{padding-right:0}.sidebar-group-action{width:24px;height:24px;color:var(--text-muted);border:1px solid var(--border);background:#ffffff05;border-radius:7px;place-items:center;font-weight:700;display:grid}.sidebar-group-action:hover{color:var(--text);border-color:var(--primary-soft-2)}.sidebar-project-list{gap:.1rem;display:grid}.sidebar-project-list.is-scrollable{max-height:330px;padding-right:.15rem;overflow-y:auto}.nav-mini-count{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.02rem .38rem;font-size:.72rem}.sidebar-user{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;padding-top:.7rem;display:flex}.sidebar-settings{color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:.7rem;width:100%;padding:.55rem .7rem;font-size:.86rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-settings:hover{color:var(--text);background:#ffffff08}.sidebar-settings.active{color:var(--text);background:linear-gradient(90deg,#8b5cf62e,#8b5cf60f);border-color:#8b5cf647}.sidebar-settings .nav-label{flex:1}.sidebar-settings svg:last-child{color:var(--text-muted)}.user-chip{background:linear-gradient(180deg, #ffffff06, #fff0), var(--bg-surface);border:1px solid var(--border-strong);transition:border-color .18s var(--ease);border-radius:12px;align-items:center;gap:.7rem;padding:.55rem .6rem;display:flex}.user-chip:hover{border-color:var(--primary-soft-2)}.sidebar-promo{border:1px solid var(--primary-soft-2);background:linear-gradient(155deg, #8b5cf62e 0%, #8b5cf608 70%), var(--bg-surface);border-radius:14px;flex-direction:column;gap:.45rem;margin-top:.5rem;padding:.85rem .9rem;display:flex;position:relative;overflow:hidden}.sidebar-promo:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 100% 0,#a78bfa38,#0000 70%);position:absolute;inset:0}.sidebar-promo strong{color:var(--text);letter-spacing:-.01em;font-size:.82rem;font-weight:600}.sidebar-promo p{color:var(--text-muted);margin:0;font-size:.74rem;line-height:1.4}.sidebar-promo .btn{width:100%;margin-top:.2rem;padding:.45rem .75rem;font-size:.78rem}.user-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:600;display:grid}.user-chip-info{flex:1;gap:.1rem;min-width:0;display:grid}.user-chip-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-chip-info span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.logout-btn{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.logout-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.main-area{background:var(--bg-content);border-left:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;border-top-left-radius:18px;border-bottom-left-radius:18px;flex-direction:column;min-width:0;height:100vh;margin:0;display:flex;overflow:hidden auto}.main-area::-webkit-scrollbar{width:8px}.main-area::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.topbar{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);z-index:10;background:#0c0c17b8;border-bottom:1px solid #0000;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.4rem 2rem .9rem;transition:border-color .2s,background .2s;display:flex;position:sticky;top:0}.topbar-left{flex-direction:column;gap:.5rem;min-width:0;display:flex}.breadcrumbs{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;display:inline-flex}.breadcrumbs .crumb{align-items:center;gap:.4rem;display:inline-flex}.breadcrumbs .crumb-sep{color:var(--text-muted);opacity:.6}.breadcrumbs .crumb-current{color:var(--text);font-weight:600}.crumb-chevron{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:.15rem;display:inline-grid}.crumb-chevron:hover{color:var(--text);background:#ffffff0a}.page-title-xl{letter-spacing:-.025em;color:var(--text);font-size:2rem;font-weight:700;line-height:1.05}.topbar-actions{align-items:center;gap:.6rem;padding-top:.25rem;display:flex}.search-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:340px;height:40px;transition:border-color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);align-items:center;gap:.55rem;padding:.55rem .85rem;display:flex}.search-box:hover{border-color:var(--border-strong);background:var(--bg-surface-2)}.search-box:focus-within{border-color:var(--primary-soft-2);background:var(--bg-surface-2);box-shadow:0 0 0 3px var(--primary-soft)}.kbd{color:var(--text-muted);background:var(--bg-surface-2);border:1px solid var(--border-strong);letter-spacing:.05em;border-radius:5px;padding:.1rem .35rem;font-size:.72rem;font-weight:600}.icon-btn.has-dot{position:relative}.icon-dot{background:var(--danger);border:2px solid var(--bg-content);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px}.topbar-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;cursor:pointer;border:2px solid #ffffff0f;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.82rem;font-weight:700;display:grid;overflow:hidden}.topbar-avatar img{object-fit:cover;width:100%;height:100%}.topbar-user-wrap{position:relative}.topbar-user{cursor:pointer;color:inherit;font:inherit;transition:background .15s var(--ease), border-color .15s var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.65rem;padding:.25rem .55rem .25rem .75rem;display:inline-flex}.topbar-user:hover,.topbar-user.is-open{background:var(--bg-surface-2);border-color:var(--border)}.topbar-user>svg{color:var(--text-muted);transition:transform .15s var(--ease)}.topbar-user.is-open>svg{transform:rotate(180deg)}.user-menu{background:var(--bg-elevated);border:1px solid var(--border-strong);z-index:40;border-radius:12px;flex-direction:column;gap:.15rem;min-width:240px;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 24px 70px -30px #000000bf}.user-menu-head{align-items:center;gap:.65rem;padding:.45rem .5rem .6rem;display:flex}.user-menu-head .topbar-avatar{width:36px;height:36px;font-size:.78rem}.user-menu-identity{flex-direction:column;min-width:0;display:flex}.user-menu-identity strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.85rem;overflow:hidden}.user-menu-identity span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.74rem;overflow:hidden}.user-menu-sep{background:var(--border);height:1px;margin:.25rem 0}.user-menu-item{color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;padding:.55rem .6rem;font-size:.85rem;text-decoration:none;display:inline-flex}.user-menu-item:hover{background:var(--bg-surface-2)}.user-menu-item svg{color:var(--text-muted)}.user-menu-item.is-danger,.user-menu-item.is-danger svg{color:#dc2626}.user-menu-item.is-danger:hover{background:#dc262614}.topbar-user-copy{text-align:right;gap:.05rem;min-width:0;display:grid}.topbar-user-copy strong{white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:.82rem;font-weight:700;overflow:hidden}.topbar-user-copy span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:.72rem;overflow:hidden}.notification-wrap{position:relative}.notification-panel{background:var(--bg-elevated);border:1px solid var(--border-strong);z-index:30;border-radius:12px;width:min(360px,100vw - 2rem);padding:.65rem;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 24px 70px -30px #000000bf}.notification-panel-head{justify-content:space-between;align-items:center;gap:1rem;padding:.3rem .35rem .65rem;display:flex}.notification-panel-head button{color:var(--primary-3);cursor:pointer;background:0 0;border:none;font-size:.75rem}.notification-empty{color:var(--text-muted);padding:1rem .35rem}.notification-item{text-align:left;width:100%;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;grid-template-columns:8px 1fr;gap:.65rem;padding:.65rem .35rem;display:grid}.notification-item:hover{background:#ffffff0a}.notification-item span:last-child{gap:.12rem;display:grid}.notification-item strong{color:var(--text);font-size:.84rem}.notification-item em{color:var(--text-soft);font-size:.78rem;font-style:normal}.notification-item small{color:var(--text-muted);font-size:.72rem}.notification-dot{background:0 0;border-radius:50%;width:7px;height:7px;margin-top:.45rem}.notification-item.unread .notification-dot{background:var(--primary)}.search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.88rem}.search-box input::placeholder,.search-icon{color:var(--text-muted)}.icon-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text-soft);cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--bg-surface-2);color:var(--text);border-color:var(--border-strong)}.icon-btn-badge{background:var(--primary);color:#fff;border:2px solid var(--bg-app);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.66rem;font-weight:600;display:grid;position:absolute;top:-4px;right:-4px}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-surface);color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.86rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-surface-2)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border-color:#0000;font-weight:600;box-shadow:0 4px 12px -4px #8b5cf680}.btn-ghost{border-color:var(--border-strong);color:var(--text-soft);background:0 0}.btn-ghost:hover{background:var(--bg-surface);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f8717166}.btn-sm{padding:.4rem .7rem;font-size:.8rem}.content{gap:1.25rem;padding:1.25rem 2rem 2rem;display:grid}.page-header h1{letter-spacing:-.01em;font-size:1.55rem;font-weight:700}.page-header p{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:border-color .18s var(--ease);padding:1.3rem}.card-hover:hover{border-color:var(--border-strong)}.greeting-card{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(80% 110% at 0% 0%, #8b5cf624, transparent 55%), radial-gradient(60% 100% at 100% 100%, #60a5fa14, transparent 60%), var(--bg-surface);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.4rem 1.5rem;display:flex;position:relative;overflow:hidden}.greeting-card:before{content:"";pointer-events:none;background-image:linear-gradient(#8b5cf60a 1px,#0000 1px),linear-gradient(90deg,#8b5cf60a 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 80% at 0%,#000 30%,#0000 80%);mask-image:radial-gradient(60% 80% at 0%,#000 30%,#0000 80%)}.greeting-card>*{position:relative}.greeting-copy{flex-direction:column;gap:.4rem;min-width:0;display:flex}.greeting-eyebrow{color:var(--primary-3);background:var(--primary-soft);border:1px solid var(--primary-soft-2);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin-bottom:.1rem;padding:.22rem .65rem;font-size:.62rem;font-weight:600}.greeting-card h1{letter-spacing:-.025em;font-size:clamp(1.45rem,2vw,1.85rem);font-weight:700;line-height:1.15}.greeting-card p{color:var(--text-muted);max-width:60ch;margin:0;font-size:.92rem}.greeting-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.card-header h2,.card-header h3{letter-spacing:-.01em;font-size:1rem;font-weight:600}.card-link{color:var(--primary);font-size:.82rem;font-weight:500}.card-link:hover{text-decoration:underline}.stat-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);isolation:isolate;box-shadow:var(--shadow-card);transition:border-color .2s var(--ease), transform .2s var(--ease);flex-direction:column;gap:.45rem;padding:1.2rem 1.3rem 1.25rem;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:radial-gradient(circle, var(--primary-soft) 0%, transparent 65%);z-index:-1;pointer-events:none;opacity:.85;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.stat-card-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.05rem;display:flex}.stat-card-icon{border:1px solid #0000;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.stat-card-icon.violet{background:var(--primary-soft);color:var(--primary-3);border-color:var(--primary-soft-2)}.stat-card-icon.cyan{background:var(--info-soft);color:var(--info);border-color:#60a5fa40}.stat-card-icon.green{background:var(--success-soft);color:var(--success);border-color:#4ade8040}.stat-card-icon.amber{background:var(--warning-soft);color:var(--warning);border-color:#fbbf2440}.stat-card-icon.pink{background:var(--pink-soft);color:var(--pink);border-color:#ec489940}.stat-card-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.stat-card-value{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:clamp(1.55rem,2vw,1.95rem);font-weight:700;line-height:1.05}.stat-card-foot{color:var(--text-muted);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.78rem;display:flex}.stat-card-foot.up{color:var(--success)}.stat-card-foot.down{color:var(--danger)}.stat-card-foot.accent{color:var(--primary)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;display:grid}.dashboard-main{gap:1.25rem;min-width:0;display:grid}.dashboard-side{gap:1.25rem;display:grid}.bottom-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}input,textarea,select{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);font:inherit;outline:none;width:100%;padding:.6rem .8rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}textarea{resize:vertical;min-height:80px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%237a7a90' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2rem}label.field{color:var(--text-soft);gap:.35rem;font-size:.78rem;font-weight:500;display:grid}.task-table{border-collapse:collapse;width:100%}.task-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.7rem .75rem;font-size:.7rem;font-weight:600}.task-table td{border-bottom:1px solid var(--border);color:var(--text-soft);vertical-align:middle;padding:.85rem .75rem;font-size:.88rem}.task-table tr:last-child td{border-bottom:none}.task-table tr:hover td{background:var(--bg-surface-2)}.task-title{align-items:center;gap:.7rem;display:flex}.task-checkbox{border:1.5px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;transition:all .15s;display:grid}.task-checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff}.task-name{color:var(--text);font-weight:500}.empty-state{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem .85rem;font-size:.88rem;font-weight:500;transition:all .15s}.tab:hover{color:var(--text-soft)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.pill{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.pill-violet{background:var(--primary-soft);color:var(--primary)}.pill-cyan{background:var(--info-soft);color:var(--info)}.pill-green{background:var(--success-soft);color:var(--success)}.pill-amber{background:var(--warning-soft);color:var(--warning)}.pill-red{background:var(--danger-soft);color:var(--danger)}.pill-muted{background:var(--bg-surface-2);color:var(--text-soft);border-color:var(--border-strong)}.priority-low{background:var(--info-soft);color:var(--info)}.priority-medium{background:var(--warning-soft);color:var(--warning)}.priority-high{background:var(--primary-soft);color:var(--primary)}.priority-urgent{background:var(--danger-soft);color:var(--danger)}.list-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.list-item:last-child{border-bottom:none}.list-avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);text-transform:uppercase;border-radius:9px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:600;display:grid}.list-avatar.cyan{background:var(--info-soft);color:var(--info)}.list-avatar.green{background:var(--success-soft);color:var(--success)}.list-avatar.amber{background:var(--warning-soft);color:var(--warning)}.list-avatar.red{background:var(--danger-soft);color:var(--danger)}.list-body{flex:1;min-width:0}.list-body strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.list-body span{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.list-body .status-dot{background:var(--success);border-radius:50%;width:6px;height:6px;display:inline-block}.list-body .status-dot.amber{background:var(--warning)}.list-body .status-dot.muted{background:var(--text-muted)}.list-meta{text-align:right;color:var(--text-muted);gap:.1rem;font-size:.78rem;display:grid}.list-meta strong{color:var(--text);font-size:.88rem;font-weight:600}.project-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:.6rem .75rem;padding:.65rem 0;display:grid}.project-row:last-child{border-bottom:none}.project-name{color:var(--text);font-size:.88rem;font-weight:500}.project-pct{color:var(--text-muted);font-size:.85rem;font-weight:600}.progress-bar{background:var(--bg-surface-2);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-2));border-radius:999px;height:100%;transition:width .3s}.promo-card{border:1px solid var(--primary-soft-2);border-radius:var(--radius);background:linear-gradient(135deg,#8b5cf62e,#7c3aed14);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.promo-card-icon{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.promo-card h3{letter-spacing:-.01em;font-size:1rem;font-weight:700}.promo-card p{color:var(--text-soft);font-size:.82rem}.activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.75rem;padding:.7rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-text{min-width:0;color:var(--text-soft);flex:1;font-size:.85rem}.activity-text strong{color:var(--text);font-weight:600}.activity-time{color:var(--text-muted);white-space:nowrap;font-size:.76rem}.banner{border-radius:var(--radius-sm);border:1px solid #0000;padding:.75rem 1rem;font-size:.86rem}.banner-success{background:var(--success-soft);color:var(--success);border-color:#34d3994d}.banner-warning{color:#92400e;background:#fbbf241f;border-color:#fbbf2452}.form-grid{gap:.75rem;display:grid}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.kanban{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:1rem;display:grid}.kanban-col{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.65rem;min-height:180px;padding:.85rem;display:flex}.kanban-col.is-droppable{border-color:var(--primary-soft-2);box-shadow:0 0 0 2px var(--primary-soft)}.kanban-col-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);font-size:.78rem;font-weight:600}.kanban-col-count{color:var(--text-muted);background:var(--bg-surface-2);border-radius:999px;padding:.1rem .45rem;font-size:.78rem;font-weight:600}.kanban-card{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.4rem;padding:.75rem;transition:border-color .15s;display:flex}.kanban-card:hover{border-color:var(--primary-soft-2)}.kanban-card-title{color:var(--text);font-size:.88rem;font-weight:600}.kanban-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;display:-webkit-box;overflow:hidden}.kanban-card-foot{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.kanban-empty{color:var(--text-muted);text-align:center;padding:.85rem .25rem;font-size:.8rem}.kanban-expanded .kanban-col{min-height:calc(100vh - 280px)}.kanban-col-body{gap:.65rem;padding-bottom:.8rem;padding-right:.2rem;display:grid;overflow-y:auto}.task-link-btn{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;line-height:1.3}.task-link-btn:hover{color:var(--primary)}.task-meta-grid{color:var(--text-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;font-size:.76rem;display:grid}.task-card{cursor:pointer;gap:.55rem;padding:.7rem .8rem}.task-card:hover{border-color:var(--primary-soft-2);box-shadow:0 4px 12px #0f172a0f}.task-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.task-card-title{color:var(--text);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.task-card-foot{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.task-card-meta{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.task-chip{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.72rem;line-height:1;display:inline-flex}.task-chip .list-avatar{width:22px;height:22px;font-size:.65rem}.task-chip.muted{background:var(--bg-surface);border:1px dashed var(--border-strong);width:22px;height:22px;color:var(--text-muted);border-radius:999px;justify-content:center}.task-card-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.icon-btn.icon-btn-sm{border-radius:6px;width:28px;height:28px}.icon-btn.icon-btn-danger:hover{color:#dc2626;background:#dc262614;border-color:#dc262659}.landing-sections{flex-direction:column;gap:.75rem;display:flex}.landing-help{background:linear-gradient(180deg, var(--primary-soft,#5143ff14), transparent);border-style:dashed}.landing-section-card{padding:0;transition:opacity .15s,border-color .15s;overflow:hidden}.landing-section-card.is-disabled{opacity:.6}.landing-section-head{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.landing-section-info{align-items:center;gap:.75rem;min-width:0;display:flex}.landing-section-index{background:var(--primary-soft,#5143ff1f);width:28px;height:28px;color:var(--primary,#5143ff);border-radius:8px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:700;display:grid}.landing-section-title{color:var(--text);align-items:center;gap:.5rem;font-size:.95rem;font-weight:650;display:inline-flex}.landing-section-key{color:var(--text-muted);background:var(--bg-surface-2);border:1px solid var(--border);border-radius:999px;padding:.12rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:500}.landing-section-sub{color:var(--text-muted);margin-top:.15rem;font-size:.78rem;line-height:1.4}.landing-section-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.landing-section-menu{border-bottom:1px solid var(--border);padding:.85rem 1.1rem}.landing-section-json{border-top:0}.landing-section-json summary{cursor:pointer;color:var(--text-soft);background:var(--bg-surface-2);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.75rem 1.1rem;font-size:.82rem;font-weight:600;list-style:none;transition:background .12s;display:flex}.landing-section-json summary::-webkit-details-marker{display:none}.landing-section-json summary:before{content:"▸";color:var(--text-muted);font-size:.7rem;transition:transform .15s;display:inline-block}.landing-section-json[open] summary:before{transform:rotate(90deg)}.landing-section-json summary:hover{background:var(--bg-surface)}.landing-section-json summary>.pill{margin-left:auto}.landing-section-json textarea{border:none;border-top:1px solid var(--border);background:var(--bg-surface);resize:vertical;border-radius:0;outline:none;width:100%;padding:.85rem 1.1rem;display:block}.task-detail-modal{max-width:920px}.task-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.task-detail-header-main{flex-direction:column;gap:.55rem;min-width:0;display:flex}.task-detail-pills{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.task-detail-title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:650;line-height:1.3}.task-detail-header-actions{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.client-detail-identity{align-items:center;gap:.75rem;display:flex}.client-detail-sub{color:var(--text-muted);margin-top:.15rem;font-size:.85rem}.clickable-row{cursor:pointer;transition:background .12s}.clickable-row:hover{background:var(--bg-surface-2)}.status-pill{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;line-height:1.4;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.status-pill-muted{color:#64748b;background:#64748b1a;border-color:#64748b33}.status-pill-blue{color:#2563eb;background:#2563eb1a;border-color:#2563eb33}.status-pill-amber{color:#b45309;background:#d977061f;border-color:#d9770640}.status-pill-violet{color:#6d28d9;background:#6d28d91a;border-color:#6d28d933}.status-pill-green{color:#047857;background:#0478571a;border-color:#04785733}.status-pill-red{color:#b91c1c;background:#b91c1c1a;border-color:#b91c1c33}.tag-chip{color:var(--text-muted);background:var(--bg-surface-2);border:1px solid var(--border);border-radius:999px;padding:.18rem .5rem;font-size:.7rem}.task-detail-body{padding:1.25rem 1.5rem 1.5rem}.task-detail-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.25rem;display:grid}.task-detail-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.7rem;padding:1rem 1.1rem;display:flex}.task-detail-section-head{justify-content:space-between;align-items:center;display:flex}.task-detail-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);align-items:center;gap:.45rem;margin:0;font-size:.78rem;font-weight:650;display:inline-flex}.count-badge{background:var(--bg-surface-2);min-width:20px;height:18px;color:var(--text-muted);letter-spacing:0;text-transform:none;border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.7rem;font-weight:600;display:inline-flex}.task-detail-text{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.88rem;line-height:1.55}.task-detail-empty{color:var(--text-muted);margin:0;font-size:.82rem;font-style:italic}.task-detail-list{flex-direction:column;gap:.55rem;margin:0;display:flex}.task-detail-list>div{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:.5rem;font-size:.8rem;display:grid}.task-detail-list dt{color:var(--text-muted);align-items:center;gap:.35rem;margin:0;font-weight:500;display:inline-flex}.task-detail-list dd{color:var(--text);word-break:break-word;min-width:0;margin:0}.dd-person{align-items:center;gap:.4rem;display:inline-flex}.dd-person .list-avatar{width:22px;height:22px;font-size:.65rem}.comment-list{flex-direction:column;gap:.7rem;max-height:280px;padding-right:.2rem;display:flex;overflow-y:auto}.comment-item{border-radius:var(--radius-sm);background:var(--bg-surface-2);border:1px solid var(--border);grid-template-columns:28px minmax(0,1fr) auto;align-items:flex-start;gap:.6rem;padding:.55rem .6rem;display:grid;position:relative}.comment-item .list-avatar{width:28px;height:28px;font-size:.72rem}.comment-body{min-width:0}.comment-meta{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.comment-meta strong{color:var(--text);font-size:.82rem}.comment-time{color:var(--text-muted);font-size:.7rem}.comment-body p{color:var(--text);word-break:break-word;margin:.25rem 0 0;font-size:.84rem;line-height:1.5}.comment-delete{opacity:0;transition:opacity .15s}.comment-item:hover .comment-delete{opacity:1}.comment-composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.comment-composer textarea{resize:vertical;min-height:60px}.attachment-list{flex-direction:column;gap:.45rem;display:flex}.attachment-item{border-radius:var(--radius-sm);background:var(--bg-surface-2);border:1px solid var(--border);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.5rem .6rem;display:grid}.attachment-icon{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:6px;place-items:center;display:grid}.attachment-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.attachment-body strong{color:var(--text);font-size:.82rem;font-weight:600}.attachment-body a{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;text-decoration:none;overflow:hidden}.attachment-body a:hover{color:var(--primary);text-decoration:underline}.attachment-composer{border-top:1px dashed var(--border);flex-direction:column;gap:.5rem;padding-top:.65rem;display:flex}.attachment-composer .btn{align-self:flex-end}@media (width<=860px){.task-detail-grid{grid-template-columns:1fr}.task-detail-modal{max-width:100%}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#04040a9e;place-items:start center;padding:4.5rem 1.5rem 2rem;animation:.18s ease-out overlay-in;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 6rem);padding:0;animation:.22s cubic-bezier(.16,1,.3,1) modal-in;display:flex;overflow:hidden;box-shadow:0 28px 80px -28px #000000a6}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-wide{width:min(880px,100%)}.modal-xwide{width:min(1080px,100%)}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.modal-header h3{letter-spacing:-.01em;color:var(--text);font-size:1.05rem;font-weight:600;line-height:1.2}.modal-header .modal-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.66rem;font-weight:600}.modal-header p{color:var(--text-muted);margin-top:.2rem;font-size:.82rem;line-height:1.4}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:1.15rem;line-height:1;transition:all .12s;display:grid}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-body{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;padding:.5rem 1.5rem 1.25rem;display:flex;overflow:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.modal-footer{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.55rem;padding:.85rem 1.5rem;display:flex}.modal-footer.between{justify-content:space-between}.modal-section{border:none;border-top:1px solid var(--border);background:0 0;border-radius:0;gap:.85rem;padding:1.1rem 0;display:grid}.modal-section:first-child{border-top:none;padding-top:.85rem}.modal-section-head{align-items:center;gap:.5rem;margin:0;display:flex}.modal-section-head .section-icon{width:22px;height:22px;color:var(--primary-3);background:#8b5cf61f;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.modal-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:600}.modal-section-sub{color:var(--text-muted);margin-top:.1rem;font-size:.76rem}.modal-body .field{color:var(--text-soft);gap:.35rem;font-size:.78rem;font-weight:500}.modal-body .field input,.modal-body .field textarea,.modal-body .field select{background:var(--bg-app);border:1px solid var(--border-strong);color:var(--text);border-radius:6px;height:36px;padding:.55rem .75rem;font-size:.86rem;transition:border-color .12s,box-shadow .12s}.modal-body .field textarea{height:auto;min-height:80px;padding:.6rem .75rem;line-height:1.5}.modal-body .field input:focus,.modal-body .field textarea:focus,.modal-body .field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.modal-body .field input:disabled,.modal-body .field select:disabled{opacity:.5;cursor:not-allowed}.modal-body .form-row{gap:.85rem 1rem}.modal-footer .btn{border-radius:6px;height:34px;padding:0 .95rem;font-size:.84rem}.modal-footer .btn-ghost{color:var(--text-soft);background:0 0;border-color:#0000}.modal-footer .btn-ghost:hover{color:var(--text);background:#ffffff0a}.modal-footer .btn-primary{box-shadow:0 6px 16px -8px #8b5cf68c}.modal-footer .btn-danger{color:var(--text-muted);background:0 0;border-color:#0000}.modal-footer .btn-danger:hover{background:var(--danger-soft);color:var(--danger);border-color:#0000}@media (width<=720px){.overlay{padding:1rem}.modal-card{border-radius:10px;max-height:calc(100vh - 2rem)}.modal-header,.modal-body,.modal-footer{padding-left:1rem;padding-right:1rem}}.filter-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex}.filter-bar .filter-search{flex:280px;min-width:240px;position:relative}.filter-bar .filter-search input{padding-left:2.2rem}.filter-bar .filter-search-icon{color:var(--text-muted);place-items:center;display:grid;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.filter-bar select{flex:none;width:auto;min-width:150px}.filter-bar .filter-spacer{flex:1}.filter-chip-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.filter-chip{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-soft);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .75rem;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.filter-chip:hover{border-color:var(--primary-soft-2);color:var(--text)}.filter-chip.active{background:var(--primary-soft);border-color:var(--primary-soft-2);color:var(--primary)}.filter-chip .chip-count{background:#ffffff0f;border-radius:999px;padding:0 .45rem;font-size:.7rem;font-weight:600}.filter-chip.active .chip-count{background:#8b5cf638}.page-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-title{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:.15rem;font-size:.86rem}.editor-tabs{background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.3rem;display:inline-flex}.editor-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.84rem;font-weight:500;transition:all .18s;display:inline-flex}.editor-tab:hover{color:var(--text)}.editor-tab.active{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;font-weight:600;box-shadow:0 6px 16px -8px #8b5cf68c}.editor-tab .editor-tab-count{background:#ffffff14;border-radius:999px;padding:0 .45rem;font-size:.72rem;font-weight:600}.editor-tab.active .editor-tab-count{background:#ffffff38}.section-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:0;display:grid;overflow:hidden}.section-card-head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #8b5cf60f, transparent 90%), var(--bg-surface);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;display:flex}.section-card-head h2,.section-card-head h3{letter-spacing:-.01em;font-size:1rem;font-weight:700}.section-card-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-bottom:.2rem;font-size:.7rem;font-weight:600}.section-card-head p{color:var(--text-muted);max-width:60ch;margin-top:.2rem;font-size:.82rem}.section-card-body{gap:1rem;padding:1.25rem;display:grid}.section-card-foot{border-top:1px solid var(--border);background:var(--bg-sidebar);justify-content:flex-end;gap:.55rem;padding:.85rem 1.25rem;display:flex}.plan-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);gap:.85rem;padding:1.1rem 1.15rem;transition:border-color .18s,box-shadow .18s;display:grid;position:relative}.plan-card.is-featured{border-color:var(--primary-soft-2);background:linear-gradient(180deg, #8b5cf612, transparent 60%), var(--bg-elevated);box-shadow:0 0 0 2px #8b5cf61f}.plan-card-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.plan-card-index{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);align-items:center;gap:.55rem;font-size:.78rem;font-weight:700;display:inline-flex}.plan-card-index .index-dot{background:var(--primary-soft);width:26px;height:26px;color:var(--primary);letter-spacing:0;border-radius:7px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.plan-card.is-featured .plan-card-index .index-dot{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}.plan-card-actions{align-items:center;gap:.4rem;display:flex}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-soft);align-items:center;gap:.55rem;font-size:.82rem;display:inline-flex}.toggle input{display:none}.toggle-track{background:var(--bg-surface-2);border:1px solid var(--border-strong);border-radius:999px;width:36px;height:20px;transition:all .18s;position:relative}.toggle-track:after{content:"";background:var(--text-soft);border-radius:50%;width:14px;height:14px;transition:all .18s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:linear-gradient(135deg, var(--primary), var(--primary-2));border-color:#0000}.toggle input:checked+.toggle-track:after{background:#fff;left:18px}.social-row{grid-template-columns:180px 1fr auto;align-items:center;gap:.55rem;display:grid}@media (width<=720px){.social-row{grid-template-columns:1fr}}.project-row-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:80px 1fr auto;align-items:center;gap:1rem;padding:.75rem;display:grid}.project-row-thumb{border:1px solid var(--border-strong);background:linear-gradient(135deg,#8b5cf640,#60a5fa2e) 50%/cover;border-radius:8px;width:80px;height:60px}.task-detail-grid{grid-template-columns:1.25fr 1fr;gap:1rem;margin-top:.45rem;display:grid}.task-detail-box h4{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.55rem;font-size:.86rem}.task-detail-box p{color:var(--text-soft);margin:0}.task-stream{max-height:320px;overflow:auto}.task-stream-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.7rem;padding:.55rem 0;display:flex}.task-stream-item:last-child{border-bottom:none}.task-stream-item strong{font-size:.84rem;display:block}.task-stream-item p{color:var(--text-soft);margin:.15rem 0 .2rem;font-size:.82rem}.task-stream-item span{color:var(--text-muted);font-size:.74rem}.finance-filters{flex-wrap:wrap}.finance-filters input{flex:1;min-width:260px}.finance-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-layout{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.calendar-grid-header{grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;margin-bottom:.45rem;display:grid}.calendar-grid-header div{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:.35rem 0;font-size:.74rem}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;display:grid}.calendar-day{border:1px solid var(--border);background:var(--bg-surface-2);border-radius:10px;grid-template-rows:auto 1fr;gap:.35rem;min-height:110px;padding:.45rem;display:grid}.calendar-day.is-out{opacity:.45}.calendar-day.is-today{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.calendar-day-head{justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.calendar-day-head span{background:var(--bg-surface);border:1px solid var(--border);min-width:18px;height:18px;color:var(--text-muted);border-radius:9px;place-items:center;font-size:.7rem;display:grid}.calendar-day-events{align-content:start;gap:.25rem;display:grid}.calendar-pill{white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:7px;padding:.2rem .35rem;font-size:.7rem;overflow:hidden}.calendar-pill.task{background:var(--info-soft);color:var(--info);border-color:#60a5fa52}.calendar-pill.expense{background:var(--warning-soft);color:var(--warning);border-color:#fbbf2452}.calendar-pill.more{background:var(--bg-surface);color:var(--text-muted);border-color:var(--border)}.calendar-upcoming{gap:.45rem;display:grid}.calendar-upcoming-item{border-bottom:1px solid var(--border);justify-content:space-between;gap:.7rem;padding:.55rem 0;display:flex}.calendar-upcoming-item:last-child{border-bottom:none}.calendar-upcoming-item strong{font-size:.84rem;display:block}.calendar-upcoming-item span{color:var(--text-muted);font-size:.76rem}.auth-shell{background:radial-gradient(70rem 40rem at 0% 0%, #1ea69a14, transparent 65%), radial-gradient(60rem 45rem at 100% 100%, #ea8f4a14, transparent 65%), var(--bg-app);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-visual{border-right:1px solid var(--border);background:radial-gradient(40rem 30rem at 20% 20%,#1ea69a38,#0000 62%),radial-gradient(34rem 26rem at 76% 82%,#fb923c29,#0000 64%),linear-gradient(165deg,#0b1f3b 0%,#0d1630 44%,#0b1022 100%);flex-direction:column;justify-content:center;gap:1.25rem;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-visual:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.auth-visual-inner{gap:1rem;max-width:420px;display:grid;position:relative}.auth-visual h2{letter-spacing:-.02em;max-width:14ch;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(1.9rem,2.4vw,2.4rem);font-weight:650;line-height:1.08}.auth-visual p{color:#e4eeffdb;max-width:44ch;font-size:.95rem;line-height:1.6}.auth-copy-card{background:linear-gradient(160deg,#071c3db8,#0b1122a6);border:1px solid #afceff47;border-radius:14px;gap:.28rem;margin-top:.35rem;padding:.9rem 1rem;display:grid}.auth-copy-card strong{letter-spacing:.02em;color:#dff0ff;font-size:.88rem}.auth-copy-card span{color:#e3eeffd1;font-size:.84rem;line-height:1.52}.auth-card{justify-content:center;align-items:center;padding:3rem;display:flex}.auth-form{gap:1rem;width:100%;max-width:380px;display:grid}.auth-form h1{letter-spacing:-.01em;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1.6rem;font-weight:650}.auth-form>p{color:var(--text-muted);margin-top:-.5rem;font-size:.9rem}.loading-screen{min-height:100vh;color:var(--text-soft);background:var(--bg-app);place-items:center;display:grid}.loader{border:3px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--text-muted);font-size:.88rem}.row{align-items:center;gap:.65rem;display:flex}.row-between{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.stack{gap:1rem;display:grid}.stack-sm{gap:.5rem;display:grid}.flex-grow{flex:1}@media (width<=1280px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr;display:grid}.stat-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:repeat(3,1fr)}.task-detail-grid,.calendar-layout{grid-template-columns:1fr}.search-box{width:220px}}@media (width<=980px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.main-area{height:auto;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.topbar{flex-wrap:wrap;padding:1rem}.topbar-actions{justify-content:space-between;width:100%}.search-box{flex:1;width:auto}.content{padding:1rem}.dashboard-side,.bottom-grid{grid-template-columns:1fr}.kanban{grid-template-columns:1fr 1fr}.kanban-expanded .kanban-col{min-height:320px}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}}@media (width<=640px){.stat-grid,.kanban,.calendar-grid{grid-template-columns:1fr}.calendar-grid-header{display:none}.finance-filters{gap:.45rem}.finance-filters input{min-width:100%}.overlay{padding:.45rem}}.page-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:1.5rem;margin-top:-.4rem;padding:0 .1rem;display:flex;overflow-x:auto}.page-tabs::-webkit-scrollbar{display:none}.page-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.4rem;padding:.85rem .1rem;font-size:.92rem;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.page-tab:hover{color:var(--text-soft)}.page-tab.active{color:var(--text);font-weight:600}.page-tab.active:after{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-3));border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.action-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.action-bar .spacer{flex:1}.chip-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;height:38px;padding:.5rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.chip-btn:hover{background:var(--bg-surface-2);color:var(--text)}.chip-btn .chip-icon{color:var(--text-muted);place-items:center;display:inline-grid}.chip-btn .caret{color:var(--text-muted);margin-left:.15rem}.btn-primary-lg{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;height:38px;padding:0 1rem;font-size:.88rem;font-weight:600;transition:filter .15s,transform .15s;display:inline-flex;box-shadow:0 8px 22px -10px #8b5cf6b3}.btn-primary-lg:hover{filter:brightness(1.08)}.btn-primary-lg .caret-split{border-left:1px solid #ffffff40;place-items:center;margin-left:.25rem;padding-left:.5rem;display:inline-grid}.finance-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.25rem;display:grid}.finance-main{gap:1.25rem;min-width:0;display:grid}.finance-rail{gap:1rem;display:grid}@media (width<=1280px){.finance-shell{grid-template-columns:1fr}.finance-rail{grid-template-columns:repeat(3,1fr)}}@media (width<=980px){.finance-rail{grid-template-columns:1fr}}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);min-height:158px;box-shadow:var(--shadow-card);grid-template-rows:auto 1fr auto;gap:.4rem;padding:1.1rem 1.15rem 0;display:grid;position:relative;overflow:hidden}.kpi-card-head{align-items:center;gap:.7rem;display:flex}.kpi-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.kpi-icon.violet{background:var(--primary-soft);color:var(--primary-3)}.kpi-icon.blue{background:var(--info-soft);color:var(--info)}.kpi-icon.teal{background:var(--teal-soft);color:var(--teal)}.kpi-icon.pink{background:var(--pink-soft);color:var(--pink)}.kpi-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.kpi-value{letter-spacing:-.02em;color:var(--text);font-size:1.7rem;font-weight:700}.kpi-delta{color:var(--text-muted);align-items:center;gap:.3rem;margin-top:.1rem;font-size:.78rem;display:inline-flex}.kpi-delta strong{font-size:.8rem;font-weight:600}.kpi-delta.up strong{color:var(--success)}.kpi-delta.down strong{color:var(--danger)}.kpi-spark{height:56px;margin:0 -1.15rem;position:relative}.kpi-spark svg{width:100%;height:100%;display:block}.card-pro{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.15rem 1.2rem}.card-pro-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.card-pro-head h3{letter-spacing:-.01em;color:var(--text);font-size:1rem;font-weight:600}.card-pro-link{color:var(--primary-3);cursor:pointer;font-size:.82rem;font-weight:500}.card-pro-link:hover{text-decoration:underline}.mini-select{background:var(--bg-surface-2);border:1px solid var(--border-strong);color:var(--text-soft);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;height:30px;padding:.35rem .65rem;font-size:.8rem;font-weight:500;display:inline-flex}.mini-select:hover{color:var(--text)}.finance-charts-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.25rem;display:grid}@media (width<=1100px){.finance-charts-row{grid-template-columns:1fr}}.bar-chart{height:220px;padding:.5rem 0 .25rem;position:relative}.bar-chart svg{width:100%;height:100%;display:block;overflow:visible}.bar-chart-axis-label{fill:var(--text-muted);font-size:.72rem}.bar-chart-grid line{stroke:#ffffff0a;stroke-dasharray:3 4}.bar-chart-tooltip{border:1px solid var(--border-strong);color:var(--text-soft);pointer-events:none;z-index:2;background:#141423f5;border-radius:10px;min-width:130px;padding:.55rem .7rem;font-size:.75rem;position:absolute;box-shadow:0 12px 28px -10px #000000b3}.bar-chart-tooltip strong{color:var(--text);margin-bottom:.3rem;font-weight:600;display:block}.bar-chart-tooltip-row{justify-content:space-between;gap:.7rem;display:flex}.bar-chart-tooltip-row span:last-child{color:var(--text);font-weight:600}.legend-row{color:var(--text-soft);align-items:center;gap:.85rem;font-size:.78rem;display:inline-flex}.legend-dot{align-items:center;gap:.35rem;display:inline-flex}.legend-dot:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px}.legend-dot.income:before{background:var(--primary)}.legend-dot.expense:before{background:var(--info)}.donut-wrap{grid-template-columns:160px 1fr;align-items:center;gap:1.1rem;display:grid}.donut-center{width:160px;height:160px;position:relative}.donut-center svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.donut-center-label{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut-center-label span{color:var(--text-muted);font-size:.72rem;display:block}.donut-center-label strong{letter-spacing:-.01em;color:var(--text);font-size:1.15rem;font-weight:700}.donut-legend{gap:.5rem;display:grid}.donut-legend-item{grid-template-columns:14px 1fr auto auto;align-items:center;gap:.55rem;font-size:.82rem;display:grid}.donut-legend-item .ld-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.donut-legend-item .ld-name{color:var(--text-soft)}.donut-legend-item .ld-amount{color:var(--text);font-weight:600}.donut-legend-item .ld-pct{color:var(--text-muted);font-size:.78rem}@media (width<=600px){.donut-wrap{grid-template-columns:1fr}.donut-center{margin:0 auto}}.rail-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);gap:.75rem;padding:1rem 1.05rem;display:grid}.rail-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rail-head h3{letter-spacing:-.01em;font-size:.92rem;font-weight:600}.rail-head .rail-link{color:#5143ff;cursor:pointer;border-radius:6px;padding:.25rem .55rem;font-size:.76rem;font-weight:600;transition:background .14s}.rail-head .rail-link:hover{background:#5143ff14}.rail-head .rail-icon{background:var(--bg-surface-2);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:7px;place-items:center;display:grid}.rail-list{gap:.45rem;display:grid}.rail-row{justify-content:space-between;align-items:center;gap:.7rem;font-size:.84rem;display:flex}.rail-row .lbl{color:var(--text-soft)}.rail-row .val{color:var(--text);font-weight:600}.rail-row .val.income{color:var(--success)}.rail-row .val.expense{color:var(--danger)}.rail-divider{background:var(--border);height:1px;margin:.1rem 0}.rail-invoice{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:.2rem .7rem;padding:.55rem 0;display:grid}.rail-invoice:last-child{border-bottom:none}.rail-invoice .ri-id{color:var(--text-muted);letter-spacing:.04em;font-size:.72rem;font-weight:600}.rail-invoice .ri-amount{color:var(--text);text-align:right;font-size:.86rem;font-weight:700}.rail-invoice .ri-name{color:var(--text-soft);grid-column:1/2;font-size:.82rem}.rail-invoice .ri-state{grid-column:2/3;justify-self:end}.rail-budget{border-bottom:1px solid var(--border);gap:.35rem;padding:.5rem 0;display:grid}.rail-budget:last-child{border-bottom:none}.rail-budget-head{justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.rail-budget-head strong{color:var(--text);font-weight:600}.rail-budget-head span{color:var(--text-muted);font-size:.78rem}.rail-budget-bar{background:var(--bg-surface-2);border-radius:999px;height:6px;overflow:hidden}.rail-budget-bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-3));border-radius:999px;height:100%}.tx-table{border-collapse:collapse;width:100%}.tx-table th{text-align:left;letter-spacing:.02em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.7rem .85rem;font-size:.74rem;font-weight:600}.tx-table td{border-bottom:1px solid var(--border);color:var(--text-soft);padding:.85rem;font-size:.86rem}.tx-table tbody tr:last-child td{border-bottom:none}.tx-table tbody tr:hover td{background:#ffffff04}.tx-tag{border-radius:6px;align-items:center;padding:.18rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.tx-tag.violet{background:var(--primary-soft);color:var(--primary-3)}.tx-tag.green{background:var(--success-soft);color:var(--success)}.tx-tag.red{background:var(--danger-soft);color:var(--danger)}.tx-tag.amber{background:var(--warning-soft);color:var(--warning)}.tx-tag.blue{background:var(--info-soft);color:var(--info)}.tx-tag.pink{background:var(--pink-soft);color:var(--pink)}.tx-tag.orange{background:var(--orange-soft);color:var(--orange)}.tx-tag.muted{background:var(--bg-surface-2);color:var(--text-muted)}.tx-state{align-items:center;gap:.35rem;font-size:.82rem;font-weight:500;display:inline-flex}.tx-state.paid{color:var(--success)}.tx-state.pending{color:var(--warning)}.tx-state.overdue{color:var(--danger)}.tx-state-dot{background:var(--success-soft);width:14px;height:14px;color:var(--success);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.tx-state.pending .tx-state-dot{background:var(--warning-soft);color:var(--warning)}.tx-state.overdue .tx-state-dot{background:var(--danger-soft);color:var(--danger)}.tx-table-foot{border-top:1px solid var(--border);margin-top:.5rem;padding:.95rem .85rem 0}.tx-foot-link{color:var(--text-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.86rem;font-weight:500;display:inline-flex}.tx-foot-link:hover{color:var(--primary-3)}.cal-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.25rem;display:grid}@media (width<=1180px){.cal-shell{grid-template-columns:1fr}}.cal-main{gap:1rem;min-width:0;display:grid}.cal-rail{gap:1rem;display:grid}.cal-month-row{align-items:center;gap:.85rem;padding:0 .15rem;display:flex}.cal-month-row h2{letter-spacing:-.015em;color:var(--text);text-transform:capitalize;margin:0;font-size:1.35rem;font-weight:700}.cal-month-row .muted{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.cal-month-row .muted:before{content:"";background:#5143ff;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite cal-pulse}@keyframes cal-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.cal-pro{background:#fff;border:1px solid #e4e9f2;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f1b330a,0 12px 32px -22px #0f1b332e}.cal-pro-head{background:linear-gradient(#fafbfe,#f4f6fb);border-bottom:1px solid #eef1f7;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-pro-head div{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#64748b;border-right:1px solid #eef1f7;padding:.85rem .6rem;font-size:.7rem;font-weight:700}.cal-pro-head div:nth-child(6),.cal-pro-head div:nth-child(7){color:#94a3b8}.cal-pro-head div:last-child{border-right:none}.cal-pro-grid{background:#eef1f7;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(118px,1fr);gap:1px;display:grid}.cal-pro-day{background:#fff;flex-direction:column;gap:.4rem;min-height:118px;padding:.55rem .6rem;transition:background .14s;display:flex;position:relative}.cal-pro-day:nth-child(7n-1),.cal-pro-day:nth-child(7n){background:#fafbfe}.cal-pro-day:hover{background:#f4f6fb}.cal-pro-day.is-out{color:var(--text-muted);background:#f8faff}.cal-pro-day.is-out .cal-pro-day-num{opacity:.45}.cal-pro-day-num{color:var(--text-soft);border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:24px;height:24px;margin-left:auto;font-size:.78rem;font-weight:600;display:inline-flex}.cal-pro-day.is-today{background:linear-gradient(#5143ff0a,#5143ff00);box-shadow:inset 0 0 0 1px #5143ff2e}.cal-pro-day.is-today .cal-pro-day-num{color:#fff;background:linear-gradient(135deg,#5143ff,#7c6dff);box-shadow:0 4px 12px -4px #5143ff8c}.cal-pro-events{align-content:start;gap:3px;display:grid}.cal-event{background:var(--evt-bg,#5143ff1a);color:var(--evt-fg,#5143ff);white-space:nowrap;cursor:pointer;border-radius:6px;grid-template-columns:38px 1fr;align-items:center;gap:.35rem;padding:.28rem .45rem .28rem .55rem;font-size:.7rem;transition:transform .12s,box-shadow .14s;display:grid;position:relative;overflow:hidden}.cal-event:hover{box-shadow:0 4px 10px -6px var(--evt-fg,#5143ff);transform:translate(1px)}.cal-event:before{content:"";background:var(--evt-fg,#5143ff);border-radius:0 2px 2px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.cal-event .evt-time{color:var(--evt-fg);letter-spacing:.01em;font-size:.68rem;font-weight:700}.cal-event .evt-title{color:var(--text);text-overflow:ellipsis;align-items:center;gap:.25rem;font-weight:500;display:inline-flex;overflow:hidden}.cal-event.violet{--evt-bg:#7c6dff1f;--evt-fg:#6d5dfc}.cal-event.green{--evt-bg:#10b9811f;--evt-fg:#059669}.cal-event.orange{--evt-bg:#f59e0b24;--evt-fg:#d97706}.cal-event.blue{--evt-bg:#2563eb1f;--evt-fg:#2563eb}.cal-event.teal{--evt-bg:#14b8a61f;--evt-fg:#0d9488}.cal-event.pink{--evt-bg:#ec48991f;--evt-fg:#db2777}.cal-month-select{color:var(--text);cursor:pointer;background:#fff;border:1px solid #e4e9f2;border-radius:10px;align-items:center;gap:.5rem;height:36px;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:border-color .14s,box-shadow .14s;display:inline-flex}.cal-month-select:hover{border-color:#cfd8e6;box-shadow:0 2px 6px #0f1b330f}.cal-legend{color:var(--text-soft);background:#fafbfe;border-top:1px solid #eef1f7;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.85rem 1rem;font-size:.74rem;display:flex}.cal-legend-item{color:var(--text-soft);background:#fff;border:1px solid #e4e9f2;border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .55rem;font-weight:500;display:inline-flex}.cal-legend-item:before{content:"";background:var(--ldot,#5143ff);width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in srgb, var(--ldot,#5143ff) 18%, transparent);border-radius:50%}.mini-cal{padding:1.1rem 1.15rem}.mini-cal-head{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.mini-cal-head strong{letter-spacing:-.01em;text-transform:capitalize;color:var(--text);font-size:.92rem;font-weight:700}.mini-cal-head .mini-nav{gap:.2rem;display:inline-flex}.mini-cal-head .mini-nav button{color:var(--text-soft);cursor:pointer;background:#f4f6fb;border:1px solid #e4e9f2;border-radius:7px;place-items:center;width:26px;height:26px;transition:all .14s;display:grid}.mini-cal-head .mini-nav button:hover{color:#5143ff;background:#fff;border-color:#cfd8e6}.mini-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;font-size:.75rem;display:grid}.mini-cal-grid .dow{text-align:center;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;padding:.35rem 0 .5rem;font-size:.66rem;font-weight:700}.mini-cal-grid .day{text-align:center;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.42rem 0;font-size:.78rem;font-weight:500;transition:all .12s;position:relative}.mini-cal-grid .day:hover{color:#5143ff;background:#f1f4f9}.mini-cal-grid .day.is-out{color:#cbd5e1}.mini-cal-grid .day.is-today{color:#fff;background:linear-gradient(135deg,#5143ff,#7c6dff);font-weight:700;box-shadow:0 6px 14px -6px #5143ff8c}.mini-cal-grid .day.is-today:hover{color:#fff;filter:brightness(1.05)}.up-events{gap:.4rem;padding-top:.25rem;display:grid}.up-event{cursor:pointer;background:#fafbfe;border:1px solid #eef1f7;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;gap:.15rem .7rem;padding:.65rem .75rem;transition:all .14s;display:grid}.up-event:hover{background:#fff;border-color:#d4dbe8;transform:translate(2px);box-shadow:0 4px 12px -8px #0f1b332e}.up-event .up-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;grid-column:2;align-items:center;font-size:.84rem;font-weight:600;display:inline-flex;overflow:hidden}.up-event:before{content:"";background:var(--up-dot,#6d5dfc);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--up-dot,#6d5dfc) 18%, transparent);border-radius:50%;grid-area:1/1/span 2;align-self:center}.up-event.violet{--up-dot:#6d5dfc}.up-event.green{--up-dot:#059669}.up-event.orange{--up-dot:#d97706}.up-event.blue{--up-dot:#2563eb}.up-event.teal{--up-dot:#0d9488}.up-event.pink{--up-dot:#db2777}.up-event .up-meta{color:var(--text-muted);grid-column:2;font-size:.7rem}.up-event .up-day{color:var(--text-muted);text-align:right;white-space:nowrap;background:#fff;border:1px solid #e4e9f2;border-radius:999px;grid-area:1/3;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.up-event .up-time{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;grid-area:2/3;font-size:.78rem;font-weight:700}.up-empty{text-align:center;background:#fafbfe;border:1px dashed #e4e9f2;border-radius:10px;justify-items:center;gap:.35rem;padding:1.25rem .5rem;display:grid}.up-empty__icon{color:#5143ff;background:#5143ff14;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:.25rem;display:grid}.up-empty strong{color:var(--text);font-size:.86rem;font-weight:600}.up-empty span{color:var(--text-muted);max-width:220px;font-size:.74rem;line-height:1.4}.btn-soft{background:var(--bg-surface-2);border:1px dashed var(--border-strong);width:100%;color:var(--text-soft);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem;font-size:.84rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-soft:hover{border-color:var(--primary-soft-2);color:var(--text)}.settings-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:1rem;display:grid}.settings-grid-wide{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)}.settings-card{gap:1rem;display:grid}.settings-narrow{max-width:560px}.settings-profile-row{align-items:center;gap:1rem;display:flex}.settings-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:88px;height:88px;font-size:1.15rem;font-weight:800;display:grid;overflow:hidden}.settings-avatar img{object-fit:cover;width:100%;height:100%}.settings-kv{grid-template-columns:120px 1fr;gap:.7rem 1rem;display:grid}.settings-kv span,.settings-project-row span{color:var(--text-muted);font-size:.8rem}.settings-project-list{gap:.45rem;max-height:520px;padding-right:.2rem;display:grid;overflow-y:auto}.settings-project-row{border:1px solid var(--border);background:#ffffff04;border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:.7rem;padding:.7rem;display:grid}.settings-project-row strong{margin-bottom:.1rem;display:block}.project-detail-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}@media (width<=980px){.settings-grid,.settings-grid-wide,.project-detail-grid{grid-template-columns:1fr}.topbar-user-copy{display:none}.main-area{border-left:none;border-radius:0}}.banner-info{background:var(--info-soft);color:var(--info);border:1px solid #60a5fa59}.section-title-sm{color:var(--text);margin:.35rem 0;font-size:.9rem;font-weight:700}.gmail-list{gap:.45rem;max-height:360px;padding-right:.2rem;display:grid;overflow-y:auto}.gmail-item{text-align:left;border:1px solid var(--border);width:100%;color:var(--text-soft);cursor:pointer;background:#ffffff05;border-radius:10px;gap:.18rem;padding:.55rem .7rem;display:grid}.gmail-item strong{color:var(--text);font-size:.83rem}.gmail-item span{color:var(--text-muted);font-size:.76rem}.gmail-item em{color:var(--text-soft);font-size:.76rem;font-style:normal}.gmail-item.active{background:#8b5cf61f;border-color:#8b5cf673}.mail-app{gap:.85rem;display:grid}.mail-toolbar{background:#fff;border:1px solid #e4e9f2;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex;box-shadow:0 1px 2px #0f1b330a}.mail-toolbar__actions{align-items:center;gap:.4rem;display:flex}.mail-status-pill{color:var(--text-soft);background:#f4f6fb;border:1px solid #e4e9f2;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.mail-status-pill strong{color:var(--text);font-weight:600}.mail-status-pill__dot{background:#cbd5e1;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #94a3b82e}.mail-status-pill.is-connected{color:#047857;background:#e6f8f1;border-color:#b7ebd5}.mail-status-pill.is-connected strong{color:#047857}.mail-status-pill.is-connected .mail-status-pill__dot{background:#10b981;animation:1.6s ease-in-out infinite mail-pulse;box-shadow:0 0 0 3px #10b98138}@keyframes mail-pulse{0%,to{opacity:.6}50%{opacity:1}}.mail-icon-btn{width:36px;height:36px;color:var(--text-soft);cursor:pointer;background:#fff;border:1px solid #e4e9f2;border-radius:10px;place-items:center;transition:all .14s;display:inline-grid}.mail-icon-btn:hover:not(:disabled){color:#5143ff;background:#f8faff;border-color:#cfd8e6}.mail-icon-btn:disabled{opacity:.5;cursor:not-allowed}.mail-compose-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5143ff,#7c6dff);border:none;border-radius:10px;align-items:center;gap:.45rem;height:36px;padding:0 1rem;font-size:.84rem;font-weight:600;transition:filter .14s,transform .14s;display:inline-flex;box-shadow:0 8px 18px -10px #5143ffb3}.mail-compose-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.mail-settings{background:#fff;border:1px solid #e4e9f2;border-radius:12px;gap:.95rem;padding:1.1rem 1.25rem;display:grid;box-shadow:0 1px 2px #0f1b330a}.mail-settings__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mail-settings__head h3{margin:0 0 .2rem;font-size:.95rem;font-weight:600}.mail-settings__head p{color:var(--text-muted);margin:0;font-size:.78rem}.mail-settings__grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.mail-settings__footer{border-top:1px solid #eef1f7;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.85rem;padding-top:.85rem;display:flex}.mail-settings__kv{grid-template-columns:auto auto;gap:.25rem .85rem;font-size:.78rem;display:grid}.mail-settings__kv span{color:var(--text-muted);font-weight:500}.mail-settings__kv strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.mail-settings__kv strong.is-ok{color:#047857}.mail-settings__actions{flex-wrap:wrap;gap:.45rem;display:flex}.mail-shell{background:#fff;border:1px solid #e4e9f2;border-radius:14px;grid-template-columns:360px minmax(0,1fr);gap:0;height:calc(100vh - 230px);min-height:480px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f1b330a,0 16px 36px -24px #0f1b332e}.mail-app{min-height:0}@media (width<=980px){.mail-shell{grid-template-columns:1fr}}.mail-list-pane{background:#fafbfe;border-right:1px solid #eef1f7;flex-direction:column;min-height:0;display:flex}.mail-search{color:var(--text-muted);background:#fff;border-bottom:1px solid #eef1f7;align-items:center;gap:.5rem;padding:.85rem .95rem;display:flex;position:relative}.mail-search input{color:var(--text);box-shadow:none;background:0 0;border:none;outline:none;flex:1;padding:.25rem 0;font-size:.85rem}.mail-search__clear{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:#f1f4f9;border:none;border-radius:50%;place-items:center;font-size:.95rem;line-height:1;display:grid}.mail-search__clear:hover{color:var(--text);background:#e4e9f2}.mail-load-more{color:#5143ff;cursor:pointer;background:#fff;border:1px dashed #cfd8e6;border-radius:10px;margin:.4rem .3rem 0;padding:.7rem;font-size:.82rem;font-weight:600;transition:all .14s}.mail-load-more:hover:not(:disabled){background:#f8faff;border-color:#5143ff}.mail-load-more:disabled{opacity:.6;cursor:not-allowed}.mail-reply__left{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.tpl-picker{max-width:820px}.tpl-picker__grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}@media (width<=760px){.tpl-picker__grid{grid-template-columns:1fr}}.tpl-picker__form{border-right:1px solid #eef1f7;flex-direction:column;gap:.7rem;padding:1.1rem 1.25rem;display:flex;overflow-y:auto}.tpl-picker__field{gap:.3rem;display:grid}.tpl-picker__field span{color:var(--text-muted);font-size:.74rem;font-weight:600}.tpl-picker__field code{color:#5143ff;background:#5143ff14;border-radius:6px;padding:.15rem .4rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.74rem}.tpl-picker__field input{background:#fff;border:1px solid #e4e9f2;border-radius:9px;padding:.55rem .7rem;font-size:.86rem}.tpl-picker__field input:focus{border-color:#5143ff73;outline:none;box-shadow:0 0 0 3px #5143ff1f}.tpl-picker__empty{color:var(--text-muted);background:#fafbfe;border:1px dashed #e4e9f2;border-radius:10px;margin:0;padding:.85rem;font-size:.82rem}.tpl-picker__mode{background:#fafbfe;border:1px solid #eef1f7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.4rem;padding:.7rem .85rem;font-size:.78rem;display:flex}.tpl-picker__mode>span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.tpl-picker__mode label{cursor:pointer;color:var(--text-soft);align-items:center;gap:.35rem;display:inline-flex}.tpl-picker__mode input[type=radio]{accent-color:#5143ff}.tpl-picker__preview{background:#fafbfe;flex-direction:column;gap:.65rem;padding:1.1rem 1.25rem;display:flex;overflow-y:auto}.tpl-picker__preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.66rem;font-weight:700}.tpl-picker__preview-subject{color:var(--text);background:#fff;border:1px solid #e4e9f2;border-radius:8px;padding:.6rem .75rem;font-size:.82rem;line-height:1.45}.tpl-picker__preview-subject strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.72rem;font-weight:600;display:block}.tpl-picker__preview pre{color:var(--text);white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e4e9f2;border-radius:10px;flex:1;margin:0;padding:.85rem 1rem;font-family:inherit;font-size:.84rem;line-height:1.55;overflow-y:auto}.mail-list{flex-direction:column;flex:1;gap:.25rem;min-height:0;padding:.45rem .45rem 1rem;display:flex;overflow-y:auto}.mail-list::-webkit-scrollbar{width:6px}.mail-list::-webkit-scrollbar-thumb{background:#d4dbe8;border-radius:3px}.mail-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:38px 1fr;align-items:flex-start;gap:.7rem;width:100%;padding:.7rem .75rem;transition:all .14s;display:grid}.mail-item:hover{background:#fff;border-color:#e4e9f2}.mail-item.is-active{background:#fff;border-color:#5143ff59;box-shadow:0 4px 14px -8px #5143ff66}.mail-item__avatar{color:#fff;letter-spacing:.02em;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:.8rem;font-weight:600;display:grid}.mail-avatar{color:#fff;letter-spacing:.02em;background-clip:padding-box;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid;position:relative;overflow:hidden}.mail-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.mail-avatar__initials{font-variant-numeric:tabular-nums;place-items:center;width:100%;height:100%;display:grid}.mail-avatar.mail-item__avatar{border-radius:50%}.mail-item__body{gap:.18rem;min-width:0;display:grid}.mail-item__row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.mail-item__sender{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.mail-item__time{color:var(--text-muted);flex-shrink:0;font-size:.7rem;font-weight:500}.mail-item__subject{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.mail-item__snippet{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.35;display:-webkit-box;overflow:hidden}.mail-item.is-active .mail-item__sender,.mail-item.is-active .mail-item__subject{color:#5143ff}.mail-reader{background:#fff;flex-direction:column;min-height:0;display:flex}.mail-reader__head{border-bottom:1px solid #eef1f7;padding:1.25rem 1.5rem 1rem}.mail-reader__title{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.mail-reader__title h2{letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.mail-reader__time{color:var(--text-muted);white-space:nowrap;font-size:.74rem;font-weight:500}.mail-reader__sender{align-items:center;gap:.7rem;display:flex}.mail-reader__sender>div{gap:.1rem;display:grid}.mail-reader__sender strong{color:var(--text);font-size:.85rem}.mail-reader__sender span{color:var(--text-muted);font-size:.74rem}.mail-reader__body{flex:1;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto}.mail-reader__body p{color:var(--text-soft);margin:0;font-size:.88rem;line-height:1.6}.mail-reader__participants{align-items:center;gap:.4rem;display:inline-flex}.mail-participant{border:2px solid #fff;width:30px;height:30px;margin-left:-6px;font-size:.7rem;position:relative}.mail-participant:first-child{margin-left:0}.mail-thread{flex-direction:column;gap:.6rem;display:flex}.mail-thread__loading,.mail-thread__fallback{color:var(--text-muted);padding:1rem 0;font-size:.85rem}.mail-msg{background:#fff;border:1px solid #e4e9f2;border-radius:12px;transition:box-shadow .14s,border-color .14s;overflow:hidden}.mail-msg.is-open{border-color:#d4dbe8;box-shadow:0 4px 14px -10px #0f1b332e}.mail-msg.is-outgoing{background:#f5f3ff;border-color:#ddd6fe}.mail-msg.is-outgoing.is-open{background:#faf9ff}.mail-msg__head{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;grid-template-columns:38px 1fr auto;align-items:center;gap:.7rem;padding:.85rem 1rem;font-family:inherit;display:grid}.mail-msg__head:hover{background:#0f1b3306}.mail-msg.is-outgoing .mail-msg__head:hover{background:#7c3aed0d}.mail-msg__meta{gap:.18rem;min-width:0;display:grid}.mail-msg__row{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.mail-msg__row strong{color:var(--text);font-size:.86rem;font-weight:600}.mail-msg__tag{letter-spacing:.06em;text-transform:uppercase;color:#5143ff;background:#5143ff1f;border-radius:999px;padding:.1rem .4rem;font-size:.62rem;font-weight:700}.mail-msg__time{color:var(--text-muted);margin-left:auto;font-size:.7rem}.mail-msg__sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.mail-msg.is-open .mail-msg__sub{color:var(--text);font-weight:500}.mail-msg__chevron{width:26px;height:26px;color:var(--text-muted);border-radius:7px;place-items:center;transition:transform .18s,color .14s;display:grid}.mail-msg__chevron.is-open{color:#5143ff;transform:rotate(180deg)}.mail-msg__body{background:#fff;border-top:1px solid #eef1f7;padding:0}.mail-msg.is-outgoing .mail-msg__body{border-top-color:#ddd6fe}.mail-msg__body pre{color:var(--text-soft);white-space:pre-wrap;word-break:break-word;margin:0;padding:1rem 1.25rem 1.25rem;font-family:inherit;font-size:.85rem;line-height:1.6}.mail-msg__iframe{background:#fff;border:none;width:100%;min-height:220px;display:block}.mail-reader__reply{background:#fafbfe;border-top:1px solid #eef1f7;padding:1rem 1.5rem 1.25rem}.mail-reply__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;display:inline-flex}.mail-reader__reply textarea{resize:vertical;background:#fff;border:1px solid #e4e9f2;border-radius:10px;margin-top:.4rem;padding:.7rem .85rem;font-size:.86rem;line-height:1.5;transition:border-color .14s,box-shadow .14s}.mail-reader__reply textarea:focus{border-color:#5143ff73;box-shadow:0 0 0 3px #5143ff1f}.mail-reply__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-top:.7rem;display:flex}.mail-reply__hint{color:var(--text-muted);font-size:.72rem}.mail-reader__empty,.mail-empty{text-align:center;justify-items:center;gap:.4rem;padding:2.5rem 1.5rem;display:grid}.mail-empty{padding:2rem 1rem}.mail-reader__empty strong,.mail-empty strong{color:var(--text);font-size:.92rem;font-weight:600}.mail-reader__empty span,.mail-empty span{color:var(--text-muted);max-width:280px;font-size:.78rem;line-height:1.45}.mail-empty__icon{color:#5143ff;background:#5143ff14;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:.35rem;display:grid}.mail-reader__empty .mail-compose-btn{margin-top:.85rem}.mail-compose-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#0f1b336b;place-items:center;padding:1.25rem;animation:.16s mail-fade;display:grid;position:fixed;inset:0}@keyframes mail-fade{0%{opacity:0}to{opacity:1}}.mail-compose{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:86vh;animation:.22s cubic-bezier(.2,.8,.2,1) mail-rise;display:flex;overflow:hidden;box-shadow:0 30px 60px -20px #0f1b3366,0 12px 24px -12px #0f1b3340}@keyframes mail-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mail-compose__head{color:#fff;background:linear-gradient(135deg,#5143ff,#7c6dff);justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;display:flex}.mail-compose__head h3{margin:0 0 .15rem;font-size:1rem;font-weight:700}.mail-compose__head span{color:#fffc;font-size:.74rem}.mail-compose__head .mail-icon-btn{color:#fff;background:#ffffff1f;border-color:#ffffff2e}.mail-compose__head .mail-icon-btn:hover{color:#fff;background:#fff3}.mail-compose__body{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.mail-compose__row{border-bottom:1px solid #eef1f7;grid-template-columns:70px 1fr;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:grid}.mail-compose__row span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.74rem;font-weight:600}.mail-compose__row input{color:var(--text);box-shadow:none;background:0 0;border:none;outline:none;padding:.25rem 0;font-size:.9rem}.mail-compose__textarea{resize:none;min-height:220px;box-shadow:none;background:#fff;border:none;outline:none;flex:1;padding:1rem 1.25rem;font-size:.9rem;line-height:1.55}.mail-compose__footer{background:#fafbfe;border-top:1px solid #eef1f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:.85rem 1.25rem;display:flex}.mail-compose__template{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.74rem;font-weight:500;display:inline-flex}.mail-compose__template select{color:var(--text);background:#fff;border:1px solid #e4e9f2;border-radius:8px;padding:.32rem .55rem;font-size:.78rem}.mail-compose__actions{gap:.5rem;margin-left:auto;display:flex}@media (width<=720px){.mail-settings__grid{grid-template-columns:1fr}}.template-toolbar{background:#fff;border:1px solid #e4e9f2;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.template-toolbar__info{gap:.2rem;display:grid}.template-toolbar__info strong{color:var(--text);font-size:.95rem;font-weight:700}.template-toolbar__info span{color:var(--text-muted);font-size:.78rem}.template-toolbar__actions{flex-wrap:wrap;gap:.45rem;display:flex}.template-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.1rem;display:grid}.template-card{background:#fff;border:1px solid #e4e9f2;border-radius:14px;flex-direction:column;transition:transform .16s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f1b330a,0 8px 24px -16px #0f1b332e}.template-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0f1b330d,0 14px 28px -16px #5143ff38}.template-card__head{border-bottom:1px solid #eef1f7;justify-content:space-between;align-items:flex-start;gap:.85rem;padding:1.05rem 1.15rem .85rem;display:flex}.template-card__head h3{color:var(--text);letter-spacing:-.01em;margin:.4rem 0 0;font-size:1rem;font-weight:700}.template-chip{letter-spacing:.08em;text-transform:uppercase;color:#5143ff;background:#5143ff1a;border-radius:999px;padding:.25rem .55rem;font-size:.66rem;font-weight:700;display:inline-block}.template-chip--seguimiento{color:#2563eb;background:#2563eb1a}.template-chip--upsell{color:#059669;background:#0596691a}.template-chip--cierre{color:#d97706;background:#d977061f}.template-chip--finanzas{color:#b45309;background:#b453091a}.template-chip--marketing{color:#db2777;background:#db27771a}.template-chip--consultoria{color:#0d9488;background:#0d94881f}.template-card__stats{text-align:right;color:var(--text-muted);white-space:nowrap;gap:.2rem;font-size:.7rem;display:grid}.template-card__stats strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.template-card__preview{background:#f4f6fb;border-bottom:1px solid #eef1f7;height:280px;position:relative;overflow:hidden}.template-card__iframe{background:#fff;border:none;width:100%;height:100%;display:block}.template-card__preview-empty{height:100%;color:var(--text-muted);place-items:center;font-size:.8rem;display:grid}.template-card__fields{gap:.65rem;padding:1rem 1.15rem .85rem;display:grid}.template-card__vars{background:#fafbfe;border-top:1px solid #eef1f7;gap:.4rem;padding:.85rem 1.15rem;display:grid}.template-card__vars-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.66rem;font-weight:700}.template-card__vars-list{flex-wrap:wrap;gap:.35rem;display:flex}.template-card__vars-list code{color:#5143ff;background:#fff;border:1px solid #e4e9f2;border-radius:6px;padding:.2rem .45rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}.template-card__details{border-top:1px solid #eef1f7;padding:.85rem 1.15rem}.template-card__details summary{cursor:pointer;color:var(--text-soft);align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;list-style:none;display:inline-flex}.template-card__details summary:before{content:"▸";color:var(--text-muted);font-size:.7rem;transition:transform .14s;display:inline-block}.template-card__details[open] summary:before{transform:rotate(90deg)}.template-card__details summary:hover{color:#5143ff}.template-card__details textarea{resize:vertical;background:#fafbfe;border:1px solid #e4e9f2;border-radius:8px;width:100%;margin-top:.6rem;padding:.7rem .85rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.55}.template-card-head{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.template-card-head span{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.72rem}.integration-checklist{border:1px dashed var(--border-strong);background:#ffffff05;border-radius:12px;padding:.75rem .85rem}.integration-checklist h4{margin:0 0 .5rem;font-size:.82rem}.integration-checklist ol{color:var(--text-soft);gap:.35rem;margin:0;padding-left:1.05rem;display:grid}.client-board{grid-template-columns:repeat(7,minmax(220px,1fr));gap:.8rem;padding-bottom:.2rem;display:grid;overflow-x:auto}.client-board-col{border:1px solid var(--border);background:#ffffff05;border-radius:14px;grid-template-rows:auto 1fr;min-height:420px;display:grid}.client-board-col-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .7rem;display:flex}.client-board-col-head strong{font-size:.82rem}.client-board-col-head span{color:var(--text-muted);font-size:.76rem}.client-board-col-body{align-content:start;gap:.5rem;padding:.65rem;display:grid}.client-card{border:1px solid var(--border);background:var(--bg-surface);cursor:grab;border-radius:10px;gap:.35rem;padding:.55rem .6rem;display:grid}.client-card strong{font-size:.81rem}.client-card p{color:var(--text-soft);font-size:.76rem}.client-card-tags{flex-wrap:wrap;gap:.3rem;display:flex}.client-card-tags span{color:var(--primary-3);background:#6366f129;border-radius:999px;padding:.12rem .4rem;font-size:.68rem}.client-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:.6rem;font-size:.71rem;display:flex}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.budget-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.1rem;display:grid}.budget-card{background:#fff;border:1px solid #e4e9f2;border-radius:14px;gap:.95rem;padding:1.25rem 1.25rem 1.1rem;transition:transform .16s,box-shadow .2s,border-color .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f1b330a,0 8px 24px -16px #0f1b332e}.budget-card:hover{border-color:#d4dbe8;transform:translateY(-2px);box-shadow:0 2px 4px #0f1b330d,0 18px 38px -22px #5143ff47}.budget-card__accent{background:linear-gradient(90deg, var(--accent-start,#5143ff), var(--accent-end,#7c6dff));opacity:.95;height:3px;position:absolute;inset:0 0 auto}.budget-card--nuevo{--accent-start:#2563eb;--accent-end:#60a5fa}.budget-card--contactado{--accent-start:#f59e0b;--accent-end:#fbbf24}.budget-card--cotizado{--accent-start:#5143ff;--accent-end:#7c6dff}.budget-card--ganado{--accent-start:#10b981;--accent-end:#34d399}.budget-card--descartado{--accent-start:#94a3b8;--accent-end:#cbd5e1}.budget-card__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.budget-card__identity{align-items:center;gap:.75rem;min-width:0;display:flex}.budget-card__avatar{letter-spacing:.02em;color:#fff;background:linear-gradient(135deg, var(--accent-start,#5143ff), var(--accent-end,#7c6dff));width:42px;height:42px;box-shadow:0 6px 14px -8px var(--accent-start,#5143ff99);border-radius:12px;flex:none;place-items:center;font-size:.88rem;font-weight:600;display:grid}.budget-card__title{min-width:0}.budget-card__title h3{color:var(--text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.98rem;font-weight:600;overflow:hidden}.budget-card__project{color:var(--text-muted);margin-top:.18rem;font-size:.74rem;font-weight:500;display:block}.budget-card__status{background:#f4f6fb;border:1px solid #e4e9f2;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .55rem .3rem .7rem;display:inline-flex;position:relative}.budget-card__status select{appearance:none;color:var(--text);cursor:pointer;box-shadow:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") right .05rem center no-repeat;border:none;padding:0 1.2rem 0 0;font-size:.74rem;font-weight:600}.budget-card__status select:focus{box-shadow:none;outline:none}.status-dot{background:var(--accent-start,#5143ff);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-start,#5143ff) 18%, transparent);border-radius:50%}.status-dot--nuevo{background:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.status-dot--contactado{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.status-dot--cotizado{background:#5143ff;box-shadow:0 0 0 3px #5143ff2e}.status-dot--ganado{background:#10b981;box-shadow:0 0 0 3px #10b9812e}.status-dot--descartado{background:#94a3b8;box-shadow:0 0 0 3px #94a3b82e}.budget-card__quote{border-left:3px solid var(--accent-start,#5143ff);color:var(--text-soft);background:linear-gradient(90deg,#5143ff0a,#5143ff00);border-radius:0 8px 8px 0;margin:0;padding:.65rem .8rem;font-size:.83rem;line-height:1.45}.budget-card__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem;margin:0;display:grid}.budget-card__meta-row{grid-template-columns:16px auto minmax(0,1fr);align-items:center;gap:.45rem;min-width:0;display:grid}.budget-card__meta-row dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem;font-weight:600}.budget-card__meta-row dd{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;font-weight:500;overflow:hidden}.budget-card__icon{background-color:#94a3b8;width:14px;height:14px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:14px 14px;mask-size:14px 14px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-user{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>")}.icon-mail{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-10 6L2 7'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-10 6L2 7'/></svg>")}.icon-phone{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92z'/></svg>")}.icon-tag{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41 13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/><circle cx='7' cy='7' r='1.5'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41 13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/><circle cx='7' cy='7' r='1.5'/></svg>")}.icon-wallet{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 12V7a2 2 0 0 0-2-2H5a2 2 0 0 1 0-4h14v4'/><path d='M3 5v14a2 2 0 0 0 2 2h15a2 2 0 0 0 2-2v-5'/><path d='M18 12a2 2 0 0 0 0 4h4v-4z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 12V7a2 2 0 0 0-2-2H5a2 2 0 0 1 0-4h14v4'/><path d='M3 5v14a2 2 0 0 0 2 2h15a2 2 0 0 0 2-2v-5'/><path d='M18 12a2 2 0 0 0 0 4h4v-4z'/></svg>")}.icon-clock{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polyline points='12 6 12 12 16 14'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polyline points='12 6 12 12 16 14'/></svg>")}.budget-card__chips{border-top:1px dashed #eef1f7;flex-wrap:wrap;align-items:center;gap:.4rem;padding-top:.7rem;display:flex}.chip{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.chip--warning{color:#b45309;background:#fff4e0;border-color:#fde2b2}.chip--success{color:#047857;background:#e6f8f1;border-color:#b7ebd5}.chip--muted{color:#64748b;background:#f1f4f9;border-color:#e4e9f2}.chip__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.budget-card__received{color:var(--text-muted);margin-left:auto;font-size:.7rem;font-weight:500}.budget-card__notes{gap:.35rem;display:grid}.budget-card__notes>span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600}.budget-card__notes textarea{resize:vertical;min-height:72px;color:var(--text);background:#f8faff;border:1px solid #e4e9f2;border-radius:10px;padding:.6rem .7rem;font-size:.82rem;line-height:1.45;transition:border-color .14s,background .14s,box-shadow .14s}.budget-card__notes textarea:hover{background:#fff}.budget-card__notes textarea:focus{background:#fff;border-color:#5143ff73;box-shadow:0 0 0 3px #5143ff1f}.budget-card__footer{border-top:1px solid #eef1f7;justify-content:flex-end;gap:.5rem;padding-top:.65rem;display:flex}@media (width<=560px){.budget-card__meta{grid-template-columns:1fr}.budget-card__received{width:100%;margin-left:0}}:root{--bg-app:#f7f9fd;--bg-sidebar:#08172d;--bg-content:#f7f9fd;--bg-surface:#fff;--bg-surface-2:#f8faff;--bg-elevated:#fff;--border:#e2e8f0;--border-strong:#cfd8e6;--text:#0f1b33;--text-soft:#344563;--text-muted:#69758f;--text-faint:#9aa7bd;--primary:#5143ff;--primary-2:#6d5dfc;--primary-3:#7c6dff;--primary-4:#c9c3ff;--primary-soft:#5143ff1c;--primary-soft-2:#5143ff38;--success:#16a765;--success-soft:#16a7651f;--warning:#f59e0b;--warning-soft:#f59e0b21;--danger:#ef3f56;--danger-soft:#ef3f561f;--info:#2474ff;--info-soft:#2474ff1f;--pink:#d946ef;--pink-soft:#d946ef1f;--orange:#ff8a00;--orange-soft:#ff8a0021;--teal:#10b8a6;--teal-soft:#10b8a61f;--shadow-sm:0 1px 2px #0f172a0a;--shadow-card:0 1px 2px #1018280a, 0 14px 32px -28px #0f172a59;--shadow-card-hover:0 10px 28px -20px #5143ff57;--shadow-modal:0 24px 80px -32px #0f172a6b;--radius:8px;--radius-sm:8px;--radius-xs:6px;--radius-lg:8px;--sidebar-w:260px;--topbar-h:72px}body{background:var(--bg-app);color:var(--text)}.app-shell{background:var(--bg-app);grid-template-columns:var(--sidebar-w) minmax(0, 1fr)}.sidebar{color:#dbe6ff;background:linear-gradient(#07142b 0%,#071b36 100%);border-right:1px solid #ffffff14;gap:0;padding:0}.sidebar:before{display:none}.sidebar-brand{border-bottom:1px solid #ffffff14;gap:.78rem;min-height:72px;padding:0 1.35rem}.sidebar-brand-mark{width:36px;height:36px}.sidebar-brand-name{color:#fff;font-size:1.08rem;font-weight:750}.sidebar-brand-sub{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-top:.15rem;font-size:.62rem;font-weight:600;display:block}.sidebar-nav{gap:1rem;padding:.9rem .72rem 1rem}.sidebar-group-title{color:#8ca2c8;letter-spacing:.08em;padding:.72rem .7rem .42rem;font-size:.68rem}.nav-link,.sidebar-settings,.logout-btn{color:#d7e1f4;border-radius:7px;min-height:42px;padding:.58rem .78rem;font-size:.9rem}.nav-icon,.sidebar-settings .nav-icon{color:#d7e1f4}.nav-link:hover,.sidebar-settings:hover,.logout-btn:hover{color:#fff;background:#ffffff0f}.nav-link.active,.sidebar-settings.active{color:#fff;background:linear-gradient(135deg,#5143ff 0%,#6d5dfc 100%);border-color:#7c6dffb8;box-shadow:0 10px 28px -18px #5143ffcc}.nav-link.active:before{display:none}.nav-link.active .nav-icon,.sidebar-settings.active .nav-icon{color:#fff}.nav-soon,.nav-mini-count{color:#dbe6ff;background:#ffffff1f;border-color:#ffffff2e}.project-mark{border-radius:7px}.sidebar-group-action{color:#dbe6ff;background:#ffffff0f;border-color:#ffffff24}.sidebar-user{border-top:1px solid #ffffff14;padding:.8rem .72rem 1rem}.main-area{background:var(--bg-app);border-left:0;border-radius:0}.topbar{min-height:var(--topbar-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;align-items:center;padding:0 1.75rem}.main-area.is-scrolled .topbar{border-bottom-color:var(--border);background:#fffffff5}.topbar-left{flex-direction:row;align-items:center}.topbar-actions{align-items:center;gap:.72rem;padding-top:0}.tenant-context-control{min-height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:.62rem;padding:0;font-weight:650;display:inline-flex}.tenant-context-icon{width:28px;height:28px;color:var(--text-muted);background:#f2f5fa;border-radius:7px;place-items:center;display:grid}.tenant-context-label{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.search-box{width:min(360px,32vw);height:42px;color:var(--text);background:#fff;border-color:#dbe3ee;border-radius:8px;box-shadow:0 1px 2px #0f172a08}.search-box:hover,.search-box:focus-within{background:#fff;border-color:#cfd8e6;box-shadow:0 0 0 3px #5143ff14}.search-box input{color:var(--text)}.search-box input::placeholder,input::placeholder,textarea::placeholder{color:#8d9ab2}.kbd{color:var(--text-muted);background:0 0;border:0;font-size:.78rem}.icon-btn{color:#0f1b33;background:#fff;border-color:#0000;border-radius:8px;width:40px;height:40px}.icon-btn:hover{border-color:var(--border);background:#f4f7fb}.icon-btn-badge{background:#ef3f56;border-color:#fff}.topbar-user{gap:.72rem}.topbar-user-copy strong{color:var(--text)}.topbar-user-copy span{color:var(--text-muted)}.topbar-avatar,.user-avatar{color:#32160f;background:linear-gradient(135deg,#f7d7c7,#b66a52);border-color:#fff}.content{gap:1.35rem;padding:2rem 2.1rem 2.4rem}.stack,.page-stack,.finance-main{gap:1.35rem}.page-actions-row{align-items:flex-end;margin-bottom:.15rem}.page-title,.page-title-xl,.page-actions-row h2{color:var(--text);letter-spacing:0;font-size:1.65rem;font-weight:750;line-height:1.15}.page-subtitle,.page-actions-row p{color:var(--text-muted);font-size:.94rem}.btn,.btn-ghost,.btn-soft,.cal-month-select{color:var(--text);background:#fff;border-color:#dbe3ee;border-radius:8px;box-shadow:0 1px 2px #0f172a05}.btn:hover,.btn-ghost:hover,.btn-soft:hover{color:var(--text);background:#f8faff;border-color:#cfd8e6}.btn-primary{color:#fff;background:linear-gradient(135deg,#5143ff,#6d5dfc);border-color:#0000;border-radius:8px;box-shadow:0 8px 18px -12px #5143ffd9}.btn-primary:hover{filter:brightness(1.03);background:linear-gradient(135deg,#5143ff,#6d5dfc)}.card,.card-pro,.rail-card,.stat-card,.metric-card,.dashboard-card,.settings-card,.budget-card,.cal-pro,.modal-card{border:1px solid var(--border);box-shadow:var(--shadow-card);color:var(--text);background:#fff;border-radius:8px}.card-pro{padding:1.2rem}.card-pro-head,.rail-head,.modal-header,.modal-footer{border-color:var(--border)}.card-pro-head h3,.rail-head h3,.settings-card h3,.card h3,.card h4{color:var(--text)}.filter-bar,.finance-filters{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:8px;padding:1rem}.filter-search,input,select,textarea{color:var(--text);background:#fff;border-color:#dbe3ee;border-radius:8px}input:focus,select:focus,textarea:focus{border-color:#5143ff73;box-shadow:0 0 0 3px #5143ff1a}.finance-shell{grid-template-columns:minmax(0,1fr) 300px}.finance-stats,.stats-grid,.kpi-grid{gap:1rem}.metric-card,.stat-card,.finance-stat{min-height:126px;padding:1.2rem 1.3rem}.metric-card strong,.stat-card strong,.finance-stat strong{color:var(--text);letter-spacing:0;font-size:1.45rem}.metric-card span,.stat-card span,.finance-stat span,.muted,.empty-state{color:var(--text-muted)}.tx-table,.data-table{color:var(--text-soft)}.tx-table th,.data-table th{color:#44516b;border-bottom-color:var(--border);letter-spacing:.04em;background:#fbfcff;font-size:.72rem}.tx-table td,.data-table td{border-bottom-color:var(--border);color:var(--text-soft)}.tx-table tbody tr:hover td,.data-table tbody tr:hover td{background:#fbfcff}.tx-tag,.pill,.status-pill,.tx-state-dot{border-radius:999px}.kanban{gap:1rem}.kanban-expanded{min-height:calc(100vh - 240px)}.kanban-col{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fbfcff;border-radius:8px}.kanban-col:nth-child(3n+1){background:linear-gradient(#5143ff0a,#fff 160px)}.kanban-col:nth-child(3n+2){background:linear-gradient(#2474ff0a,#fff 160px)}.kanban-col:nth-child(3n){background:linear-gradient(#10a7650a,#fff 160px)}.kanban-col-head{border-bottom:1px solid var(--border)}.kanban-col-title{color:var(--text);font-size:.84rem}.kanban-card,.client-card{background:#fff;border-color:#dfe6f0;border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.kanban-card:hover,.client-card:hover{box-shadow:var(--shadow-card-hover);border-color:#5143ff59}.task-link-btn,.kanban-card-title{color:var(--text);font-weight:650}.kanban-card-desc,.task-meta-grid,.kanban-empty{color:var(--text-muted)}.task-detail-grid,.settings-grid,.project-detail-grid{gap:1rem}.donut-center-label strong,.rail-row .val,.rail-budget-head strong{color:var(--text)}.rail-row .lbl,.rail-budget-head span,.donut-legend-item .ld-name,.donut-legend-item .ld-pct{color:var(--text-muted)}.rail-budget-bar{background:#edf1f7}.rail-budget-bar-fill{background:linear-gradient(90deg,#5143ff,#7c6dff)}.bar-chart-grid line{stroke:#e7ecf4}.bar-chart-axis-label{fill:var(--text-muted)}.notification-panel{border-color:var(--border);box-shadow:var(--shadow-modal);background:#fff}.notification-item strong{color:var(--text)}.notification-item em,.notification-item small{color:var(--text-muted)}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a5c}.modal-card{background:#fff}.modal-eyebrow,.modal-section-title{color:var(--primary)}.banner-error{background:var(--danger-soft);color:#b42334;border-color:#ef3f5638}@media (width<=1100px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto}.sidebar{height:auto;position:static}.main-area{height:auto;min-height:100vh}.topbar{flex-wrap:wrap;min-height:auto;padding:1rem}.search-box{width:min(100%,420px)}.finance-shell{grid-template-columns:1fr}}.login-shell{background:radial-gradient(60rem 40rem at 85% -10%,#8f38ff2e,#0000 60%),radial-gradient(50rem 36rem at -10% 110%,#3c1bff29,#0000 60%),linear-gradient(#f4f6fc 0%,#eaecf6 100%);place-items:center;min-height:100dvh;padding:clamp(1rem,2vw,2.4rem);display:grid;position:relative;overflow:auto}.login-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#00000059,#0000 70%);mask-image:radial-gradient(#00000059,#0000 70%)}.login-shell .auth-screen{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffffb3;border-radius:22px;grid-template-columns:1fr 1fr;width:min(1100px,100%);min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #23166673,0 18px 38px -22px #23166647,inset 0 1px #ffffffb3}.login-shell .auth-showcase{isolation:isolate;color:#f7f3ff;text-align:left;background:linear-gradient(105deg,#1c0c5a8c 0%,#30148c40 45%,#0a042826 100%),#050218 url(/bg-login.png) 100%/cover no-repeat;flex-direction:column;order:2;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding:clamp(1.6rem,2.4vw,2.6rem);display:flex;position:relative;overflow:hidden}.login-shell .auth-showcase:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0502188c 0%,#05021826 45%,#0000 70%);position:absolute;inset:0}.login-shell .auth-showcase:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 70%,#05021880 100%);position:absolute;inset:0}.login-shell .auth-showcase>*{position:relative}.login-shell .auth-kicker{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.22em;text-transform:uppercase;background:#ffffff24;border:1px solid #fff6;border-radius:999px;align-self:flex-start;padding:.42rem .95rem;font-size:.66rem;font-weight:700}.login-shell .auth-showcase h1{letter-spacing:-.025em;color:#fff;text-shadow:0 2px 24px #0f043c59;max-width:14ch;margin:0;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:700;line-height:1.05}.login-shell .auth-showcase p{color:#f4edffeb;max-width:36ch;margin:0;font-size:.92rem;line-height:1.55}.login-shell .auth-showcase-body{flex-direction:column;flex:1;justify-content:center;gap:.9rem;display:flex}.login-shell .auth-tone-card{-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:14px;flex-direction:column;gap:.35rem;width:100%;max-width:38ch;margin-top:auto;padding:1rem 1.1rem;display:flex;box-shadow:0 12px 28px -18px #00000080}.login-shell .auth-tone-card strong{color:#fff;letter-spacing:.02em;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.login-shell .auth-tone-card strong:before{content:"";background:#c9b4ff;border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 4px #c9b4ff40}.login-shell .auth-tone-card span{color:#f6f0ffd9;font-size:.78rem;line-height:1.5}.login-shell .auth-panel{background:#fff;flex-direction:column;order:1;justify-content:center;gap:1.1rem;padding:clamp(1.8rem,2.8vw,2.8rem);display:flex;overflow-y:auto}.login-shell .auth-tabs{background:#f5f7fc;border:1px solid #e6e9f3;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.3rem;display:grid}.login-shell .auth-tabs.single{grid-template-columns:1fr}.login-shell .auth-tab{color:#6b7a9a;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:.62rem .8rem;font-size:.84rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.login-shell .auth-tab.active{color:#1c2f52;background:#fff;box-shadow:0 1px #132f5a0a,0 6px 14px -8px #5f2dff59}.login-shell .auth-form{color:#1d2f4f;flex-direction:column;gap:.95rem;display:flex}.login-shell .auth-form>div:first-child{flex-direction:column;gap:.3rem;margin-bottom:.2rem;display:flex}.login-shell .auth-form h2{letter-spacing:-.018em;color:#14213d;margin:0;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1.65rem;font-weight:700;line-height:1.12}.login-shell .auth-form>div:first-child>p{color:#6b7e9f;margin:0;font-size:.88rem;line-height:1.5}.login-shell .auth-form label.field{color:#6b7a98;letter-spacing:.12em;text-transform:uppercase;flex-direction:column;gap:.4rem;font-size:.68rem;font-weight:700;display:flex}.login-shell .auth-form .field input{color:#14213d;letter-spacing:0;text-transform:none;background:#fbfcfe;border:1px solid #e3e8f3;border-radius:11px;outline:none;width:100%;min-height:46px;padding:.7rem .9rem;font-size:.92rem;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffffe6}.login-shell .auth-form .field input:hover{background:#fff;border-color:#cfd6e8}.login-shell .auth-form .field input:focus{background:#fff;border-color:#8b36ff;box-shadow:0 0 0 4px #8b36ff24,0 6px 16px -10px #5f2dff73}.login-shell .auth-submit-btn{letter-spacing:.01em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#9a44ff 0%,#6a30ff 50%,#4a1fe6 100%);border:0;border-radius:11px;justify-content:center;width:100%;min-height:48px;margin-top:.6rem;font-size:.95rem;font-weight:600;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 24px -10px #5f2dffa6,inset 0 2px #ffffff2e,inset 0 -2px #00000014}.login-shell .auth-submit-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.login-shell .auth-submit-btn:active{transform:translateY(0)}.login-shell .auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-shell .error-banner{color:#b42334;background:#ef3f5614;border:1px solid #ef3f5638;border-radius:10px;padding:.65rem .85rem;font-size:.86rem}@media (width<=960px){.login-shell .auth-screen{grid-template-columns:1fr;min-height:auto}.login-shell .auth-showcase{order:1;min-height:200px;padding:1.4rem 1.5rem}.login-shell .auth-showcase h1{max-width:none;font-size:1.6rem}.login-shell .auth-showcase p,.login-shell .auth-tone-card{display:none}.login-shell .auth-panel{order:2}}@media (width<=480px){.login-shell .auth-showcase{min-height:140px;padding:1rem 1.1rem}.login-shell .auth-showcase h1{font-size:1.25rem}.login-shell .auth-kicker{padding:.3rem .7rem;font-size:.6rem}.login-shell .auth-panel{padding:1.1rem}}