:root{--d-bg: #0a0a0c;--d-surface: #111114;--d-surface2: #17171b;--d-surface3: #1e1e24;--d-border: rgba(242,239,233,.06);--d-border-hover: rgba(242,239,233,.12);--d-text: #f2efe9;--d-text2: rgba(242,239,233,.6);--d-text3: rgba(242,239,233,.35);--d-accent: #e3a63c;--d-accent2: rgba(227,166,60,.15);--d-green: #91e691;--d-green2: rgba(145,230,145,.12);--d-red: #e66b6b;--d-red2: rgba(230,107,107,.12);--d-blue: #6ba3e6;--d-blue2: rgba(107,163,230,.12);--d-side-w: 260px;--d-radius: 10px;--d-radius-sm: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--d-bg);color:var(--d-text);line-height:1.5;overflow-x:hidden;min-height:100vh}.dock-demo{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;background:linear-gradient(135deg,#e3a63c1f,#e3a63c0f);border-bottom:1px solid rgba(227,166,60,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;color:var(--d-accent)}.dock-demo-cta{padding:4px 14px;border-radius:20px;background:var(--d-accent);color:#0a0a0c;text-decoration:none;font-weight:600;font-size:12px;transition:opacity .2s}.dock-demo-cta:hover{opacity:.85}.dock-demo-close{background:none;border:none;color:var(--d-accent);cursor:pointer;font-size:18px;line-height:1;opacity:.6}.dock-demo-close:hover{opacity:1}.dock-demo.hidden{display:none}.dock-side{position:fixed;top:40px;left:0;bottom:0;width:var(--d-side-w);background:var(--d-surface);border-right:1px solid var(--d-border);display:flex;flex-direction:column;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dock-side-top{flex:1;overflow-y:auto;padding:20px 16px}.dock-side-bottom{padding:16px;border-top:1px solid var(--d-border)}.dock-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:24px}.dock-logo-mark{width:28px;height:28px;fill:var(--d-text)}.dock-logo-text{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600;letter-spacing:3px;color:var(--d-text)}.dock-project-sel{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--d-radius-sm);background:var(--d-surface2);border:1px solid var(--d-border);margin-bottom:24px;cursor:default}.dock-project-dot{width:8px;height:8px;border-radius:50%;background:var(--d-green);flex-shrink:0;box-shadow:0 0 6px #91e69166}.dock-project-name{font-size:13px;font-weight:600}.dock-project-type{font-size:11px;color:var(--d-text2)}.dock-nav{display:flex;flex-direction:column;gap:2px}.dock-nav-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--d-radius-sm);background:none;border:none;color:var(--d-text2);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;width:100%;position:relative}.dock-nav-btn:hover{background:var(--d-surface2);color:var(--d-text)}.dock-nav-btn.active{background:var(--d-surface3);color:var(--d-text)}.dock-nav-btn.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--d-accent);border-radius:0 2px 2px 0}.dock-nav-badge{margin-left:auto;background:var(--d-accent);color:#0a0a0c;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.dock-user{display:flex;align-items:center;gap:10px}.dock-user-name{font-size:13px;font-weight:600}.dock-user-role{font-size:11px;color:var(--d-text2)}.dock-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;letter-spacing:.5px}.dock-avatar-cais{background:var(--d-accent2);color:var(--d-accent)}.dock-avatar-client{background:var(--d-blue2);color:var(--d-blue)}.dock-avatar-xs{width:28px;height:28px;font-size:10px}.dock-avatar-sm{width:32px;height:32px;font-size:11px}.dock-mobile-header{display:none;position:fixed;top:40px;left:0;right:0;z-index:60;height:52px;padding:0 16px;background:var(--d-surface);border-bottom:1px solid var(--d-border);align-items:center;justify-content:space-between}.dock-hamburger{width:32px;height:32px;background:none;border:none;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:4px}.dock-hamburger span{display:block;width:100%;height:2px;background:var(--d-text);border-radius:1px;transition:all .2s}.dock-mobile-title{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;letter-spacing:2px}.dock-main{margin-left:var(--d-side-w);padding:60px 32px 48px;min-height:100vh}.dock-section{display:none}.dock-section.active{display:block;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dock-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.dock-h1{font-size:22px;font-weight:700;letter-spacing:-.02em}.dock-subtitle{font-size:13px;color:var(--d-text2);margin-top:4px}.dock-header-right{display:flex;align-items:center;gap:12px}.dock-health{position:relative;width:44px;height:44px}.dock-health-ring{width:44px;height:44px}.dock-health-arc{transition:stroke-dashoffset .8s ease}.dock-health-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--d-green)}.dock-health-label{display:flex;flex-direction:column}.dock-health-status{font-size:13px;font-weight:600;color:var(--d-green)}.dock-health-phase{font-size:11px;color:var(--d-text2)}.dock-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.dock-stat{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius);padding:18px 16px}.dock-stat-val{font-size:28px;font-weight:800;letter-spacing:-.03em}.dock-stat-val span{font-size:16px;font-weight:500;color:var(--d-text2)}.dock-stat-label{font-size:12px;color:var(--d-text2);margin-top:2px}.dock-stat-bar{width:100%;height:4px;border-radius:2px;background:var(--d-surface3);margin-top:10px}.dock-stat-fill{height:100%;border-radius:2px;background:var(--d-accent);transition:width .6s ease}.dock-stat-accent{border-color:#e3a63c33}.dock-stat-countdown{font-size:12px;color:var(--d-accent);margin-top:4px}.dock-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:24px}.dock-card{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius);padding:20px}.dock-card-label{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:1.5px;color:var(--d-text3);margin-bottom:14px}.dock-next-ms{display:flex;align-items:center;gap:14px}.dock-ms-ring{position:relative;width:48px;height:48px;flex-shrink:0}.dock-ms-ring svg{width:48px;height:48px}.dock-ms-ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--d-accent)}.dock-next-ms h3{font-size:14px;font-weight:600}.dock-next-ms p{font-size:12px;color:var(--d-text2)}.dock-activity{display:flex;flex-direction:column;gap:12px}.dock-act-item{display:flex;align-items:flex-start;gap:10px}.dock-act-item p{font-size:13px}.dock-act-item b{font-weight:600}.dock-act-item span{font-size:11px;color:var(--d-text3)}.dock-task-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dock-task-col-head{font-size:12px;font-weight:600;color:var(--d-text2);display:flex;align-items:center;gap:8px;margin-bottom:10px}.dock-dot{width:8px;height:8px;border-radius:50%}.dock-dot-cais{background:var(--d-accent)}.dock-dot-client{background:var(--d-blue)}.dock-mini-task{font-size:13px;padding:6px 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--d-border)}.dock-mini-task:last-child{border-bottom:none}.dock-chip{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.dock-chip-progress{background:var(--d-accent2);color:var(--d-accent)}.dock-chip-todo{background:var(--d-surface3);color:var(--d-text3)}.dock-chip-done{background:var(--d-green2);color:var(--d-green)}.dock-timeline{position:relative;padding-left:2px}.dock-phase{position:relative;margin-bottom:8px}.dock-phase-head{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius);cursor:pointer;transition:border-color .2s}.dock-phase-head:hover{border-color:var(--d-border-hover)}.dock-phase-indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dock-phase-done .dock-phase-indicator{background:var(--d-green2);color:var(--d-green)}.dock-phase-active .dock-phase-indicator{background:var(--d-accent2)}.dock-phase-pending .dock-phase-indicator{background:var(--d-surface3)}.dock-phase-num{font-size:12px;font-weight:700;color:var(--d-text3)}.dock-phase-pulse{width:10px;height:10px;border-radius:50%;background:var(--d-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e3a63c66}50%{box-shadow:0 0 0 6px #e3a63c00}}.dock-phase-info{flex:1}.dock-phase-info h3{font-size:14px;font-weight:600}.dock-phase-info span{font-size:12px;color:var(--d-text2)}.dock-phase-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.dock-badge-done{background:var(--d-green2);color:var(--d-green)}.dock-badge-active{background:var(--d-accent2);color:var(--d-accent)}.dock-badge-pending{background:var(--d-surface3);color:var(--d-text3)}.dock-phase-body{margin-left:30px;padding:8px 0 8px 24px;border-left:2px solid var(--d-border)}.dock-phase-done .dock-phase-body{border-left-color:#91e69133}.dock-phase-active .dock-phase-body{border-left-color:#e3a63c4d}.dock-milestone{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.dock-ms-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0;border:2px solid var(--d-surface3)}.dock-ms-done .dock-ms-dot{background:var(--d-green);border-color:var(--d-green)}.dock-ms-active .dock-ms-dot{background:var(--d-accent);border-color:var(--d-accent);box-shadow:0 0 6px #e3a63c66}.dock-ms-pending .dock-ms-dot{background:transparent}.dock-ms-highlight .dock-ms-dot{border-color:var(--d-accent)}.dock-ms-content p{font-size:13px;font-weight:500}.dock-ms-content span{font-size:12px;color:var(--d-text2)}.dock-ms-done .dock-ms-content p{color:var(--d-text2)}.dock-deliverables{display:flex;flex-direction:column;gap:8px}.dock-deliv{display:flex;align-items:center;gap:16px;padding:16px;background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius);transition:border-color .2s}.dock-deliv:hover{border-color:var(--d-border-hover)}.dock-deliv-icon{width:42px;height:42px;border-radius:var(--d-radius-sm);display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.dock-deliv-pdf{background:#e66b6b1f;color:var(--d-red)}.dock-deliv-fig{background:#a86be61f;color:#a86be6}.dock-deliv-rel{background:var(--d-green2);color:var(--d-green)}.dock-deliv-doc{background:var(--d-blue2);color:var(--d-blue)}.dock-deliv-code{background:var(--d-accent2);color:var(--d-accent);font-size:11px}.dock-deliv-info{flex:1;min-width:0}.dock-deliv-info h4{font-size:14px;font-weight:600}.dock-deliv-info p{font-size:12px;color:var(--d-text2);margin-top:2px}.dock-deliv-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;color:var(--d-text3)}.dock-deliv-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.dock-deliv-active{border-color:#e3a63c26}.dock-deliv-pending{opacity:.6}.dock-tasks-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dock-tasks-col-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:12px 16px;background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius) var(--d-radius) 0 0}.dock-col-cais{border-bottom-color:#e3a63c4d}.dock-col-client{border-bottom-color:#6ba3e64d}.dock-tasks-count{margin-left:auto;font-size:11px;color:var(--d-text3);font-weight:400}.dock-tasks-column{display:flex;flex-direction:column}.dock-task-card{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--d-surface);border:1px solid var(--d-border);border-top:none}.dock-task-card:last-child{border-radius:0 0 var(--d-radius) var(--d-radius)}.dock-task-check{width:18px;height:18px;border-radius:4px;border:2px solid var(--d-border-hover);flex-shrink:0;margin-top:1px;position:relative}.dock-task-check.checked{background:var(--d-green2);border-color:var(--d-green)}.dock-task-check.checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid var(--d-green);border-width:0 2px 2px 0;transform:rotate(45deg)}.dock-task-card p{font-size:13px;font-weight:500}.dock-task-card span{font-size:12px;color:var(--d-text2)}.dock-task-done p{color:var(--d-text2);text-decoration:line-through;text-decoration-color:var(--d-text3)}.dock-chat-feed{max-height:calc(100vh - 260px);overflow-y:auto;padding-right:8px}.dock-date-divider{text-align:center;padding:16px 0 8px}.dock-date-divider span{font-size:11px;font-weight:600;color:var(--d-text3);background:var(--d-bg);padding:0 12px;position:relative}.dock-date-divider:before{content:"";display:block;width:100%;height:1px;background:var(--d-border);position:relative;top:20px}.dock-msg{display:flex;gap:10px;padding:10px 0}.dock-msg-body{flex:1;min-width:0}.dock-msg-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dock-msg-head b{font-size:13px}.dock-msg-head span{font-size:11px;padding:1px 6px;border-radius:4px}.dock-msg-cais .dock-msg-head span{background:var(--d-accent2);color:var(--d-accent)}.dock-msg-client .dock-msg-head span{background:var(--d-blue2);color:var(--d-blue)}.dock-msg-head time{font-size:11px;color:var(--d-text3);margin-left:auto}.dock-msg-body p{font-size:13px;color:var(--d-text2);margin-bottom:4px}.dock-msg-body p:last-of-type{margin-bottom:0}.dock-msg-system{justify-content:center;padding:12px 0}.dock-msg-system .dock-msg-body{text-align:center;padding:8px 16px;background:var(--d-surface);border-radius:20px;border:1px solid var(--d-border)}.dock-msg-system p{font-size:12px;color:var(--d-text3)}.dock-msg-attachment{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;background:var(--d-surface2);border-radius:var(--d-radius-sm);font-size:12px;color:var(--d-text2);width:fit-content}.dock-chat-input{display:flex;gap:8px;margin-top:16px;padding:12px;background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius)}.dock-chat-input input{flex:1;background:none;border:none;outline:none;color:var(--d-text);font-size:13px;font-family:inherit}.dock-chat-input input::placeholder{color:var(--d-text3)}.dock-chat-input button{padding:6px 16px;border-radius:var(--d-radius-sm);background:var(--d-accent);color:#0a0a0c;border:none;font-size:12px;font-weight:600;cursor:pointer;opacity:.4}.dock-billing-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.dock-bill-stat{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius);padding:16px;text-align:center}.dock-bill-val{font-size:24px;font-weight:800}.dock-bill-paid{color:var(--d-green)}.dock-bill-pending{color:var(--d-accent)}.dock-bill-label{font-size:12px;color:var(--d-text2);margin-top:2px}.dock-bill-bar{width:100%;height:8px;border-radius:4px;background:var(--d-surface3);display:flex;overflow:hidden;margin-bottom:8px}.dock-bill-bar-paid{background:var(--d-green);border-radius:4px 0 0 4px}.dock-bill-bar-pending{background:var(--d-accent)}.dock-bill-bar-legend{display:flex;gap:16px;font-size:11px;color:var(--d-text2);margin-bottom:24px}.dock-bill-bar-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.dock-bill-dot-paid{background:var(--d-green)}.dock-bill-dot-pending{background:var(--d-accent)}.dock-bill-dot-sched{background:var(--d-surface3)}.dock-invoices{display:flex;flex-direction:column;gap:8px}.dock-invoice{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius)}.dock-invoice-highlight{border-color:#e3a63c40}.dock-inv-num{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:var(--d-text3);width:40px}.dock-inv-info{flex:1}.dock-inv-info h4{font-size:13px;font-weight:600}.dock-inv-info span{font-size:11px;color:var(--d-text2)}.dock-inv-val{font-size:16px;font-weight:700;white-space:nowrap}.dock-inv-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.dock-inv-paid{background:var(--d-green2);color:var(--d-green)}.dock-inv-pend{background:var(--d-accent2);color:var(--d-accent)}.dock-inv-sched{background:var(--d-surface3);color:var(--d-text3)}.dock-metrics-hero{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dock-metric-big{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius);padding:28px 24px;text-align:center}.dock-metric-val{font-size:36px;font-weight:800;letter-spacing:-.03em}.dock-metric-green{color:var(--d-green)}.dock-metric-label{font-size:13px;color:var(--d-text2);margin-top:4px}.dock-metric-formula{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--d-text3);margin-top:6px}.dock-comparison{display:flex;flex-direction:column;gap:14px}.dock-comp-row span:first-child{font-size:12px;color:var(--d-text2);margin-bottom:4px;display:block}.dock-comp-bars{display:flex;flex-direction:column;gap:3px}.dock-comp-before{height:22px;border-radius:4px;background:#e66b6b1f;display:flex;align-items:center;padding:0 8px;font-size:11px;font-weight:600;color:var(--d-red);min-width:50px}.dock-comp-after{height:22px;border-radius:4px;background:var(--d-green2);display:flex;align-items:center;padding:0 8px;font-size:11px;font-weight:600;color:var(--d-green);min-width:60px}.dock-auto-list{display:flex;flex-direction:column;gap:8px}.dock-auto-item{display:flex;align-items:center;gap:10px;font-size:13px}.dock-auto-done svg{color:var(--d-green)}.dock-auto-pending{color:var(--d-text3)}.dock-auto-pending svg{opacity:.4}@media (max-width: 900px){.dock-side{transform:translate(-100%);width:280px}.dock-side.open{transform:translate(0)}.dock-mobile-header{display:flex}.dock-main{margin-left:0;padding:112px 16px 48px}.dock-metrics-hero,.dock-task-summary,.dock-tasks-grid,.dock-grid-2{grid-template-columns:1fr}.dock-stats,.dock-billing-summary{grid-template-columns:repeat(2,1fr)}.dock-header{flex-direction:column;gap:12px}.dock-invoice,.dock-deliv{flex-wrap:wrap}}@media (max-width: 480px){.dock-stats,.dock-billing-summary{grid-template-columns:1fr}}.dock-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#00000080}.dock-overlay.visible{display:block}.dock-main::-webkit-scrollbar,.dock-chat-feed::-webkit-scrollbar{width:6px}.dock-main::-webkit-scrollbar-track,.dock-chat-feed::-webkit-scrollbar-track{background:transparent}.dock-main::-webkit-scrollbar-thumb,.dock-chat-feed::-webkit-scrollbar-thumb{background:var(--d-surface3);border-radius:3px}