@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@500;600;700;800;900&family=Roboto+Mono:wght@400;500&display=swap";:root{--bg:#0c0c0f;--surface:#111114;--dark:#1a1a1f;--surface-2:#242429;--border:#2a2a30;--accent:#00d9ff;--accent-2:#00ff87;--red:#ef4444;--white:#fff;--text:#e0e0e0;--muted:#888;--yellow:#ffbd2e;--purple:#a855f7;--emerald:#34d399;--blue-soft:#60a5fa;--font-h:"Montserrat",sans-serif;--font-b:"Inter",sans-serif;--font-m:"Roboto Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-b);-webkit-font-smoothing:antialiased}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--dark);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:248px;display:flex}.sb-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;height:64px;padding:0 22px;display:flex}.sb-logo-mark{background:#00d9ff2e;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sb-logo-mark svg{width:19px;height:19px;color:var(--accent)}.sb-logo-text{font-family:var(--font-h);color:#fff;font-size:17px;font-weight:800}.sb-logo-text b{color:var(--accent)}.sb-nav{flex-direction:column;flex:1;gap:3px;padding:16px 12px;display:flex;overflow-y:auto}.sb-item{color:var(--muted);cursor:pointer;border-left:2px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.sb-item svg{flex-shrink:0;width:20px;height:20px}.sb-item:hover{color:var(--text);background:var(--surface-2)}.sb-item.active{color:var(--accent);border-left-color:var(--accent);background:#00d9ff1a}.sb-user{border-top:1px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.sb-avatar{width:34px;height:34px;color:var(--accent);background:#00d9ff33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.sb-user-name{color:#fff;font-size:14px;font-weight:500;line-height:1.2}.sb-user-mail{color:var(--muted);font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0fcc;flex-shrink:0;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex}.topbar h1{font-family:var(--font-h);color:#fff;font-size:18px;font-weight:600}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.tb-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.tb-btn:hover{color:var(--accent);border-color:#00d9ff4d}.tb-btn svg{width:18px;height:18px}.tb-dot{background:var(--accent);border:2px solid var(--dark);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.content{flex:1;padding:28px;overflow-y:auto}.page-head{margin-bottom:24px}.page-head h2{font-family:var(--font-h);color:#fff;letter-spacing:-.01em;font-size:24px;font-weight:700}.page-head p{color:var(--muted);margin-top:4px;font-size:14px}.stat-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border);background:var(--dark);border-radius:12px;padding:18px;transition:all .3s;position:relative;overflow:hidden}.stat-card:hover{border-color:#00d9ff66;box-shadow:0 0 24px -6px #00d9ff26}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-ico{border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-ico svg{width:20px;height:20px}.stat-delta{font-family:var(--font-m);border-radius:9999px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.stat-delta.up{color:var(--emerald);background:#34d3991a}.stat-delta.warn{color:var(--yellow);background:#fbbf241a}.stat-lab{font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:14px;font-size:10px}.stat-val{font-family:var(--font-m);color:#fff;font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:700;line-height:1}.stat-val small{color:var(--muted);font-size:16px}.stat-spark{background:var(--surface-2);border-radius:9999px;height:4px;margin-top:14px;overflow:hidden}.stat-fill{border-radius:9999px;height:100%}.panel{border:1px solid var(--border);background:var(--dark);border-radius:12px;padding:22px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-head h3{font-family:var(--font-h);color:#fff;font-size:16px;font-weight:600}.panel-head p{color:var(--muted);margin-top:2px;font-size:12px}.panel-link{color:var(--accent);font-size:12px;font-weight:500}.cols-3{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.chart{align-items:flex-end;gap:12px;height:240px;padding-top:12px;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-bar{border-top:2px solid var(--accent);background:linear-gradient(#00d9ff80,#00d9ff14);border-radius:6px 6px 0 0;width:100%;max-width:34px;position:relative}.chart-bar.proj{border-top:2px dashed var(--accent);background:repeating-linear-gradient(#00d9ff2e,#00d9ff2e 4px,#0000 4px 8px)}.chart-x{font-family:var(--font-m);color:var(--muted);font-size:10px}.feed{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.feed-item{border-radius:8px;gap:12px;padding:10px;transition:all .15s;display:flex}.feed-item:hover{background:var(--surface-2)}.feed-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.feed-ico svg{width:16px;height:16px}.feed-text{color:var(--text);font-size:13px;line-height:1.4}.feed-meta{align-items:center;gap:8px;margin-top:3px;display:flex}.feed-proj{color:#00d9ffcc;font-size:11px}.feed-time{color:var(--muted);font-size:11px}.pbs-row{align-items:center;gap:16px;margin-bottom:12px;display:flex}.pbs-label{width:120px;color:var(--text);flex-shrink:0;align-items:center;gap:8px;font-size:13px;display:flex}.pbs-dot{border-radius:50%;width:8px;height:8px}.pbs-track{background:var(--surface-2);border-radius:8px;flex:1;align-items:center;height:30px;padding-left:12px;display:flex;position:relative;overflow:hidden}.pbs-fill{border-radius:8px;position:absolute;inset:0}.pbs-count{font-family:var(--font-m);font-size:12px;font-weight:500;position:relative}.kanban{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;display:grid}.kb-col{background:var(--dark);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;min-height:200px;padding:14px;display:flex}.kb-col-head{font-family:var(--font-m);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:10px;font-size:10px;display:flex}.kb-count{font-family:var(--font-m);color:var(--accent);background:#00d9ff1a;border-radius:9999px;padding:1px 7px;font-size:11px}.kb-card{background:var(--surface-2);border:1px solid var(--border);cursor:grab;border-radius:10px;padding:12px;transition:all .2s}.kb-card:hover{border-color:#00d9ff59;transform:translateY(-2px)}.kb-card.drag{opacity:.4}.kb-card-tag{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;margin-bottom:8px;padding:2px 7px;font-size:9px;display:inline-block}.kb-card-title{color:#fff;margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.3}.kb-card-foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.kb-card-client{font-family:var(--font-m);color:var(--muted);font-size:10px}.kb-prog{background:var(--surface);border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.kb-prog-fill{height:100%}.table-wrap{border:1px solid var(--border);background:var(--dark);border-radius:12px;overflow:hidden}table{border-collapse:collapse;width:100%}th{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);padding:14px 18px;font-size:10px;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--text);padding:14px 18px;font-size:14px}tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:var(--surface-2)}.cell-name{align-items:center;gap:12px;display:flex}.cell-avatar{width:32px;height:32px;font-size:12px;font-weight:600;font-family:var(--font-m);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cell-sub{color:var(--muted);font-size:12px}.badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:500;display:inline-flex}.badge .bdot{border-radius:50%;width:6px;height:6px}.badge.green{color:#00ff87;background:#00ff8726}.badge.green .bdot{background:#00ff87}.badge.yellow{color:#fcd34d;background:#fbbf2426}.badge.yellow .bdot{background:#fcd34d}.badge.cyan{color:#00d9ff;background:#00d9ff26}.badge.cyan .bdot{background:#00d9ff}.badge.gray{color:#aaa;background:#88888826}.badge.gray .bdot{background:#aaa}.mono-num{font-family:var(--font-m);font-variant-numeric:tabular-nums;color:#fff}.fab{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a1a1ff2;border-radius:16px;gap:8px;padding:8px;display:flex;position:absolute;bottom:24px;right:28px;box-shadow:0 20px 50px #00000080}.fab-p{background:var(--accent);color:#000;white-space:nowrap;border-radius:11px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.fab-p:hover{background:#33e4ff;box-shadow:0 0 20px -4px #00d9ff66}.fab-g{border:1px solid var(--border);background:var(--surface-2);color:var(--text);white-space:nowrap;border-radius:11px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.fab-g:hover{color:#fff;border-color:#00d9ff4d}.fab svg{width:16px;height:16px}.auth{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-grid{pointer-events:none;background-image:linear-gradient(#00d9ff0a 1px,#0000 1px),linear-gradient(90deg,#00d9ff0a 1px,#0000 1px);background-size:56px 56px;animation:30s linear infinite gridShift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 20%,#0000 80%);mask-image:radial-gradient(80% 60%,#000 20%,#0000 80%)}@keyframes gridShift{0%{background-position:0 0}to{background-position:56px 56px}}.auth-cursor-orb{pointer-events:none;z-index:1;background:radial-gradient(circle,#00d9ff17 0%,#0000 65%);border-radius:50%;width:480px;height:480px;transition:left .9s cubic-bezier(.25,1,.5,1),top .9s cubic-bezier(.25,1,.5,1);position:absolute;transform:translate(-50%,-50%)}.auth-content{z-index:10;opacity:0;width:100%;max-width:400px;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(24px)}.auth-content--in{opacity:1;transform:translateY(0)}.auth-logo{justify-content:center;align-items:center;gap:14px;margin-bottom:20px;display:flex}.auth-logo-mark{filter:drop-shadow(0 0 14px #00d9ff59);width:52px;height:46px}.auth-logo-wordmark{flex-direction:column;gap:3px;display:flex}.auth-logo-text{font-family:var(--font-h);letter-spacing:-.01em;color:#fff;font-size:26px;font-weight:900;line-height:1}.auth-logo-dot{color:var(--accent)}.auth-logo-sub{font-family:var(--font-m);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.auth-badge-wrap{text-align:center;margin-bottom:28px}.auth-badge{font-family:var(--font-m);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);background:#00d9ff0a;border:1px solid #00d9ff40;border-radius:999px;align-items:center;gap:8px;padding:5px 14px;font-size:9px;display:inline-flex}.auth-badge-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent)}50%{opacity:.35;box-shadow:0 0 2px var(--accent)}}.auth-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111114eb;border-radius:18px;padding:38px 36px 32px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00d9ff0a,0 32px 64px -16px #000000b3,0 0 80px -24px #00d9ff1f}.auth-card-seam{background:linear-gradient(90deg,#6ff0ff,#00d9ff,#0090b0);border-radius:0 0 6px 6px;width:64px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #00d9ff80}.auth-title{font-family:var(--font-h);letter-spacing:-.01em;color:#fff;text-align:center;margin-bottom:28px;font-size:17px;font-weight:700}.auth-group{margin-bottom:18px}.auth-label{font-family:var(--font-m);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:9px;transition:color .2s;display:flex}.auth-group.is-focused .auth-label{color:var(--accent)}.auth-input-wrap{position:relative}.auth-input{border:1px solid var(--border);color:#fff;width:100%;font-family:var(--font-b);background:#242429cc;border-radius:10px;outline:none;padding:13px 16px;font-size:14px;transition:border-color .25s,box-shadow .25s,background .25s}.auth-input::placeholder{color:#404048}.auth-input:focus{background:#242429;border-color:#00d9ff8c;box-shadow:0 0 0 3px #00d9ff14,0 0 20px -8px #00d9ff33}.auth-input-line{background:linear-gradient(90deg,#6ff0ff,#00d9ff,#0090b0);border-radius:1px;height:2px;transition:left .35s cubic-bezier(.16,1,.3,1),right .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:50%;right:50%}.auth-group.is-focused .auth-input-line{left:0;right:0}.auth-eye{color:var(--muted);border-radius:6px;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-eye:hover{color:var(--accent)}.auth-forgot{text-align:right;margin-top:-10px;margin-bottom:20px}.auth-forgot a{font-family:var(--font-m);letter-spacing:.08em;color:var(--muted);font-size:10px;transition:color .2s}.auth-forgot a:hover{color:var(--accent)}.auth-submit{background:var(--accent);color:#08090c;width:100%;font-family:var(--font-h);letter-spacing:.08em;border-radius:12px;margin-top:4px;padding:15px 24px;font-size:13px;font-weight:800;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .25s;position:relative;overflow:hidden}.auth-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 32px -8px #00d9ff80,0 0 0 1px #00d9ff4d}.auth-submit:not(:disabled):active{transform:translateY(0)scale(.98)}.auth-submit.is-loading{color:var(--accent);cursor:wait;background:#00d9ff26}.auth-submit.is-done{color:#00ff87;background:#00ff8726}.auth-submit:disabled{cursor:not-allowed}.auth-submit-inner{z-index:1;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.auth-submit-shimmer{background:linear-gradient(105deg,#0000 35%,#ffffff2e 50%,#0000 65%);animation:2.4s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}.auth-spin{border:2px solid #00d9ff40;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-hint{text-align:center;font-family:var(--font-m);letter-spacing:.06em;color:var(--muted);margin-top:20px;font-size:10px}.auth-hint b{color:var(--accent)}.auth-footer{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:#8886;justify-content:space-between;margin-top:20px;font-size:10px;display:flex}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}}.transition-overlay{z-index:9999;background:var(--bg);pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.transition-overlay--active{opacity:1;pointer-events:all}.transition-seam{background:linear-gradient(#6ff0ff,#00d9ff,#0090b0);border-radius:99px;width:3px;height:0;transition:height .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 24px #00d9ff99}.transition-overlay--active .transition-seam{height:80px}.sb-logo-mark{filter:drop-shadow(0 0 8px #00d9ff4d);justify-content:center;align-items:center;width:34px;height:30px;display:flex}.sb-logo-text{font-family:var(--font-h);letter-spacing:-.01em;color:#fff;font-size:16px;font-weight:900}.sb-item{position:relative}.sb-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sb-item-label{flex:1}.sb-badge{font-family:var(--font-m);color:var(--accent);text-align:center;background:#00d9ff26;border-radius:999px;min-width:20px;padding:1px 7px;font-size:10px;font-weight:600}.sb-item.active .sb-badge{background:#00d9ff40}.sb-hot{font-family:var(--font-m);letter-spacing:.12em;color:#00ff87;background:#00ff8726;border-radius:4px;padding:2px 5px;font-size:8px;animation:2.5s ease-in-out infinite hotPulse}@keyframes hotPulse{0%,to{opacity:1}50%{opacity:.5}}.sb-divider{background:var(--border);height:1px;margin:8px 12px}.sb-item{transition:background .18s,color .18s,border-color .18s,transform .18s}.sb-item:hover{transform:translate(2px)}.sb-item.active{position:relative;overflow:hidden}.sb-item.active:after{content:"";background:linear-gradient(#6ff0ff,#00d9ff);border-radius:2px;width:3px;position:absolute;top:20%;bottom:20%;right:0;box-shadow:0 0 8px #00d9ff80}.topbar-breadcrumb{align-items:center;gap:8px;display:flex}.topbar-brand{font-family:var(--font-m);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:11px}.topbar h1{font-size:16px}.tb-search{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:7px 12px;transition:border-color .2s;display:flex}.tb-search:focus-within{border-color:#00d9ff66}.tb-search svg{color:var(--muted);flex-shrink:0}.tb-search-input{font-family:var(--font-b);color:var(--text);background:0 0;border:none;outline:none;width:140px;font-size:13px}.tb-search-input::placeholder{color:#404048}.tb-avatar{width:32px;height:32px;color:var(--accent);font-family:var(--font-m);cursor:pointer;background:#00d9ff33;border:1px solid #00d9ff33;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s;display:flex}.tb-avatar:hover{border-color:#00d9ff80;box-shadow:0 0 12px #00d9ff33}.dash-head{opacity:0;justify-content:space-between;align-items:center;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(12px)}.dash-head--in{opacity:1;transform:none}.dash-new-btn{color:var(--accent);font-size:13px;font-weight:600;font-family:var(--font-b);background:#00d9ff1a;border:1px solid #00d9ff40;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex}.dash-new-btn:hover{background:#00d9ff2e;transform:translateY(-1px);box-shadow:0 0 20px -6px #00d9ff4d}.dash-new-btn svg{width:14px;height:14px}.stat-card{opacity:0;transition:opacity .5s calc(var(--d,0s) + 0s), transform .5s cubic-bezier(.16,1,.3,1) calc(var(--d,0s) + 0s), border-color .3s,box-shadow .3s;transform:translateY(16px)}.stat-card--in{opacity:1;transform:none}.panel--reveal{opacity:0;transition:opacity .6s .4s,transform .6s cubic-bezier(.16,1,.3,1) .4s;transform:translateY(12px)}.panel--in{opacity:1;transform:none}.feed-item{opacity:0;animation:none;animation:feedIn .4s cubic-bezier(.16,1,.3,1) calc(var(--fi,0) * 80ms + .5s) both;transform:translate(-8px)}@keyframes feedIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.kb-col{opacity:0;transition:opacity .45s cubic-bezier(.16,1,.3,1) calc(var(--ci,0) * 80ms + .1s), transform .45s cubic-bezier(.16,1,.3,1) calc(var(--ci,0) * 80ms + .1s), border-color .25s,background .25s;transform:translateY(20px)}.kb-col--in{opacity:1;transform:none}.kb-col--over{background:#00d9ff08;border-color:#00d9ff73}.kb-col-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.kb-card{animation:cardIn .35s cubic-bezier(.16,1,.3,1) calc(var(--ki,0) * 60ms + .2s) both}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kb-card:hover{border-color:#00d9ff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.kb-card.drag{opacity:.35;border-color:var(--accent);transform:scale(.96)}.kb-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kb-card-grip{color:var(--muted);cursor:grab;opacity:0;font-size:14px;transition:opacity .2s}.kb-card:hover .kb-card-grip{opacity:1}.kb-card-av{width:18px;height:18px;font-size:9px;font-weight:700;font-family:var(--font-m);border-radius:50%;justify-content:center;align-items:center;margin-right:6px;display:inline-flex}.kb-card-foot{justify-content:space-between;align-items:center;margin:8px 0 6px;display:flex}.kb-card-pct{font-family:var(--font-m);font-size:11px;font-weight:600}.kb-drop-zone{text-align:center;font-family:var(--font-m);letter-spacing:.1em;color:#00d9ff80;text-transform:uppercase;border:2px dashed #00d9ff59;border-radius:10px;padding:14px;font-size:11px;animation:1s ease-in-out infinite dzPulse}@keyframes dzPulse{0%,to{border-color:#00d9ff59}50%{border-color:#00d9ffa6}}.cl-search{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;padding:8px 13px;transition:border-color .2s;display:flex}.cl-search:focus-within{border-color:#00d9ff66}.cl-search svg{color:var(--muted);flex-shrink:0}.cl-search-input{font-family:var(--font-b);color:var(--text);background:0 0;border:none;outline:none;width:180px;font-size:13px}.cl-search-input::placeholder{color:#404048}.cl-row{opacity:0;animation:rowIn .4s cubic-bezier(.16,1,.3,1) calc(var(--ri,0) * 50ms + .1s) both;transition:background .15s}.cl-row--in{animation-play-state:running}@keyframes rowIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.cl-row--h td{background:#ffffff05}.mode-toggle{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.mode-btn{font-size:13px;font-weight:500;font-family:var(--font-b);color:var(--muted);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.mode-btn svg{width:13px;height:13px}.mode-btn--active{color:var(--accent);background:#00d9ff1f;border:1px solid #00d9ff40}.mode-btn:not(.mode-btn--active):hover{color:var(--text);background:var(--surface-2)}.toast-stack{z-index:9998;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface);pointer-events:all;border:1px solid;border-radius:14px;align-items:flex-start;gap:12px;min-width:280px;max-width:360px;padding:14px 16px;animation:.4s cubic-bezier(.16,1,.3,1) both toastIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.toast--out{animation:.3s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translate(32px)}}.toast-icon{flex-shrink:0;margin-top:1px}.toast-body{flex:1;min-width:0}.toast-label{font-family:var(--font-m);letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:600}.toast-msg{color:var(--text);font-size:13px;font-weight:500;line-height:1.35}.toast-sub{color:var(--muted);margin-top:3px;font-size:12px}.toast-close{color:var(--muted);border-radius:4px;margin-top:1px;padding:2px;transition:color .2s;display:flex}.toast-close:hover{color:var(--text)}.toast-progress{transform-origin:0;border-radius:0 0 14px 14px;width:100%;height:2px;animation:4s linear forwards toastProg;position:absolute;bottom:0;left:0}@keyframes toastProg{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notif-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:360px;animation:.3s cubic-bezier(.16,1,.3,1) both notifIn;position:relative;overflow:hidden;box-shadow:0 20px 48px #00000080}@keyframes notifIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-title{font-family:var(--font-h);color:#fff;font-size:15px;font-weight:700}.notif-badge{font-family:var(--font-m);color:var(--accent);background:#00d9ff1f;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px}.notif-mark-all{font-family:var(--font-m);letter-spacing:.08em;color:var(--accent);font-size:10px;transition:opacity .2s}.notif-mark-all:hover{opacity:.7}.notif-close{color:var(--muted);border-radius:6px;padding:4px;transition:color .2s;display:flex}.notif-close:hover{color:var(--text)}.notif-list{max-height:400px;padding:8px 0;overflow-y:auto}.notif-day{font-family:var(--font-m);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:8px 16px 4px;font-size:9px}.notif-item{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:var(--surface-2)}.notif-item--unread{background:#00d9ff08}.notif-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notif-ico svg{width:14px;height:14px}.notif-content{flex:1;min-width:0}.notif-item-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.notif-item-body{color:var(--muted);margin-bottom:3px;font-size:12px;line-height:1.45}.notif-item-time{font-family:var(--font-m);color:var(--muted);font-size:10px}.notif-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.notif-footer{border-top:1px solid var(--border);text-align:center;padding:12px 16px}.notif-all-link{font-family:var(--font-m);color:var(--accent);letter-spacing:.06em;font-size:11px;transition:opacity .2s}.notif-all-link:hover{opacity:.7}.sb-client-info{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#00d9ff0a;align-items:center;gap:10px;margin:4px 0;padding:12px 16px;display:flex}.cl-proj-row{border-bottom:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;transition:background .15s;display:flex}.cl-proj-row:last-child{border-bottom:none}.cl-proj-row:hover{background:var(--surface-2);padding-left:8px;padding-right:8px}.cl-proj-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cl-proj-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cl-proj-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.cl-proj-meta{font-family:var(--font-m);color:var(--muted);letter-spacing:.06em;margin-top:2px;font-size:10px}.cl-proj-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.cl-proj-pct{font-family:var(--font-m);font-size:12px;font-weight:600}.cl-proj-bar{background:var(--surface-2);border-radius:2px;width:80px;height:4px;overflow:hidden}.cl-inv-row{border-bottom:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 0;transition:background .15s;display:flex}.cl-inv-row:last-child{border-bottom:none}.cl-inv-row:hover{background:var(--surface-2);padding-left:8px;padding-right:8px}.cl-inv-id{font-family:var(--font-m);color:var(--accent);font-size:12px}.cl-inv-date{color:var(--muted);margin-top:2px;font-size:11px}.cl-pay-btn{width:100%;color:var(--accent);font-size:12px;font-weight:600;font-family:var(--font-b);text-align:center;background:#00d9ff1f;border:1px solid #00d9ff40;border-radius:8px;margin-top:12px;padding:10px;transition:background .2s,box-shadow .2s;display:block}.cl-pay-btn:hover{background:#00d9ff33;box-shadow:0 0 16px -4px #00d9ff40}.back-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.back-btn:hover{color:var(--accent);border-color:#00d9ff59}.phase-track{align-items:flex-start;gap:0;padding:8px 0 20px;display:flex;overflow-x:auto}.phase-step{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;min-width:72px;display:flex}.phase-circle{border:2px solid var(--border);width:28px;height:28px;font-family:var(--font-m);color:var(--muted);background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;font-size:10px;transition:all .3s;display:flex}.phase-step--done .phase-circle{background:inherit;border-color:inherit}.phase-label{font-family:var(--font-m);color:var(--muted);text-align:center;letter-spacing:.06em;font-size:10px}.phase-pct{font-family:var(--font-m);margin-top:-4px;font-size:10px;font-weight:600}.phase-connector{border-radius:1px;flex:1;min-width:20px;height:2px;margin-top:13px;transition:background .4s}.proj-tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.proj-tab{font-size:13px;font-weight:500;font-family:var(--font-b);color:var(--muted);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 14px;transition:all .2s;display:flex}.proj-tab--active{background:var(--surface-2);color:#fff}.proj-tab-badge{font-family:var(--font-m);color:var(--accent);background:#00d9ff26;border-radius:999px;padding:1px 6px;font-size:10px}.deliv-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.deliv-row:last-child{border-bottom:none}.deliv-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.deliv-status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.deliv-dot--ok{background:#00ff87;box-shadow:0 0 8px #00ff8766}.deliv-dot--review{background:#00d9ff;animation:1.5s ease-in-out infinite reviewPulse}@keyframes reviewPulse{0%,to{opacity:1}50%{opacity:.4}}.deliv-dot--err{background:#ef4444}.deliv-dot--pend{background:var(--border)}.deliv-title{color:#fff;font-size:14px;font-weight:500}.deliv-status-label{margin-top:2px;font-size:11px}.deliv-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.deliv-dl{font-family:var(--font-m);color:var(--muted);align-items:center;gap:6px;font-size:11px;transition:color .2s;display:flex}.deliv-dl:hover{color:var(--accent)}.deliv-btn{font-size:12px;font-weight:600;font-family:var(--font-b);border-radius:7px;padding:6px 12px;transition:all .2s}.deliv-btn--ok{color:#00ff87;background:#00ff871a;border:1px solid #00ff8740}.deliv-btn--ok:hover{background:#00ff872e}.deliv-btn--err{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.deliv-btn--err:hover{background:#ef44442e}.msg-thread{flex-direction:column;gap:14px;max-height:280px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.msg-row{align-items:flex-start;gap:10px;display:flex}.msg-row--own{flex-direction:row-reverse}.msg-av{width:30px;height:30px;font-size:11px;font-weight:700;font-family:var(--font-m);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;max-width:75%;padding:10px 14px}.msg-row--own .msg-bubble{background:#00d9ff0f;border-color:#00d9ff26}.msg-who{color:var(--text);margin-bottom:4px;font-size:11px;font-weight:600}.msg-time{font-family:var(--font-m);color:var(--muted);font-size:10px;font-weight:400}.msg-text{color:var(--muted);font-size:13px;line-height:1.5}.msg-form{border-top:1px solid var(--border);gap:8px;padding-top:14px;display:flex}.msg-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:var(--font-b);border-radius:9px;outline:none;flex:1;padding:10px 14px;transition:border-color .2s}.msg-input:focus{border-color:#00d9ff66}.msg-input::placeholder{color:#404048}.msg-send{background:var(--accent);color:#08090c;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex}.msg-send:hover:not(:disabled){background:#33e4ff;transform:translateY(-1px)}.msg-send:disabled{opacity:.3;cursor:not-allowed}.wompi-btn{color:#fff;width:100%;font-size:14px;font-weight:700;font-family:var(--font-h);background:linear-gradient(135deg,#6b46c1,#4f46e5);border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:14px 20px;transition:transform .2s,box-shadow .3s;display:flex;box-shadow:0 4px 20px -4px #4f46e566}.wompi-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px -4px #4f46e580}.wompi-logo{color:#4f46e5;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:flex}.wompi-paid{color:#00ff87;width:100%;font-size:14px;font-weight:700;font-family:var(--font-h);background:#00ff871a;border:1px solid #00ff8733;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px;display:flex}.inv-kv{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.inv-kv-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.inv-kv-row:last-child{border-bottom:none}.inv-kv-key{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.inv-kv-val{color:var(--text);font-size:13px;font-weight:500}.inv-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding:16px 0;display:flex}.inv-total>span:first-child{font-family:var(--font-m);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.inv-amount{font-family:var(--font-m);color:var(--accent);font-size:28px;font-weight:700}.inv-preview{position:relative;overflow:hidden}.filter-pills{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-pill{border:1px solid var(--border);font-size:12px;font-weight:500;font-family:var(--font-b);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;transition:all .2s;display:flex}.filter-pill:hover{color:var(--text);border-color:#00d9ff4d}.filter-pill--active{color:var(--accent);background:#00d9ff1a;border-color:#00d9ff4d}.filter-pill-count{font-family:var(--font-m);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:10px}.filter-pill--active .filter-pill-count{color:var(--accent);background:#00d9ff26}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.proj-card{background:var(--dark);border:1px solid var(--border);cursor:pointer;opacity:0;animation:projCardIn .4s cubic-bezier(.16,1,.3,1) calc(var(--pi,0)*60ms + 80ms) both;border-radius:14px;padding:18px;transition:border-color .25s,box-shadow .25s,transform .2s;position:relative;overflow:hidden;transform:translateY(12px)}.proj-card--in{opacity:1}@keyframes projCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.proj-card:hover{border-color:#00d9ff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.proj-card-top{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.proj-card-av{width:34px;height:34px;font-family:var(--font-m);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.proj-card-name{color:#fff;font-size:14px;font-weight:600;line-height:1.3}.proj-card-client{color:var(--muted);margin-top:2px;font-size:12px}.proj-card-deadline{font-family:var(--font-m);color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;font-size:10px;display:flex}.proj-card-tags{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.proj-card-tag{font-family:var(--font-m);letter-spacing:.08em;border-radius:4px;padding:3px 8px;font-size:10px}.proj-card-bottom{align-items:center;gap:12px;display:flex}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s fadeBg;display:flex;position:fixed;inset:0}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:540px;padding:28px;animation:.35s cubic-bezier(.16,1,.3,1) both modalIn;position:relative;overflow:hidden;box-shadow:0 32px 64px #0009}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.modal-seam{height:3px;position:absolute;top:0;left:0;right:0}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;display:flex}.empty-ico{background:var(--surface-2);width:56px;height:56px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-title{font-family:var(--font-h);color:#fff;margin-bottom:6px;font-size:16px;font-weight:700}.empty-sub{color:var(--muted);margin-bottom:16px;font-size:13px}.skeleton-wrap{flex-direction:column;gap:0;display:flex}.skeleton-row{border-bottom:1px solid var(--border);animation:skelIn .3s cubic-bezier(.16,1,.3,1) calc(var(--si,0)*50ms) both;align-items:center;gap:12px;padding:14px 0;display:flex}@keyframes skelIn{0%{opacity:0}to{opacity:1}}.skel-circle{background:var(--surface-2);border-radius:50%;flex-shrink:0;width:34px;height:34px;animation:1.5s ease-in-out infinite skelShimmer}.skel-line{background:var(--surface-2);border-radius:5px;height:10px;animation:1.5s ease-in-out infinite skelShimmer}@keyframes skelShimmer{0%,to{opacity:.4}50%{opacity:.8}}.ob-overlay{z-index:8000;background:#08090cf5;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.ob-bg-grid{pointer-events:none;background-image:linear-gradient(#00d9ff0a 1px,#0000 1px),linear-gradient(90deg,#00d9ff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60%,#000 20%,#0000 75%)}.ob-orb{pointer-events:none;background:radial-gradient(circle,#00d9ff12 0%,#0000 65%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite obOrb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes obOrb{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-52%)scale(1.08)}}.ob-progress-wrap{z-index:1;align-items:center;gap:8px;margin-bottom:28px;display:flex;position:relative}.ob-step-dot{width:28px;height:28px;font-family:var(--font-m);background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:10px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.ob-step-dot--active{border-color:var(--accent);color:var(--accent);background:#00d9ff14;box-shadow:0 0 12px #00d9ff4d}.ob-step-dot--done{background:var(--accent);color:#08090c;border-color:var(--accent)}.ob-progress-bar{background:var(--border);z-index:-1;height:1px;position:absolute;top:50%;left:0;right:0}.ob-progress-fill{background:var(--accent);height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.ob-card{border:1px solid var(--border);background:#111114f2;border-radius:20px;width:100%;max-width:460px;padding:36px 32px 28px;transition:opacity .28s,transform .28s;position:relative;overflow:hidden;box-shadow:0 32px 64px #0009,0 0 60px -20px #00d9ff1a}.ob-card--out{opacity:0;transform:translate(-16px)}.ob-card-seam{background:linear-gradient(90deg,#6ff0ff,#00d9ff,#0090b0);border-radius:0 0 6px 6px;width:56px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 16px #00d9ff66}.ob-step{flex-direction:column;gap:0;display:flex}.ob-step-num{font-family:var(--font-m);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:10px}.ob-icon{filter:drop-shadow(0 0 12px #00d9ff4d);margin-bottom:16px}.ob-title{font-family:var(--font-h);letter-spacing:-.01em;color:#fff;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.15}.ob-body{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.65}.ob-feat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;display:grid}.ob-feat{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.ob-feat-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ob-form{flex-direction:column;gap:4px;display:flex}.ob-tour-cards{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.ob-tour-card{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:14px 16px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.ob-tour-card--active{background:#00d9ff0a;border-color:#00d9ff59}.ob-tour-n{font-family:var(--font-m);color:var(--muted);margin-bottom:4px;font-size:11px}.ob-tour-title{color:#fff;margin-bottom:3px;font-size:14px;font-weight:600}.ob-tour-body{color:var(--muted);font-size:13px;line-height:1.5}.ob-tour-active-bar{background:linear-gradient(#6ff0ff,#00d9ff);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.ob-done-ring{background:#00d9ff1a;border:2px solid #00d9ff4d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;animation:.6s cubic-bezier(.16,1,.3,1) both doneRing;display:flex;box-shadow:0 0 30px #00d9ff33}@keyframes doneRing{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ob-ready-stats{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:0;margin-top:20px;margin-bottom:8px;display:flex;overflow:hidden}.ob-rs-n{font-family:var(--font-m);color:var(--accent);font-size:26px;font-weight:700}.ob-rs-l{font-family:var(--font-m);color:var(--muted);letter-spacing:.06em;margin-top:2px;font-size:10px}.ob-rs-div{background:var(--border);width:1px;height:52px}.ob-ready-stats>div:not(.ob-rs-div){text-align:center;flex:1;padding:14px 8px}.ob-footer{align-items:center;gap:12px;margin-top:20px;display:flex}.ob-back{color:var(--muted);align-items:center;gap:6px;padding:8px;font-size:13px;transition:color .2s;display:flex}.ob-back:hover{color:var(--text)}.ob-skip{z-index:1;font-family:var(--font-m);letter-spacing:.1em;color:var(--muted);margin-top:16px;font-size:11px;transition:color .2s;position:relative}.ob-skip:hover{color:var(--text)}body.theme-light{--bg:#eef1f6;--surface:#fff;--dark:#fff;--surface-2:#f1f3f8;--border:#e0e4ec;--accent:#0098c0;--text:#1a1d26;--muted:#6b7280}body.theme-light .topbar{background:#ffffffd9}body.theme-light .sidebar{background:#fff}body.theme-light .sb-logo-mark svg polygon,body.theme-light .sb-logo-mark svg path{stroke:#1a1d26}body.theme-light .sb-logo-text,body.theme-light .stat-val,body.theme-light .panel-head h3,body.theme-light .page-head h2,body.theme-light .cell-name>div>div:first-child,body.theme-light .deliv-title,body.theme-light .proj-card-name,body.theme-light .notif-item-title,body.theme-light .msg-who,body.theme-light .mono-num{color:#1a1d26}body.theme-light .auth-input,body.theme-light .tb-search,body.theme-light .cl-search,body.theme-light .msg-input{background:#f1f3f8}body.theme-light .toast,body.theme-light .notif-panel,body.theme-light .modal-box,body.theme-light .ob-card{box-shadow:0 16px 40px #141e321f}body.theme-light .skel-circle,body.theme-light .skel-line{background:#e0e4ec}body.theme-light .cl-row--h td{background:#00000005}body.theme-light ::-webkit-scrollbar-thumb{background:#d0d5dd}body.theme-light ::-webkit-scrollbar-track{background:#eef1f6}.auth{background:#0a0a0c!important}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-head-row{margin-bottom:8px}.cal-day-name{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;padding:4px;font-size:10px}.cal-cell{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:5px;min-height:92px;padding:8px;transition:border-color .2s,background .2s;display:flex}.cal-cell:not(.cal-cell--empty):hover{background:var(--surface-2);border-color:#00d9ff4d}.cal-cell--empty{background:0 0;border:none}.cal-cell--today{background:#00d9ff0a;border-color:#00d9ff66}.cal-date{font-family:var(--font-m);color:var(--text);font-size:12px;font-weight:500}.cal-cell--today .cal-date{color:var(--accent);font-weight:700}.cal-events{flex-direction:column;gap:3px;display:flex}.cal-event{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:500;line-height:1.25;overflow:hidden}.asset-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:14px;margin-bottom:20px;padding:28px;transition:border-color .25s,background .25s}.asset-dropzone:hover,.asset-dropzone--over{background:#00d9ff08;border-color:#00d9ff66}.asset-dropzone-ico{width:48px;height:48px;color:var(--accent);background:#00d9ff1a;border-radius:12px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.asset-dropzone-text{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:500}.asset-dropzone-sub{font-family:var(--font-m);color:var(--muted);font-size:11px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.asset-card{background:var(--dark);border:1px solid var(--border);cursor:pointer;opacity:0;animation:assetIn .4s cubic-bezier(.16,1,.3,1) calc(var(--ai,0)*50ms + 80ms) both;border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}@keyframes assetIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.asset-card:hover{border-color:#00d9ff4d;transform:translateY(-3px);box-shadow:0 10px 28px #0000004d}.asset-thumb{justify-content:center;align-items:center;height:110px;display:flex;position:relative}.asset-thumb-ico{opacity:.9}.asset-type-badge{font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:9px;position:absolute;top:8px;right:8px}.asset-info{padding:12px}.asset-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:500;overflow:hidden}.asset-meta{font-family:var(--font-m);color:var(--muted);gap:6px;font-size:10px;display:flex}.ai-head-ico{color:#a855f7;background:linear-gradient(135deg,#a855f733,#00d9ff26);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ai-gen{gap:10px;margin-bottom:16px;display:flex}.ai-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:var(--font-b);border-radius:10px;outline:none;flex:1;padding:13px 16px;transition:border-color .2s}.ai-input:focus{border-color:#a855f766}.ai-input::placeholder{color:var(--muted)}.ai-gen-btn{color:#fff;font-size:13px;font-weight:600;font-family:var(--font-b);white-space:nowrap;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:10px;align-items:center;gap:8px;padding:13px 20px;transition:transform .2s,box-shadow .3s;display:flex}.ai-gen-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px -6px #a855f780}.ai-gen-btn--loading{opacity:.8;cursor:wait}.ai-templates{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.ai-tpl{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.ai-tpl:hover,.ai-tpl--active{background:#a855f70a;border-color:#a855f74d}.ai-tpl-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ai-tpl-t{color:var(--text);font-size:13px;font-weight:600}.ai-tpl-d{color:var(--muted);margin-top:1px;font-size:11px}.ai-ideas-list{flex-direction:column;gap:12px;display:flex}.ai-idea-card{background:var(--dark);border:1px solid var(--border);opacity:0;animation:assetIn .4s cubic-bezier(.16,1,.3,1) calc(var(--ii,0)*70ms + .1s) both;border-radius:12px;align-items:stretch;gap:0;transition:border-color .2s;display:flex;overflow:hidden}.ai-idea-card:hover{border-color:#00d9ff33}.ai-idea-bar{flex-shrink:0;width:3px}.ai-idea-content{flex:1;min-width:0;padding:16px 18px}.ai-idea-tag{font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10px}.ai-idea-hook{font-family:var(--font-h);color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.3}.ai-idea-body{color:var(--muted);font-size:13px;line-height:1.55}.ai-idea-actions{border-left:1px solid var(--border);flex-direction:column;gap:6px;padding:16px;display:flex}.ai-idea-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.ai-idea-btn:hover{color:var(--accent);border-color:#00d9ff59}.settings-logo{background:var(--bg);filter:drop-shadow(0 0 8px #00d9ff4d);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:52px;height:46px;display:flex}.settings-user-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.settings-user-row:last-child{border-bottom:none}.settings-role{font-family:var(--font-m);color:var(--muted);background:var(--surface-2);border-radius:6px;padding:4px 10px;font-size:11px}.settings-int-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-int-logo{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:flex}.settings-int-on{font-family:var(--font-b);color:#00ff87;background:#00ff871a;border:1px solid #00ff8733;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.settings-toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.settings-toggle-row:last-child{border-bottom:none}.toggle-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .25s,border-color .25s;position:relative}.toggle-switch--on{background:#00d9ff40;border-color:#00d9ff66}.toggle-knob{background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s;position:absolute;top:2px;left:2px}.toggle-switch--on .toggle-knob{background:var(--accent);transform:translate(20px);box-shadow:0 0 8px #00d9ff80}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)!important}.cols-3,.settings-int-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{z-index:300;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000080}.app.sidebar-open .sidebar{transform:translate(0)}.main{width:100%}.topbar{gap:10px;padding:0 16px}.tb-search,.topbar-brand{display:none}.content{padding:16px}.stat-grid{gap:12px;grid-template-columns:1fr!important}.kanban{grid-template-columns:1fr!important}.proj-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,1fr)}.cal-grid{gap:3px}.cal-cell{min-height:64px;padding:4px}.cal-event{padding:2px 4px;font-size:8px}.dash-head{flex-direction:column;align-items:flex-start;gap:12px}.dash-new-btn{justify-content:center;width:100%}.toast-stack{bottom:16px;left:16px;right:16px}.toast{min-width:0;max-width:none}.notif-panel{width:calc(100vw - 32px)}.filter-pills{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.mode-toggle,.ai-gen{flex-direction:column}.ai-gen-btn{justify-content:center;width:100%}.phase-track{gap:0}.phase-step{min-width:56px}.proj-tabs{flex-wrap:wrap}}@media (width<=420px){.asset-grid{grid-template-columns:1fr}.ob-card{padding:24px 20px}.ob-feat-grid{grid-template-columns:1fr}}.an-area-in{animation:.8s cubic-bezier(.16,1,.3,1) .4s both areaFadeIn}@keyframes areaFadeIn{0%{opacity:0}to{opacity:1}}