.client-nav-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:72px;min-width:72px;height:100%;min-height:0;background:#161413f2;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:12px 6px;gap:8px;box-shadow:0 4px 24px #0006;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative;z-index:10}.client-nav-sidebar.expanded{width:190px;min-width:190px;align-items:stretch;padding:12px 10px}.client-nav-items{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;flex:1 1 0%;overflow-y:auto;overflow-x:hidden;padding-right:1px}.client-nav-sidebar.expanded .client-nav-items{align-items:stretch}.client-nav-items::-webkit-scrollbar{width:3px}.client-nav-items::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.client-nav-tile{width:58px;height:52px;border-radius:12px;border:1px solid transparent;background:transparent;color:#9ca3af;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .16s ease;padding:0;outline:none}.client-nav-sidebar.expanded .client-nav-tile{width:100%;height:40px;flex-direction:row;justify-content:flex-start;padding:0 12px;gap:10px;border-radius:10px}.client-nav-tile:hover{background:#ffffff0d;color:#fff;border-color:#ffffff1a;transform:translateY(-1px)}.client-nav-tile .tile-icon{font-size:16px;line-height:1;display:grid;place-items:center;transition:transform .15s ease}.client-nav-tile:hover .tile-icon{transform:scale(1.1)}.client-nav-tile .tile-label{font-size:9.5px;font-weight:600;line-height:1.1;letter-spacing:.2px;color:inherit;white-space:nowrap}.client-nav-sidebar.expanded .client-nav-tile .tile-label{font-size:12px;font-weight:600}.client-nav-tile.active{background:#e5a93c24;border:1.5px solid #E5A93C;color:#e5a93c;box-shadow:0 0 14px #e5a93c47}.client-nav-tile.active .tile-label{color:#e5a93c;font-weight:700}.client-nav-tile.active .tile-icon{filter:drop-shadow(0 0 6px rgba(229,169,60,.5))}.client-nav-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.client-nav-expand-btn{background:transparent;border:none;color:#e5a93c;font-size:9.5px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;border-radius:6px;transition:all .15s ease;letter-spacing:.3px}.client-nav-sidebar.expanded .client-nav-expand-btn{flex-direction:row;gap:6px;font-size:11px}.client-nav-expand-btn:hover{background:#e5a93c26;color:#f3b64b}.client-nav-back-btn{width:42px;height:42px;border-radius:12px;background:#ef444424;border:1px solid rgba(239,68,68,.28);color:#ef4444;font-size:17px;font-weight:800;display:grid;place-items:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #ef444433}.client-nav-sidebar.expanded .client-nav-back-btn{width:100%;height:38px;flex-direction:row;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.client-nav-back-btn:hover{background:#ef44443d;border-color:#ef444473;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.client-detail-layout{display:flex;gap:12px;height:100%;min-height:0;width:100%;overflow:hidden}.clients-page-layout{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;padding-right:4px}.client-detail-main{flex:1 1 0%;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px;padding-right:4px}.client-detail-main::-webkit-scrollbar,.clients-page-layout::-webkit-scrollbar,.clients-page-main::-webkit-scrollbar{width:5px}.client-detail-main::-webkit-scrollbar-thumb,.clients-page-layout::-webkit-scrollbar-thumb,.clients-page-main::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.client-nav-mobile-back{display:none}@media(max-width:850px){.client-detail-layout{flex-direction:column!important;gap:12px!important;height:auto!important;min-height:100%!important;overflow:visible!important;width:100%!important}.client-nav-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;flex-direction:row!important;border-radius:14px!important;padding:6px 8px!important;background:#161413f5!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 4px 16px #00000080!important;border:1px solid rgba(255,255,255,.1)!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;gap:6px!important;position:sticky!important;top:0!important;z-index:50!important;box-sizing:border-box!important}.client-nav-sidebar.expanded{width:100%!important;min-width:100%!important;padding:6px 8px!important}.client-nav-items{flex-direction:row!important;align-items:center!important;gap:6px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;padding-right:0!important}.client-nav-items::-webkit-scrollbar{display:none!important}.client-nav-tile{width:auto!important;min-width:max-content!important;height:34px!important;flex-direction:row!important;padding:0 12px!important;gap:6px!important;border-radius:9999px!important;flex-shrink:0!important}.client-nav-tile .tile-icon{font-size:13.5px!important}.client-nav-tile .tile-label{font-size:11px!important;display:inline-block!important}.client-nav-sidebar.expanded .client-nav-tile{width:auto!important;height:34px!important;flex-direction:row!important;padding:0 12px!important;gap:6px!important;border-radius:9999px!important}.client-nav-bottom{display:none!important}.client-detail-main{flex:1 1 auto!important;width:100%!important;min-width:100%!important;height:auto!important;overflow:visible!important;padding-right:0!important;gap:14px!important}.client-nav-mobile-back{display:flex!important;align-items:center!important;gap:4px!important;height:34px!important;padding:0 10px!important;border-radius:9999px!important;background:#ef444426!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important;flex-shrink:0!important;transition:all .15s ease!important}}.topbar-voice-orb-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:linear-gradient(135deg,#e5a93c1f,#141418d9);border:1px solid rgba(229,169,60,.35);color:#fff;font-size:13px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 14px #0006,inset 0 1px 1px #ffffff1a;transition:all .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar-voice-orb-btn:hover{border-color:#e5a93cb3;box-shadow:0 0 20px #e5a93c59;transform:translateY(-1px)}.topbar-voice-orb-btn.active{background:linear-gradient(135deg,#e5a93c40,#1e190ff2);border-color:#f5a524;box-shadow:0 0 24px #f5a52480}.voice-orb-mini-core{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#ffca65,#e5a93c 60%,#b87a14);box-shadow:0 0 8px #ffca65;transition:transform .2s ease}.topbar-voice-orb-btn.active .voice-orb-mini-core{animation:miniOrbPulse 1.2s infinite alternate ease-in-out}@keyframes miniOrbPulse{0%{transform:scale(.85);box-shadow:0 0 6px #ffca65}to{transform:scale(1.3);box-shadow:0 0 14px #ffe499}}.voice-hud-overlay{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#12100cf0,#060608fa);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);animation:hudFadeIn .35s cubic-bezier(.16,1,.3,1) forwards;color:#fff;-webkit-user-select:none;user-select:none}@keyframes hudFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.voice-hud-header{position:absolute;top:28px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between}.voice-hud-branding{display:flex;align-items:center;gap:12px}.voice-hud-title{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#f5a524,#fff,#ffca65);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.voice-hud-model-tag{font-size:11px;padding:3px 8px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;letter-spacing:.03em}.voice-hud-close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.voice-hud-close-btn:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.voice-orb-stage{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center;cursor:pointer}.voice-ripple{position:absolute;border-radius:50%;pointer-events:none;transition:all .1s linear}.voice-ripple.ripple-1{width:260px;height:260px;border:1.5px solid rgba(245,165,36,.25);box-shadow:0 0 35px #f5a52426}.voice-ripple.ripple-2{width:320px;height:320px;border:1px solid rgba(245,165,36,.15);box-shadow:0 0 50px #f5a5241a}.voice-ripple.ripple-3{width:380px;height:380px;border:1px dashed rgba(245,165,36,.08)}.voice-hud-overlay.state-listening .voice-ripple.ripple-1{border-color:#48db9773;box-shadow:0 0 45px #48db974d;animation:listeningWave 1.4s infinite cubic-bezier(.16,1,.3,1)}.voice-hud-overlay.state-listening .voice-ripple.ripple-2{border-color:#48db9740;box-shadow:0 0 70px #48db9733;animation:listeningWave 1.4s infinite .3s cubic-bezier(.16,1,.3,1)}@keyframes listeningWave{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.35);opacity:0}}.voice-hud-overlay.state-thinking .voice-ripple.ripple-1{border-color:#f5a52499;border-style:dashed;animation:rotateClockwise 3s infinite linear}.voice-hud-overlay.state-thinking .voice-ripple.ripple-2{border-color:#ffbe4d66;border-style:dotted;animation:rotateCounter 4s infinite linear}@keyframes rotateClockwise{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes rotateCounter{0%{transform:rotate(360deg) scale(1.05)}to{transform:rotate(0) scale(1.05)}}.voice-hud-overlay.state-speaking .voice-ripple.ripple-1{border-color:#a855f780;box-shadow:0 0 50px #a855f759;animation:harmonicPulse 1.2s infinite alternate ease-in-out}.voice-hud-overlay.state-speaking .voice-ripple.ripple-2{border-color:#ec48994d;box-shadow:0 0 65px #ec489940;animation:harmonicPulse 1.2s infinite .2s alternate ease-in-out}@keyframes harmonicPulse{0%{transform:scale(.95);opacity:.6}to{transform:scale(1.22);opacity:1}}.voice-orb-core{width:170px;height:170px;border-radius:50%;position:relative;z-index:2;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center}.voice-hud-overlay.state-idle .voice-orb-core{background:radial-gradient(circle at 35% 30%,#423018,#16120b 60%,#080705);box-shadow:0 0 40px #e5a93c40,inset 0 2px 10px #ffd7804d;border:1px solid rgba(229,169,60,.4);animation:idleBreathe 4s infinite ease-in-out}@keyframes idleBreathe{0%,to{transform:scale(1);box-shadow:0 0 35px #e5a93c33}50%{transform:scale(1.04);box-shadow:0 0 55px #e5a93c66}}.voice-hud-overlay.state-listening .voice-orb-core{background:radial-gradient(circle at 35% 30%,#174e38,#0a291d 60%,#04120d);box-shadow:0 0 60px #48db9773,inset 0 2px 12px #a7f3d080;border:1.5px solid rgba(72,219,151,.7)}.voice-hud-overlay.state-thinking .voice-orb-core{background:radial-gradient(circle at 40% 30%,#613e10,#341e04 60%,#110901);box-shadow:0 0 70px #f5a52499,inset 0 2px 16px #ffd26999;border:1.5px solid #ffbe4d;animation:thinkingCoreGlow 1.5s infinite alternate ease-in-out}@keyframes thinkingCoreGlow{0%{transform:scale(.97)}to{transform:scale(1.06)}}.voice-hud-overlay.state-speaking .voice-orb-core{background:radial-gradient(circle at 35% 30%,#4c1d95,#2e1065 60%,#0f0524);box-shadow:0 0 75px #a855f799,inset 0 2px 14px #e9d5ff80;border:1.5px solid rgba(192,132,252,.8);animation:speakingVoiceOsc .7s infinite alternate ease-in-out}@keyframes speakingVoiceOsc{0%{transform:scale(.98)}to{transform:scale(1.08)}}.orb-inner-symbol{font-size:38px;color:#fff;opacity:.9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));pointer-events:none}.voice-status-pill{margin-top:36px;padding:10px 24px;border-radius:9999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:.02em;color:#ffffffe6;box-shadow:0 8px 24px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-dot{width:8px;height:8px;border-radius:50%}.voice-hud-overlay.state-idle .status-dot{background:#a1a1aa}.voice-hud-overlay.state-listening .status-dot{background:#34d399;box-shadow:0 0 10px #34d399;animation:pulseDot 1s infinite alternate}.voice-hud-overlay.state-thinking .status-dot{background:#f5a524;box-shadow:0 0 10px #f5a524;animation:pulseDot .6s infinite alternate}.voice-hud-overlay.state-speaking .status-dot{background:#c084fc;box-shadow:0 0 10px #c084fc;animation:pulseDot .8s infinite alternate}@keyframes pulseDot{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.3);opacity:1}}.voice-action-pill{margin-top:14px;padding:6px 16px;border-radius:9999px;background:#f5a52426;border:1px solid rgba(245,165,36,.4);color:#ffca65;font-size:12px;font-weight:600;letter-spacing:.03em;animation:actionPillPop .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes actionPillPop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.voice-hud-footer{position:absolute;bottom:36px;display:flex;align-items:center;gap:16px}.hud-control-btn{padding:9px 18px;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.hud-control-btn:hover{background:#ffffff24;color:#fff;border-color:#ffffff4d}.hud-control-btn.active{background:#f5a52433;border-color:#f5a524;color:#ffca65}.hud-control-btn.btn-stop{background:#ef444426;border-color:#ef444466;color:#fca5a5}.hud-control-btn.btn-stop:hover{background:#ef44444d;color:#fff}.voice-error-pill{margin-top:14px;padding:8px 18px;border-radius:9999px;background:#ef444429;border:1px solid rgba(239,68,68,.45);color:#fca5a5;font-size:13px;max-width:560px;display:flex;align-items:center;gap:12px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-retry-btn{background:#ef444459;border:1px solid rgba(239,68,68,.65);color:#fff;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.voice-retry-btn:hover{background:#ef4444a6;transform:scale(1.05)}.siri-modal-backdrop{position:fixed;inset:0;background:#040710c7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:siriFadeIn .25s ease-out}@keyframes siriFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.siri-modal-container{background:linear-gradient(145deg,#141a2bf2,#0c101cfa);border:1px solid rgba(130,160,240,.22);box-shadow:0 24px 64px #000000a6,0 0 40px #6366f126;border-radius:20px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;color:#e2e8f0;position:relative}.siri-modal-header{padding:1.5rem 1.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.siri-header-brand{display:flex;align-items:center;gap:1rem}.siri-orb-icon{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ec4899,#8b5cf6 45%,#3b82f6 75%,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 24px #a855f799,inset 0 0 10px #fff9;animation:siriPulse 3s ease-in-out infinite alternate}@keyframes siriPulse{0%{transform:scale(.96);box-shadow:0 0 16px #a855f766}to{transform:scale(1.04);box-shadow:0 0 30px #3b82f6b3}}.siri-header-title{font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.siri-header-sub{font-size:.82rem;color:#94a3b8;margin-top:.2rem}.siri-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.siri-close-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.siri-apikey-banner{margin:1.25rem 1.75rem .5rem;padding:1rem 1.25rem;background:#0f172ab3;border:1px solid rgba(99,102,241,.25);border-radius:12px;display:flex;flex-direction:column;gap:.6rem}.siri-apikey-label-row{display:flex;align-items:center;justify-content:space-between}.siri-apikey-label{font-size:.8rem;font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}.siri-apikey-box{display:flex;align-items:center;gap:.5rem;background:#0006;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.07)}.siri-apikey-input{flex:1;background:transparent;border:none;color:#38bdf8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;outline:none}.siri-btn-copy{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .2s;white-space:nowrap}.siri-btn-copy:hover{background:#2563eb;transform:translateY(-1px)}.siri-btn-copy.copied{background:#10b981}.siri-auto-install-banner{background:linear-gradient(135deg,#1e2945b3,#141a2dd9);border:1px solid rgba(56,189,248,.35);border-radius:14px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 24px #0000004d}.siri-auto-install-header{display:flex;align-items:flex-start;gap:.85rem}.siri-download-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.siri-download-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#f8fafc;padding:.55rem 1rem;border-radius:10px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer}.siri-download-btn:hover{background:#38bdf833;border-color:#38bdf880;color:#38bdf8;transform:translateY(-1px)}.siri-download-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#ffffff40;color:#fff}.siri-download-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 4px 16px #6366f166}.siri-tabs{display:flex;gap:.5rem;padding:.75rem 1.75rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.siri-tab-btn{background:transparent;border:none;padding:.6rem 1rem;font-size:.85rem;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.siri-tab-btn:hover{color:#e2e8f0}.siri-tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8}.siri-modal-body{padding:1.25rem 1.75rem 1.75rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.siri-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.siri-card{background:#12182899;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s;position:relative;overflow:hidden}.siri-card:hover{border-color:#6366f166;background:#161e34bf;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.siri-card-header{display:flex;align-items:center;justify-content:space-between}.siri-card-title-row{display:flex;align-items:center;gap:.6rem}.siri-card-icon{font-size:1.35rem}.siri-card-name{font-size:.95rem;font-weight:700;color:#f1f5f9}.siri-card-badge{font-size:.68rem;padding:.2rem .5rem;border-radius:12px;font-weight:600;text-transform:uppercase;background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.siri-card-desc{font-size:.8rem;color:#94a3b8;line-height:1.4}.siri-card-trigger{background:#00000059;border-left:3px solid #8b5cf6;padding:.5rem .75rem;border-radius:0 8px 8px 0;font-size:.82rem;font-weight:500;color:#c084fc;display:flex;align-items:center;gap:.4rem}.siri-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:auto}.siri-card-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;border-radius:8px;padding:.45rem .6rem;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s}.siri-card-btn:hover{background:#6366f133;border-color:#6366f166;color:#fff}.siri-guide-box{background:#0f172aa6;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.siri-guide-step{display:flex;gap:1rem;align-items:flex-start}.siri-step-num{width:28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.siri-step-content{flex:1}.siri-step-title{font-weight:600;font-size:.92rem;color:#f8fafc;margin-bottom:.3rem}.siri-step-desc{font-size:.82rem;color:#94a3b8;line-height:1.5}.siri-playground-box{background:#0f172ab3;border:1px solid rgba(56,189,248,.25);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.siri-test-controls{display:flex;flex-wrap:wrap;gap:.75rem}.siri-select{background:#00000073;border:1px solid rgba(255,255,255,.12);color:#f1f5f9;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;outline:none}.siri-input-text{flex:1;min-width:240px;background:#00000073;border:1px solid rgba(255,255,255,.12);color:#f1f5f9;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;outline:none}.siri-input-text:focus,.siri-select:focus{border-color:#38bdf8}.siri-btn-run{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.siri-btn-run:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.siri-btn-run:disabled{opacity:.5;cursor:not-allowed}.siri-response-panel{background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.siri-response-speech{font-size:.95rem;font-weight:500;color:#38bdf8;display:flex;align-items:center;gap:.5rem}.siri-code-pre{background:#090d16;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;color:#94a3b8;overflow-x:auto}.siri-recipe-box{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.65rem .8rem;display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem}.siri-recipe-title{font-size:.78rem;font-weight:600;color:#93c5fd;display:flex;align-items:center;gap:.35rem}.siri-recipe-step{font-size:.75rem;color:#cbd5e1;display:flex;align-items:flex-start;gap:.45rem;line-height:1.4}.step-badge{background:#3b82f640;color:#60a5fa;border:1px solid rgba(59,130,246,.4);border-radius:50%;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;margin-top:1px}.topbar-siri-btn{display:flex;align-items:center;gap:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.topbar-siri-btn:hover{background:#ffffff14;border-color:#a855f766;color:#fff;box-shadow:0 0 14px #a855f733}.topbar-siri-btn .siri-icon{font-size:1rem;background:linear-gradient(135deg,#ec4899,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shell{display:grid;grid-template-rows:52px 1fr;height:100vh;overflow:hidden;background:var(--bg);gap:8px;padding:8px 12px 12px}.topbar{display:flex;align-items:center;gap:14px;background:var(--surface);border:none;border-radius:var(--radius-md);padding:0 16px;height:52px}.topbar .brand{display:flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer}.topbar .brand .brand-logo{height:27px;width:auto;display:block;object-fit:contain;transition:transform .15s ease,opacity .15s ease}.topbar .brand:hover .brand-logo{opacity:.92;transform:translateY(-.5px)}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e5a93c1f;border:1px solid rgba(229,169,60,.3);border-radius:6px;color:var(--accent);font-size:14px}.topbar .search-box{flex:1;max-width:480px;margin:0 auto;display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;gap:8px;color:var(--text-muted);font-size:12px;transition:border-color .15s ease}.topbar .search-box:hover,.topbar .search-box:focus-within{border-color:var(--border-focus)}.topbar .search-box input{background:transparent;border:none;outline:none;color:var(--text);width:100%;font-size:12px}.topbar .search-box .kbd{background:var(--surface-3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px;color:var(--text-dim)}.topbar-kpis-wrapper{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}.topbar-kpis-wrapper::-webkit-scrollbar{display:none}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.icon-btn-ghost:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.user-profile{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:12px}.user-avatar{width:24px;height:24px;border-radius:50%;background:#2a3c2e;border:1px solid #3ecf8e;display:grid;place-items:center;color:#3ecf8e;font-weight:600;font-size:10px}.user-info{display:flex;flex-direction:column;line-height:1.1}.user-info .name{font-weight:600;color:var(--text)}.user-info .role{font-size:10px;color:var(--text-muted)}.btn-logout{display:flex;align-items:center;gap:4px;background:#f3126014;border:1px solid rgba(243,18,96,.25);color:#ff6b8b;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-logout:hover{background:#f312602e;border-color:var(--danger);color:#fff}.body{display:grid;grid-template-columns:1fr var(--panel-w);gap:12px;min-height:0;height:100%;transition:grid-template-columns .2s ease}.body.panel-collapsed{grid-template-columns:1fr 0px;gap:0}.shell.shell-ide{padding:0;gap:0;grid-template-rows:40px 1fr;height:100vh}.shell.shell-ide .topbar{border-radius:0;border-left:none;border-right:none;border-top:none;height:40px;padding:0 12px}.body.body-ide{grid-template-columns:1fr 0px!important;gap:0!important;height:100%}.work.work-ide{padding:0!important;border:none!important;border-radius:0!important;background:#181818!important}.work{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px 10px;overflow:hidden;min-height:0;height:100%;display:flex;flex-direction:column}.work:has(.flow-page-root){padding:8px 10px;background:transparent;border:1px solid var(--border);overflow:hidden}.work:has(.client-detail-layout),.work:has(.clients-page-layout),.work:has(.projects-page-layout){padding:8px 10px;background:transparent;border:1px solid var(--border);overflow:hidden}.work-content{flex:1 1 0%;min-height:0;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.work-content:has(.flow-page-root),.work-content:has(.client-detail-layout),.work-content:has(.clients-page-layout){overflow:hidden}.work-footer{flex-shrink:0;margin-top:auto;padding:10px 2px 2px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-size:12px;width:100%;-webkit-user-select:none;user-select:none;z-index:10}.work-footer-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 12px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;outline:none}.work-footer-back-btn:hover{background:#ffffff1f;border-color:#ffffff38;transform:translate(-1px)}.work-footer-breadcrumbs{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:12px;flex-wrap:wrap}.breadcrumb-link{cursor:pointer;color:#d1d5db;transition:color .15s ease;display:inline-flex;align-items:center;gap:4px}.breadcrumb-link:hover{color:#fff;text-decoration:underline}.breadcrumb-segment{display:inline-flex;align-items:center;gap:8px}.breadcrumb-sep{color:#6b7280;font-size:11px}.breadcrumb-active{color:#e5a93c;font-weight:700}.plex{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 10px 8px;overflow:hidden;display:flex;flex-direction:column;min-height:0;height:100%;position:relative}.plex-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:6px;margin-bottom:6px}.plex-scroll-content{flex:1 1 0%;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column;gap:8px;padding-right:2px}.plex-scroll-content::-webkit-scrollbar{width:4px}.plex-scroll-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.plex-scroll-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.plex-pinned-bottom{flex-shrink:0;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-subtle);background:var(--surface);display:flex;flex-direction:column;gap:6px;position:relative;z-index:4}.plex-pinned-header{display:flex;align-items:center;justify-content:space-between}.plex-pinned-title{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--text-muted)}.plex-title{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:5px}.btn-collapse{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:9.5px;cursor:pointer}.btn-collapse:hover{border-color:var(--accent);color:var(--text)}.plex-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:6px}.plex-card-header{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:600;color:var(--text)}.plex-badge{font-size:9px;padding:1px 5px;border-radius:999px;font-weight:500}.badge-green{background:#3ecf8e26;color:#3ecf8e;border:1px solid rgba(62,207,142,.3)}.badge-amber{background:#e5a93c26;color:#e5a93c;border:1px solid rgba(229,169,60,.3)}.badge-purple{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.health-stat-row{display:flex;align-items:center;justify-content:space-between}.health-stat-score{font-size:26px;font-weight:800;color:#3ecf8e;letter-spacing:-.02em;line-height:1}.health-sparkline{width:76px;height:20px}.health-meta{display:flex;justify-content:space-between;font-size:9.5px;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:4px}.health-score-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:2px 0}.health-pillar-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:3px 5px;display:flex;flex-direction:column;gap:3px;transition:all .15s ease}.health-pillar-item:hover{background:#ffffff0f;border-color:#3ecf8e4d}.health-pillar-label{font-size:8.5px;color:var(--text-dim);font-weight:600;display:flex;justify-content:space-between;align-items:center}.health-pillar-bar{height:3px;background:#ffffff14;border-radius:999px;overflow:hidden}.health-pillar-fill{height:100%;border-radius:999px;background:#3ecf8e;transition:width .3s ease}.telemetry-card{background:#141413;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 11px 8px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column}.telemetry-tab-bar{display:flex;align-items:center;gap:4px;margin-bottom:7px;width:100%}.telemetry-tab{display:inline-flex;align-items:center;justify-content:center;gap:3.5px;padding:4px 5px;border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;background:transparent;border:1px solid transparent;color:#9c9a96;transition:all .15s ease;white-space:nowrap;flex:1}.telemetry-tab:hover{color:#e5e5e5;background:#ffffff08}.telemetry-tab-icon{display:inline-flex;align-items:center;justify-content:center;font-size:11px}.telemetry-tab-badge{font-weight:700;font-size:9.5px;margin-left:1px}.telemetry-tab.tab-flow .telemetry-tab-icon,.telemetry-tab.tab-flow .telemetry-tab-badge{color:#ef4444}.telemetry-tab.tab-ide .telemetry-tab-icon,.telemetry-tab.tab-ide .telemetry-tab-badge{color:#c084fc}.telemetry-tab.tab-openrouter .telemetry-tab-icon,.telemetry-tab.tab-openrouter .telemetry-tab-badge{color:#22d3ee}.telemetry-tab.tab-flow.active{background:#ef44441a;border-color:#ef444473;color:#fff}.telemetry-tab.tab-ide.active{background:#a855f71f;border-color:#a855f773;color:#fff}.telemetry-tab.tab-openrouter.active{background:#22d3ee1a;border-color:#22d3ee73;color:#fff}.telemetry-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:3px}.telemetry-header-left{display:flex;align-items:center;gap:10px}.telemetry-title-stack{display:flex;flex-direction:column;line-height:1.15}.telemetry-title-main{font-size:12px;font-weight:700;color:#fff;letter-spacing:-.01em}.telemetry-sub-stack{display:flex;flex-direction:column;line-height:1.25}.telemetry-sub-line{font-size:9.5px;color:#78716c;font-weight:400}.telemetry-sub-line.indent{padding-left:7px}.telemetry-header-right{display:flex;align-items:center;gap:6px}.telemetry-status-stack{display:flex;flex-direction:column;line-height:1.15}.telemetry-status-line{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:#10b981}.telemetry-status-line.indent{padding-left:9px}.telemetry-status-text{color:#10b981}.telemetry-status-dot{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 5px #10b981cc}.telemetry-btn-refresh{background:none;border:none;cursor:pointer;color:#777;font-size:11px;padding:2px;line-height:1;border-radius:3px;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.telemetry-btn-refresh:hover{color:#fff;transform:scale(1.08)}.telemetry-btn-refresh.spinning svg{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.telemetry-rows{display:flex;flex-direction:column;gap:0}.telemetry-row{display:flex;align-items:center;padding:3.5px 0;border-bottom:none;font-size:10.5px}.telemetry-row-label{color:#9c9a96;font-size:10.5px;font-weight:400;white-space:nowrap}.telemetry-row-bar-wrap{flex:1;height:3.5px;background:#ffffff14;border-radius:9999px;overflow:hidden;margin:0 8px;min-width:18px}.telemetry-row-bar-fill{height:100%;background:#10b981;border-radius:9999px}.telemetry-row-value-group{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-left:auto}.telemetry-row-val{font-size:11px;font-weight:700;color:#fff;min-width:28px;text-align:right}.telemetry-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;min-width:42px}.telemetry-tag.tag-green{color:#10b981}.telemetry-tag.tag-cyan{color:#22d3ee}.telemetry-tag.tag-purple{color:#c084fc}.telemetry-tag-dot{width:4.5px;height:4.5px;border-radius:50%;background:currentColor;box-shadow:0 0 4px currentColor}.telemetry-footer{display:flex;justify-content:space-between;align-items:center;padding-top:5px;margin-top:2px;border-top:1px solid rgba(255,255,255,.04);font-size:9.5px}.telemetry-footer-meta{color:#78716c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;letter-spacing:-.01em}.telemetry-footer-link{display:inline-flex;align-items:center;gap:2px;font-weight:600;font-size:9.5px;text-decoration:none;cursor:pointer;transition:opacity .15s ease}.telemetry-footer-link:hover{opacity:.8}.telemetry-footer-link.link-flow{color:#ef4444}.telemetry-footer-link.link-ide{color:#c084fc}.telemetry-footer-link.link-openrouter{color:#22d3ee}.category-subtabs{display:flex;gap:4px;border-bottom:1px solid var(--border-subtle);padding-bottom:2px;margin-top:-2px}.category-subtab{background:transparent;border:none;font-size:10px;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-bottom:2px solid transparent}.category-subtab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.time-hero{display:flex;align-items:baseline;gap:6px}.time-big{font-size:20px;font-weight:800;color:#3ecf8e;line-height:1}.time-details{font-size:9.5px;color:var(--text-muted)}.time-bar{display:flex;height:5px;border-radius:3px;overflow:hidden;background:#2a2520;gap:2px}.time-seg{height:100%}.seg-work{background:#3ecf8e}.seg-break{background:#e5a93c}.seg-review{background:#a855f7}.focus-card-inner{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#0003;border-radius:6px;padding:5px 6px;font-size:9.5px}.session-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 6px;font-size:10.5px}.session-name{display:flex;align-items:center;gap:5px;font-weight:500;color:var(--text)}.session-timer{font-family:ui-monospace,Menlo,Monaco,monospace;font-size:10.5px;color:#3ecf8e}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#3ecf8e;box-shadow:0 0 6px #3ecf8e;animation:pulse-dot 1.5s infinite;display:inline-block}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.btn-stop-square{background:#f3126026;border:1px solid rgba(243,18,96,.35);color:var(--danger);border-radius:4px;width:17px;height:17px;display:grid;place-items:center;font-size:8.5px;cursor:pointer;padding:0}.btn-stop-square:hover{background:var(--danger);color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.quick-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 2px;text-align:center;color:var(--text-muted);font-size:9px;transition:all .15s ease;cursor:pointer}.quick-tile .tile-icon{font-size:14px}.quick-tile:hover{background:var(--surface-3);border-color:var(--accent);color:var(--text);box-shadow:0 0 8px var(--accent-glow);transform:translateY(-1px)}.quick-tile.active{border-color:var(--accent);background:#e5a93c14;color:var(--accent)}.floating-assistant-btn{position:absolute;top:-44px;right:6px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f5a524,#d48b14);border:2px solid #ffbe4d;color:#111;box-shadow:0 4px 12px #e5a93c66;display:grid;place-items:center;font-size:17px;cursor:pointer;z-index:10;transition:transform .15s ease,box-shadow .15s ease}.floating-assistant-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #e5a93c99}.widget-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.widget-item-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 8px;font-size:11px;gap:8px;transition:border-color .15s ease}.widget-item-row:hover{border-color:var(--border)}.widget-item-title{font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-sub-link{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--accent);margin-top:4px;cursor:pointer;text-decoration:none}.widget-sub-link:hover{text-decoration:underline}.btn-reopen-panel{display:flex;align-items:center;gap:6px;background:#e5a93c1f;border:1px solid rgba(229,169,60,.35);color:var(--accent);border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-reopen-panel:hover{background:#e5a93c38;box-shadow:0 0 8px var(--accent-glow)}.topbar-ide-btn{display:inline-flex;align-items:center;justify-content:center;background:#e5a93c1f;border:1px solid rgba(229,169,60,.35);color:var(--accent, #e5a93c);border-radius:8px;padding:5px 12px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #e5a93c26;white-space:nowrap}.topbar-ide-btn:hover{background:#e5a93c38;border-color:#e5a93ca6;color:#fff;box-shadow:0 0 12px var(--accent-glow, rgba(229, 169, 60, .4));transform:translateY(-1px)}.topbar-ide-btn.active{background:linear-gradient(135deg,#e5a93c4d,#d48b142e);border-color:var(--accent, #e5a93c);color:#fff;box-shadow:0 0 14px var(--accent-glow, rgba(229, 169, 60, .4))}@media(max-width:900px){::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html,body,#root,.shell,.body,.work,.work-content,div{-ms-overflow-style:none!important;scrollbar-width:none!important}.shell{padding:0!important;height:100dvh;max-height:100dvh;grid-template-rows:48px 1fr!important;gap:0!important;overflow:hidden!important}.shell.shell-ide{padding:0!important;gap:0!important;grid-template-rows:44px 1fr!important;height:100dvh!important}.topbar{height:48px;padding:0 12px;gap:8px;border-radius:0;border-top:none;border-left:none;border-right:none;background:#141210;box-shadow:0 2px 10px #00000073;z-index:100;position:relative}.topbar .brand .brand-logo{height:22px}.topbar .search-box,.topbar-kpis-wrapper{display:none!important}.topbar-actions .icon-btn-ghost,.topbar-ide-btn,.topbar-actions .user-profile .user-info{display:none}.topbar-actions .btn-logout span:not(:first-child){display:none}.body{grid-template-columns:1fr!important;gap:0!important;height:100%!important;min-height:0!important;overflow:hidden!important}.work{border:none!important;border-radius:0!important;padding:10px 12px calc(96px + env(safe-area-inset-bottom,20px)) 12px!important;background:var(--bg)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;height:100%!important;min-height:0!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}.work.work-ide{padding:0!important;overflow:hidden!important}.work-content{overflow-x:hidden!important;overflow-y:visible!important;height:auto!important;min-height:100%!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.work:has(.client-detail-layout),.work:has(.clients-page-layout),.work:has(.projects-page-layout){padding:10px 12px calc(96px + env(safe-area-inset-bottom,20px)) 12px!important;overflow-y:auto!important;border:none!important}.work-content:has(.flow-page-root),.work-content:has(.client-detail-layout),.work-content:has(.clients-page-layout){overflow:visible!important}.btn-reopen-panel,.plex,.work-footer{display:none!important}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.apple-glass-tab-bar{display:none!important}@media(max-width:850px){.apple-glass-tab-bar{display:flex!important}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--bg: #11100f;--surface: #191715;--surface-2: #23201d;--surface-3: #2d2925;--surface-elevated: #38332c;--border: #353029;--border-subtle: #27231e;--border-focus: #e5a93c;--text: #ece7df;--text-muted: #9c9488;--text-dim: #6b6459;--accent: #e5a93c;--accent-hover: #f3b64b;--accent-glow: rgba(229, 169, 60, .2);--ok: #3ecf8e;--ok-glow: rgba(62, 207, 142, .2);--warn: #f5a524;--danger: #f31260;--danger-glow: rgba(243, 18, 96, .25);--ai: #9d5cf7;--ai-glow: rgba(157, 92, 247, .25);--radius: 12px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--panel-w: 370px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#332d26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4a4238}@media(max-width:900px){::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}}button,select,input,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px;color:var(--text)}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#111;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 10px var(--accent-glow)}button.danger{color:var(--danger);border-color:var(--danger);background:transparent}button.danger:hover:not(:disabled){background:#f3126026}button.block{width:100%;margin:8px 0}textarea{width:100%;resize:vertical;font:inherit}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.toolbar h1{margin:0 8px 0 0;font-size:20px;font-weight:700}.spacer{flex:1}.split{display:grid;grid-template-columns:290px 1fr;gap:16px;min-height:100%;height:100%}.split .list{border-right:1px solid var(--border);padding-right:14px;display:flex;flex-direction:column;overflow-y:auto}.split .list .toolbar{margin-bottom:8px}.split .list .toolbar input{flex:1;min-width:0}.item{display:grid;padding:10px;border-radius:10px;border:1px solid transparent}.item:hover{background:var(--surface-2)}.item.active{border-color:var(--accent);background:var(--surface-2)}.detail h1{margin:0 0 12px}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.tabs.compact{border:0;margin:0}.form{display:grid;gap:12px;max-width:640px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:4px}.field input,.field select,.field textarea{width:100%}.check,.actions{display:flex;align-items:center;gap:8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.card{display:grid;gap:2px;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--muted);font-weight:500}.table th,.table td{padding:8px 10px;border-bottom:1px solid var(--border)}.table tr.clickable{cursor:pointer}.table tr.clickable:hover{background:var(--surface-2)}.modal-back{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:min(680px,94vw);max-height:90vh;overflow:auto;box-shadow:0 10px 30px #00000080}.modal h2{margin-top:0;font-size:18px}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;align-items:start;overflow-x:auto}.kcol{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px}.kcol.over{border-color:var(--accent)}.kcol h3{margin:0 0 8px;font-size:13px}.kcol-body{display:grid;gap:8px;min-height:60px}.kcard{display:grid;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:grab;touch-action:none}.kcard.dragging{border-color:var(--accent)}.task-title{font-weight:600}.chips{display:flex;gap:4px;flex-wrap:wrap}.chip{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.chip.p-HIGH{color:var(--warn);border-color:var(--warn)}.chip.p-URGENT{color:var(--danger);border-color:var(--danger)}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-h{text-align:center}.cal-d{min-height:96px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:4px;display:grid;align-content:start;gap:2px;cursor:pointer}.cal-d.out{opacity:.45}.cal-d.today{border-color:var(--accent)}.cal-t{text-align:left;font-size:12px;padding:2px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface)}.cal-t.s-DONE{text-decoration:line-through;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#666;margin-right:6px}.dot.ok{background:#3ecf8e;box-shadow:0 0 6px #3ecf8e66}.dot.degraded{background:#f5a524}.dot.down{background:#f31260}.health-list{list-style:none;padding:0;margin:8px 0 16px;display:grid;gap:4px}.row-actions{display:flex;gap:6px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}.stat-row .big{font-size:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.usage{margin:6px 0}.usage-head{display:flex;gap:8px;align-items:baseline}.usage-track{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin-top:3px}.usage-fill{height:100%;background:#3fb950}.usage-fill.warm{background:#f5a524}.usage-fill.hot{background:#f85149}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:120px;padding:12px 8px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;overflow-x:auto}.chart-col{flex:1;min-width:28px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.chart-bar{width:100%;max-width:24px;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px}.chart-bar.empty{background:var(--border);opacity:.3}.chart-val{font-size:10px;margin-bottom:4px;color:var(--muted);white-space:nowrap}.chart-label{font-size:11px;margin-top:6px;color:var(--muted);white-space:nowrap}.note-list-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .15s ease;position:relative}.note-list-card:hover{background:var(--surface-3);border-color:#4a4237}.note-list-card.active{border-color:var(--accent);background:#25201a;box-shadow:0 0 12px #e5a93c1f}.note-card-top{display:flex;align-items:center;justify-content:space-between}.note-card-title{font-weight:700;font-size:14px;color:var(--text)}.note-card-icons{display:flex;align-items:center;gap:4px}.btn-icon-micro{background:transparent;border:none;color:var(--text-dim);font-size:12px;padding:2px 4px;border-radius:4px;cursor:pointer}.btn-icon-micro:hover{color:var(--text);background:#ffffff14}.btn-icon-micro.active{color:var(--accent)}.note-card-badges{display:flex;flex-wrap:wrap;gap:4px}.badge-device{background:#201a2b;color:#c084fc;border:1px solid rgba(192,132,252,.25);font-size:10px;padding:1px 6px;border-radius:4px}.badge-tag-cyan{background:#2dd4bf1a;color:#2dd4bf;border:1px solid rgba(45,212,191,.25);font-size:10px;padding:1px 6px;border-radius:4px}.badge-tag-green{background:#3ecf8e1a;color:#3ecf8e;border:1px solid rgba(62,207,142,.25);font-size:10px;padding:1px 6px;border-radius:4px}.note-card-preview-bar{height:12px;background:#141210;border-radius:6px;padding:2px;display:flex;align-items:center}.note-card-preview-bar .fill{height:8px;background:#ece7df;border-radius:4px;width:90%;opacity:.9}.note-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px}.note-card-tags{display:flex;gap:4px;color:var(--text-dim)}.hash-pill{color:var(--text-muted)}.hash-pill-more{background:var(--surface-3);padding:0 4px;border-radius:4px;font-size:9.5px}.note-workspace{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.note-main-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.note-main-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-secondary-action{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 12px;font-size:12px;display:flex;align-items:center;gap:6px;font-weight:500}.btn-secondary-action:hover{background:var(--surface-3);border-color:var(--accent)}.note-editor-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.note-editor-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-title-input{font-size:18px;font-weight:700;background:transparent;border:1px solid transparent;color:var(--text);padding:4px 8px;border-radius:6px;flex:1}.note-title-input:hover,.note-title-input:focus{background:var(--surface-3);border-color:var(--border)}.tag-editor-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-bubble{background:var(--surface-3);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.tag-bubble button{background:transparent;border:none;padding:0;color:var(--text-dim);font-size:10px;cursor:pointer}.tag-bubble button:hover{color:var(--danger)}.format-toolbar{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.format-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);padding:4px 8px;border-radius:6px;font-size:11.5px;font-weight:500}.format-btn:hover{background:var(--surface-3);color:var(--text)}.boox-banner-card{background:linear-gradient(135deg,#241c2c,#1a1622);border:1px solid rgba(168,85,247,.3);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #a855f714}.banner-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.banner-title-group{display:flex;align-items:center;gap:8px}.banner-title{font-size:13.5px;font-weight:700;color:#f3e8ff}.btn-ai-solve{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:1px solid #9333ea;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 0 14px #9333ea66;transition:all .2s ease}.btn-ai-solve:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 20px #9333ea99;transform:translateY(-1px)}.banner-desc{font-size:11.5px;color:#c4b5fd;line-height:1.4}.banner-views{display:flex;align-items:center;gap:6px;margin-top:2px}.view-mode-btn{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#e9d5ff;border-radius:6px;padding:4px 10px;font-size:11px}.view-mode-btn.active{background:#a855f740;border-color:#a855f7;color:#fff;font-weight:600}.split-workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:360px}.eink-sheet-container{background:#fdfcf9;border-radius:10px;border:1px solid #e0dbd1;padding:18px 24px;color:#1a1918;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;gap:14px;min-height:380px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.eink-sheet-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #d5cfc2;padding-bottom:8px}.eink-sheet-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8c8273}.btn-eink-zoom{background:#f0ebe1;border:1px solid #d5cfc2;color:#4a443a;border-radius:4px;padding:2px 8px;font-size:10px;cursor:pointer}.handwritten-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0;position:relative;overflow:hidden}.eink-page-image{max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;border-radius:6px;background:#fff;box-shadow:0 4px 20px #00000029;cursor:zoom-in;transition:transform .15s ease}.eink-page-image:hover{transform:scale(1.01)}.eink-page-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#f4efe6;border-radius:8px;border:1px solid #dfd8cc;margin-top:10px}.eink-nav-btn{background:#fff;border:1px solid #d5cfc2;color:#3f392f;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.eink-nav-btn:hover:not(:disabled){background:#eee8dc;color:#1a1918}.eink-nav-btn:disabled{opacity:.4;cursor:not-allowed}.eink-page-pill{background:transparent;border:1px solid transparent;color:#6a6254;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;cursor:pointer}.eink-page-pill.active{background:#1a1918;color:#fdfcf9;font-weight:700}.eink-zoom-overlay-img{width:100%;max-height:80vh;object-fit:contain;background:#fff;border-radius:8px;display:block}.eink-right-panel{display:flex;flex-direction:column;gap:14px}.ocr-info-box{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:12px;color:var(--text-muted);line-height:1.5}.checklist-container{display:flex;flex-direction:column;gap:8px;margin-top:8px}.checklist-header{font-size:12px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:6px}.checklist-items{display:flex;flex-direction:column;gap:6px}.checklist-item{display:flex;align-items:center;gap:8px;background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 10px;font-size:12px}.checklist-item.done span{text-decoration:line-through;color:var(--text-dim)}.checklist-input-row{display:flex;align-items:center;gap:6px}.checklist-input-row input{flex:1;background:var(--surface);border:1px dashed var(--border);font-size:12px}.breadcrumb-bar{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border-subtle);padding-top:10px;font-size:11.5px;color:var(--text-muted);margin-top:auto}.btn-back-breadcrumb{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer}.btn-back-breadcrumb:hover{border-color:var(--accent)}.flow-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.flow-title-area h1{font-size:20px;font-weight:800;margin:0;color:var(--text)}.flow-title-area p{margin:2px 0 0;font-size:11.5px;color:var(--text-muted)}.flow-top-chips{display:flex;align-items:center;gap:8px}.flow-chip-metric{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:8px;font-size:11px}.flow-chip-metric strong{font-size:14px;color:var(--text)}.flow-control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:10px;font-size:11px}.flow-filter-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.flow-filter-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:3px 10px;font-size:10.5px;cursor:pointer}.flow-filter-pill.active{border-color:var(--accent);color:var(--text);background:#e5a93c1a}.flow-node-item{background:#1c1916;border:1px solid #3c342b;border-radius:8px;padding:8px 12px;min-width:170px;max-width:220px;box-shadow:0 4px 14px #0006;font-size:11.5px;position:relative;transition:all .15s ease}.flow-node-item:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0009}.flow-node-item.col-source{border-left:4px solid #f5a524}.flow-node-item.col-arch{border-left:4px solid #c58b5c}.flow-node-item.col-exec{border-left:4px solid #3ecf8e}.flow-node-item.col-output{border-left:4px solid #7aa2f7}.flow-node-item.glow-red{border-color:#f31260;box-shadow:0 0 16px #f3126066}.flow-node-title{font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.flow-node-sub{font-size:9.5px;color:var(--text-dim);margin-top:2px}.workload-scrubber-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;display:flex;flex-direction:column;gap:8px;margin-top:10px}.workload-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}.workload-timeline-track{height:28px;background:#141210;border-radius:6px;border:1px solid var(--border-subtle);display:flex;position:relative;overflow:hidden}.workload-block{height:100%;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:600;color:#fff;white-space:nowrap;padding:0 4px;border-right:1px solid rgba(0,0,0,.3)}.block-break{background:#d97706}.block-moving-break{background:#b45309}.block-code{background:#059669}.block-ide{background:#2563eb}.workload-hours-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--text-dim);padding:0 2px}.workload-legend-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:6px}@media(max-width:850px){.stat-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-row .card{padding:10px!important}.stat-row .big{font-size:18px!important}.two-col{grid-template-columns:1fr!important;gap:16px!important}.cards,.projects-cards-grid,.clients-cards-grid{grid-template-columns:1fr!important}.clients-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.cal-scroll-container{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.cal{min-width:520px!important}.kanban{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:12px}.toolbar{flex-wrap:wrap!important;gap:8px!important}.toolbar input{max-width:100%!important}.project-detail-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.project-detail-360-grid{grid-template-columns:1fr!important;gap:14px!important}}.project-detail-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-detail-360-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:start}