:root{--bg-black:#141210;--bg-primary:#26211e;--bg-secondary:#302a26;--bg-card:linear-gradient(180deg, #2e2926f0 0%, #201c1afa 100%);--bg-card-solid:#2b2522;--bg-card-hover:linear-gradient(180deg, #36302cf5 0%, #24201dfc 100%);--bg-surface:#36302b;--bg-surface-hover:#403934;--bg-input:#1c1816;--titanium-canvas:#26211e;--titanium-card:#2b2522;--titanium-card-glow:#36302b;--titanium-surface:#36302b;--titanium-bezel-top:#ffffff38;--titanium-bezel-bottom:#00000080;--titanium-border-subtle:#ffffff14;--titanium-border-strong:#ffffff2e;--titanium-pill-bg:#ffffff0f;--titanium-pill-border:#ffffff1a;--optivion-canvas:#28231f;--optivion-card:#302a26e0;--optivion-card-solid:#22201e;--optivion-surface:#2b2826;--optivion-surface-hover:#363330;--optivion-border:#ffffff14;--optivion-border-highlight:#ffffff2e;--optivion-text-main:#f5f5f4;--optivion-text-muted:#a8a29e;--optivion-text-dim:#78716c;--optivion-emerald:#10b981;--optivion-amber:#f59e0b;--optivion-coral:#ff3b5c;--optivion-cyan:#00f2fe;--optivion-pill-bg:#ffffff0d;--optivion-pill-border:#ffffff1a;--telemetry-green:#10b981;--telemetry-green-glow:#10b98140;--telemetry-cyan:#00f2fe;--telemetry-cyan-glow:#00f2fe40;--telemetry-amber:#f59e0b;--telemetry-amber-glow:#f59e0b40;--telemetry-coral:#ff3b5c;--telemetry-coral-glow:#ff3b5c4d;--telemetry-gold:#f7b731;--telemetry-blue:#3b82f6;--telemetry-purple:#a855f7;--amber-primary:#ff2442;--amber-secondary:#ff4d66;--amber-hover:#ff6b81;--amber-dark:#c70024;--amber-glow:#ff244252;--amber-glow-subtle:#ff244224;--amber-glow-strong:#ff244299;--amber-gradient:linear-gradient(90deg, #ff2442 0%, #ff5271 100%);--color-success:#10b981;--color-success-glow:#10b98133;--color-warning:#f59e0b;--color-danger:#ef4444;--color-danger-glow:#ef444440;--color-info:#3b82f6;--color-cyan:#06b6d4;--color-purple:#a855f7;--text-white:#fff;--text-primary:#f3f4f6;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-highlight:#ffffff2e;--border-amber:#f59e0b59;--border-amber-active:#f59e0bbf;--sun-primary:#10b981;--sun-secondary:#00f2fe;--sun-glow:#10b98133;--sun-halo:radial-gradient(ellipse at 50% -10%, #f59e0b14 0%, #ff3b5c08 40%, transparent 75%);--sun-horizon:radial-gradient(ellipse at 50% 0%, #141312cc 0%, transparent 80%);--sun-greeting-shadow:0 4px 20px #00000080;--shadow-card:0 16px 36px #00000073, inset 0 1px 1px #ffffff0f;--shadow-mission-float:0 16px 48px -8px #000000bf, 0 0 1px 1px #ffffff14;--shadow-bezel-inset:inset 0 1px 1px #ffffff1f, inset 0 -1px 1px #00000080;--shadow-glow:0 0 35px #f59e0b2e;--shadow-modal:0 25px 60px -15px #000000d9;--font-greeting:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, monospace;--sidebar-width:80px;--sidebar-width-expanded:240px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{box-sizing:border-box;color:#fff;font-family:var(--font-display);letter-spacing:-.018em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";background-color:#26211e;background-image:radial-gradient(950px 480px at 15% -8%,#947e6c94 0%,#6c5a4d59 42%,#463a321f 70%,#0000 90%),radial-gradient(1350px 320px at 48% -5%,#806c5c66 0%,#55483e2e 50%,#0000 85%),radial-gradient(650px 300px at 85% -5%,#705e5040 0%,#0000 70%),linear-gradient(#3a322d 0%,#2b2522 40%,#1f1b19 100%);height:100%;margin:0;padding:0;font-size:13.5px;line-height:1.45;overflow:hidden}button,input,select,textarea{font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.015em}#root{height:100%;overflow:hidden}h1,h2,h3,h4,h5,h6,.section-title,.view-title,.card-title,.dashboard-title-text,.project-title,.deep-phase-title,.project-crm-card-title,.client-crm-card-title,.subproject-card-title,.modal-title,.panel-title,.omnisearch-section-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600;font-family:var(--font-display)!important;letter-spacing:-.015em!important}.header-greeting{font-family:var(--font-greeting)!important;letter-spacing:-.025em!important;text-transform:none!important;font-weight:700!important}.section-title svg,.section-title .lucide,.card-title svg,.project-crm-card-title-box svg,.dashboard-icon-badge,.personal-todo-icon-badge,.modal-title svg{display:none!important}.dashboard-header-title-box,.project-crm-card-title-box{gap:0!important}.cat-badge,.dashboard-badge-pill,.project-badge-internal,.project-badge-outsource,.project-badge-subproject,.nature-badge{display:none!important}.app-container{background:0 0;flex-direction:row;width:100%;min-height:100vh;display:flex;position:relative}.ambient-top-glow{-webkit-filter:blur(50px);opacity:.95;pointer-events:none;z-index:1;background:radial-gradient(950px 480px at 15% -10%,#967e6c99 0%,#6e5c4e4d 45%,#0000 80%),radial-gradient(1400px 320px at 50% -5%,#826e5f6b 0%,#5a4b4129 55%,#0000 85%);height:440px;transition:opacity 1.2s;position:absolute;top:0;left:0;right:0}.ambient-sun-horizon{background:var(--sun-horizon,radial-gradient(ellipse at 50% 0%, #ff244240 0%, transparent 70%));-webkit-filter:blur(50px);opacity:.85;pointer-events:none;z-index:1;height:220px;transition:background 1.2s cubic-bezier(.16,1,.3,1),opacity 1.2s;position:absolute;top:0;left:0;right:0}.ambient-starfield{pointer-events:none;z-index:2;opacity:0;height:380px;transition:opacity 1.8s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;overflow:hidden}.ambient-starfield.active{opacity:1}.celestial-star{pointer-events:none;border-radius:50%;animation:ease-in-out infinite alternate starTwinkle;position:absolute}.celestial-star.with-spike:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff 0%,#fff6 60%,#0000 95%);width:14px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.celestial-star.with-spike:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff 0%,#fff6 60%,#0000 95%);width:1px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes starTwinkle{0%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}to{opacity:.35;transform:scale(.85)}}.sidebar-wrapper{z-index:50;flex-direction:column;flex-shrink:0;height:100vh;padding:10px 0 10px 14px;display:flex;position:sticky;top:0}.sidebar-capsule{scrollbar-width:none;background:linear-gradient(#201d1bf5 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:36px;flex-direction:column;justify-content:space-between;align-items:center;width:76px;height:calc(100vh - 20px);padding:14px 6px;transition:width .25s cubic-bezier(.4,0,.2,1),border-radius .25s;display:flex;overflow-y:auto;box-shadow:inset 0 1px 1px #ffffff0f,0 16px 40px #000000bf}.sidebar-capsule::-webkit-scrollbar{display:none}.sidebar-capsule.expanded{border-radius:28px;align-items:stretch;width:216px;padding:16px 12px}.sidebar-top-emblem{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:2px auto 40px;display:flex;position:relative}.emblem-circle{width:46px;height:46px;transition:all var(--transition-fast);background:radial-gradient(circle at 35% 35%,#2e2926 0%,#171615 100%);border:1.5px solid #d4af3773;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #d4af3740,inset 0 2px 4px #fff3,inset 0 -2px 6px #000c}.sidebar-top-emblem:hover .emblem-circle{border-color:var(--amber-primary);box-shadow:0 0 20px var(--amber-glow);transform:scale(1.05)}.emblem-online-dot{background:#10b981;border:2px solid #0a0c12;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 8px #10b981}.sidebar-capsule-nav{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.sidebar-capsule.expanded .sidebar-capsule-nav{align-items:stretch;gap:4px}.capsule-nav-tile{cursor:pointer;width:60px;height:50px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.capsule-nav-tile:hover{background:#ffffff0a;border-color:#ffffff14}.capsule-nav-tile:hover .capsule-tile-icon,.capsule-nav-tile:hover .capsule-tile-label{color:#fff}.capsule-nav-tile.active{background:linear-gradient(#f59e0b29 0%,#262321f2 100%);border:1px solid #f59e0b73;border-top-color:#ffffff59;border-radius:14px;height:52px;box-shadow:0 0 16px #f59e0b33,inset 0 1px 1px #ffffff26}.capsule-tile-icon{color:#7e8b9f;width:19px;height:19px;transition:color var(--transition-fast)}.capsule-nav-tile.active .capsule-tile-icon{color:#f59e0b;filter:drop-shadow(0 0 6px #f59e0b80)}.capsule-tile-label{color:#7e8b9f;text-align:center;white-space:nowrap;transition:color var(--transition-fast);font-size:10px;font-weight:500;line-height:1.1}.capsule-nav-tile.active .capsule-tile-label{color:#fff;font-weight:700}.sidebar-capsule.expanded .capsule-nav-tile{border-radius:10px;flex-direction:row;justify-content:flex-start;gap:12px;width:100%;height:42px;padding:0 12px}.sidebar-capsule.expanded .capsule-tile-label{text-align:left;font-size:13px}.capsule-divider{background:#ffffff14;flex-shrink:0;width:38px;height:1px;margin:8px auto}.sidebar-capsule.expanded .capsule-divider{width:100%}.capsule-bottom-controls{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:100%;margin-top:6px;display:flex}.sidebar-capsule.expanded .capsule-bottom-controls{align-items:stretch}.capsule-expand-btn{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex}.capsule-expand-btn:hover{transform:scale(1.08)}.capsule-expand-text{color:var(--amber-primary);letter-spacing:.3px;font-size:9.5px;font-weight:700}.sidebar-capsule.expanded .capsule-expand-btn{flex-direction:row;justify-content:center;gap:8px;padding:8px}.capsule-action-box{cursor:pointer;width:52px;height:50px;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.capsule-action-box:hover{background:#ff24421f;border-color:#ff244273;box-shadow:0 0 16px #ff244240}.capsule-action-box .capsule-box-icon{color:#94a3b8;width:18px;height:18px}.capsule-action-box:hover .capsule-box-icon,.capsule-action-box:hover .capsule-box-label{color:#fff}.capsule-action-box .capsule-box-label{color:#94a3b8;letter-spacing:.5px;font-size:9.5px;font-weight:700}.sidebar-capsule.expanded .capsule-action-box{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;height:42px;padding:0 14px}.capsule-user-avatar{cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:linear-gradient(135deg,#381419 0%,#1c0e12 100%);border:1.5px solid #ff244273;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 14px #ff244233}.capsule-user-avatar:hover{border-color:var(--amber-primary);box-shadow:0 0 18px var(--amber-glow);transform:scale(1.05)}.capsule-user-avatar span{color:#fff;font-size:16px;font-weight:800}.capsule-avatar-online-dot{background:#10b981;border:2px solid #0a0c12;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 6px #10b981}.sidebar-capsule.expanded .capsule-user-avatar{justify-content:flex-start;gap:10px;width:100%;height:44px;padding:0 12px}.capsule-logout-box{cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444447;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.capsule-logout-box:hover{background:#ef44442e;border-color:#ef44448c;transform:scale(1.05);box-shadow:0 0 14px #ef44444d}.capsule-logout-box .logout-icon{color:#ef4444;width:18px;height:18px}.sidebar-capsule.expanded .capsule-logout-box{justify-content:flex-start;gap:12px;width:100%;height:42px;padding:0 14px}.main-wrapper{z-index:2;flex-direction:column;flex:1;min-width:0;max-height:100vh;display:flex;position:relative;overflow-y:auto}.main-header{z-index:10;flex-direction:column;align-items:center;padding:24px 36px 12px;display:flex;position:relative}.main-header.compact-header{align-items:stretch;padding:16px 36px 6px}.main-header.compact-header .header-top-bar{margin-bottom:0}.header-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.system-status-indicator{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot-pulse{background-color:var(--color-success);width:8px;height:8px;box-shadow:0 0 8px var(--color-success);border-radius:50%;animation:2s infinite pulseGreen}.header-greeting{color:#fff;text-align:center;text-shadow:0 2px 25px #ff24424d;margin-bottom:24px;font-size:42px;font-weight:400;font-family:var(--font-greeting)!important;letter-spacing:1.5px!important}.search-container{width:100%;max-width:720px;margin-bottom:24px;position:relative}.search-bar{background:var(--bg-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);border:1px solid #ffffff1a;align-items:center;padding:6px 8px 6px 20px;display:flex;box-shadow:0 8px 30px #0006,inset 0 1px #ffffff0d}.search-bar:focus-within{border-color:var(--amber-primary);box-shadow:0 8px 35px #ff244240,inset 0 1px #ffffff14}.search-attachments-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:0 8px;display:flex}.search-attachment-pill{color:#fff;border-radius:var(--radius-full);background:#ff24421f;border:1px solid #ff244259;align-items:center;gap:6px;padding:3px 10px;font-size:11px;animation:.2s fadeIn;display:inline-flex}.search-attachment-remove{cursor:pointer;opacity:.7;align-items:center;transition:opacity .15s;display:flex}.search-attachment-remove:hover{opacity:1;color:var(--amber-primary)}.omnisearch-dropdown{border-radius:var(--radius-lg);z-index:999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f131d;border:1px solid #ff244259;flex-direction:column;gap:10px;max-height:480px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0009,0 0 20px #ff244226}.omnisearch-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.omnisearch-row{border-radius:var(--radius-md);cursor:pointer;background:#ffffff05;border:1px solid #0000;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.omnisearch-row:hover{background:#ff24421f;border-color:#ff244240;transform:translate(2px)}.omnisearch-action-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.search-icon{color:var(--text-muted);flex-shrink:0;width:18px;height:18px;margin-right:12px}.search-input{color:var(--text-white);font-size:14px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-muted)}.search-actions-group{align-items:center;gap:6px;display:flex}.search-tool-btn{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.search-tool-btn:hover{color:var(--text-white);background:#ffffff14}.search-submit-btn{background:linear-gradient(135deg, var(--amber-primary) 0%, var(--amber-dark) 100%);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 15px #ff244266}.search-submit-btn:hover{background:linear-gradient(135deg, var(--amber-hover) 0%, var(--amber-primary) 100%);transform:translateY(-1px);box-shadow:0 4px 20px #ff244299}.quick-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;max-width:900px;margin-bottom:28px;display:flex}.quick-action-pill{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:6px;display:flex}.quick-action-pill:hover{transform:translateY(-3px)}.quick-action-circle{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-medium);width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0006}.quick-action-pill:hover .quick-action-circle{border-color:var(--amber-primary);color:var(--amber-primary);box-shadow:0 0 16px var(--amber-glow);background:#ff24421a}.quick-action-label{color:var(--text-secondary);white-space:nowrap;font-size:11px;font-weight:500}.quick-action-pill:hover .quick-action-label{color:var(--text-white)}.content-viewport{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex-direction:column;flex:1;gap:0;width:100%;min-height:0;padding:0;display:flex;overflow:hidden auto}.content-viewport::-webkit-scrollbar-thumb:hover{background:#ffffff38}.optivion-app-window{box-sizing:border-box;z-index:2;background-color:#26211e;background-image:radial-gradient(950px 480px at 15% -8%,#947e6ca6 0%,#705e506b 42%,#463a3224 70%,#0000 90%),radial-gradient(1400px 340px at 48% -5%,#84706075 0%,#584a4038 50%,#0000 85%),radial-gradient(650px 300px at 85% -5%,#7360524d 0%,#0000 70%),linear-gradient(#3c342f 0%,#2d2724 38%,#201c1a 100%);flex-direction:column;width:100%;max-width:100%;height:100vh;max-height:100vh;margin:0;padding:10px 18px 12px;display:flex;position:relative;overflow:hidden}.optivion-dashboard-view{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.optivion-master-deck-grid{flex:1;grid-template-columns:1fr 370px;align-items:stretch;gap:16px;width:100%;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.optivion-left-master-deck{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.optivion-right-persistent-deck{flex-direction:column;flex-shrink:0;width:370px;min-width:0;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.optivion-master-left-card{box-sizing:border-box;background:linear-gradient(175deg,#4a423d 0%,#3d3632 45%,#322c29 100%);border:1px solid #ffffff24;border-top-color:#ffffff59;border-radius:24px;flex-direction:column;flex:1;gap:8px;width:100%;height:100%;min-height:0;max-height:100%;padding:14px 20px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff38,0 24px 60px -8px #000000bf}.optivion-master-left-card>.optivion-card-scroll-body{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;padding-right:4px;display:flex;overflow:hidden auto}.optivion-card-scroll-body{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}.optivion-card-scroll-body::-webkit-scrollbar{width:5px}.optivion-card-scroll-body::-webkit-scrollbar-track{background:0 0}.optivion-card-scroll-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.optivion-card-scroll-body::-webkit-scrollbar-thumb:hover{background:#ffffff38}.optivion-inner-wireplan-grid{grid-template-columns:290px 1.45fr 360px;align-items:stretch;gap:16px;width:100%;display:grid}@media (width<=1560px){.optivion-inner-wireplan-grid{grid-template-columns:260px 1fr 340px;gap:14px}}@media (width<=1380px){.optivion-master-deck-grid{grid-template-columns:1fr}.optivion-inner-wireplan-grid{grid-template-columns:260px 1fr}.optivion-inner-wireplan-grid>div:last-child{grid-column:1/-1}}@media (width<=1024px){.optivion-inner-wireplan-grid{grid-template-columns:1fr}.main-header,.content-viewport{padding-left:16px;padding-right:16px}.optivion-app-window{border-radius:0;margin:0;padding:8px}.header-greeting{font-size:32px}}.top-capsule-sticky-header{z-index:1000;-webkit-backdrop-filter:blur(20px);pointer-events:none;background:linear-gradient(#080a10f5 0%,#080a10cc 75%,#0000 100%);flex-direction:column;align-items:center;width:100%;padding:12px 20px 10px;display:flex;position:sticky;top:0}.top-capsule-sticky-header>*{pointer-events:auto}.horizontal-stadium-capsule{box-sizing:border-box;background:#0a0c12;border:1px solid #ffffff14;border-radius:42px;flex-direction:row;justify-content:center;align-items:center;gap:4px;max-width:100%;height:66px;padding:6px 14px;display:flex;box-shadow:0 12px 40px #000000bf,0 0 1px #ffffff1a}.capsule-top-emblem{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin:0 2px 0 0;display:flex;position:relative}.capsule-divider-v{background:#ffffff14;flex-shrink:0;width:1px;height:28px;margin:0 3px}.horizontal-capsule-nav{scrollbar-width:none;flex-direction:row;align-items:center;gap:4px;max-width:100%;display:flex;overflow-x:auto}.horizontal-capsule-nav::-webkit-scrollbar{display:none}.horizontal-capsule-nav .capsule-nav-tile{box-sizing:border-box;border:1.5px solid #0000;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:auto;min-width:58px;height:50px;padding:4px 12px;display:flex}.horizontal-capsule-nav .capsule-nav-tile .capsule-tile-icon{flex-shrink:0;width:18px;height:18px}.horizontal-capsule-nav .capsule-nav-tile .capsule-tile-label{white-space:nowrap;letter-spacing:.1px;text-align:center;font-size:10px;font-weight:500;line-height:1.15}.horizontal-capsule-nav .capsule-nav-tile.active{background:linear-gradient(#ff244238 0%,#1c0c10f2 100%);border:1.5px solid #ff2442d9;border-radius:14px;height:50px;padding:4px 11px;box-shadow:0 0 16px #ff24424d,inset 0 0 8px #ff24421f}.horizontal-capsule-nav .capsule-nav-tile.active .capsule-tile-label{color:#fff;font-weight:700}.capsule-action-box.timer-active{background:#ff244229;border-color:#ff2442;width:auto;min-width:62px;padding:0 8px;box-shadow:0 0 16px #ff244259}.capsule-badge-dot{background:#ff2442;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:7px;box-shadow:0 0 8px #ff2442}.user-profile-popover{z-index:1100;background:#0d1017;border:1px solid #ff244259;border-radius:16px;flex-direction:column;gap:10px;width:250px;padding:14px;display:flex;position:absolute;top:54px;right:-20px;box-shadow:0 16px 36px #000c,0 0 20px #ff244226}.top-contextual-capsule{-webkit-backdrop-filter:blur(16px);scrollbar-width:none;background:#0a0c12f0;border:1px solid #ff244247;border-radius:9999px;justify-content:center;align-items:center;gap:10px;max-width:95%;margin-top:8px;padding:5px 16px;display:flex;overflow-x:auto;box-shadow:0 8px 24px #0009,0 0 14px #ff24421a}.top-contextual-capsule::-webkit-scrollbar{display:none}.top-navbar-container{z-index:1000;-webkit-backdrop-filter:blur(24px);background:#0a0c12f0;border-bottom:1px solid #ff244238;flex-direction:column;width:100%;display:flex;position:sticky;top:0;box-shadow:0 10px 32px #000000a6,0 0 25px #ff244214}.top-navbar-main-row{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1840px;height:64px;margin:0 auto;padding:0 28px;display:flex}.top-navbar-brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.top-navbar-emblem{justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.top-navbar-emblem .emblem-circle{background:radial-gradient(circle at 35% 35%,#242835 0%,#101218 100%);border:1.5px solid #ff244266;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex;box-shadow:0 0 16px #ff244240,inset 0 2px 4px #ffffff26}.top-navbar-brand:hover .emblem-circle{border-color:#ff2442;transform:scale(1.05);box-shadow:0 0 20px #ff244273}.top-navbar-emblem .emblem-online-dot{background:#10b981;border:2px solid #0a0c12;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0;box-shadow:0 0 8px #10b981}.top-navbar-brand-text{flex-direction:column;gap:1px;display:flex}.brand-title{letter-spacing:.8px;color:#fff;align-items:center;gap:5px;font-size:15px;font-weight:900;line-height:1.1;display:flex}.brand-accent{color:#ff2442;text-shadow:0 0 12px #ff244299}.brand-version{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:700}.top-nav-capsule{scrollbar-width:none;background:#080a10;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:4px;max-width:900px;padding:4px 6px;display:flex;overflow-x:auto;box-shadow:inset 0 2px 6px #0009}.top-nav-capsule::-webkit-scrollbar{display:none}.top-nav-tile{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;flex-shrink:0;align-items:center;gap:7px;padding:6px 13px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.top-nav-tile:hover{color:#fff;background:#ffffff0f;transform:translateY(-1px)}.top-nav-tile.active{color:#fff;background:linear-gradient(135deg,#ff244238 0%,#c8102e61 100%);border-color:#ff2442;box-shadow:0 0 16px #ff244266}.top-nav-tile .tile-icon{width:15px;height:15px}.top-nav-hub-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.top-nav-hub-btn:hover{color:#fff;background:#ff244229;border-color:#ff2442;box-shadow:0 0 12px #ff24424d}.top-navbar-controls{flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.top-nav-live-timer{color:#ff2442;font-family:var(--font-mono);background:#ff244224;border:1px solid #ff2442;border-radius:9999px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;font-weight:700;animation:2s infinite pulseGlow;display:flex;box-shadow:0 0 16px #ff244259}@keyframes pulseGlow{0%{box-shadow:0 0 12px #ff24424d}50%{box-shadow:0 0 20px #ff244299}to{box-shadow:0 0 12px #ff24424d}}.top-nav-timer-dot{background:#ff2442;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate timerBlink}@keyframes timerBlink{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.85)}}.top-nav-timer-task{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;font-family:var(--font-sans);overflow:hidden}.top-nav-timer-stop-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:9999px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.top-nav-timer-stop-btn:hover{background:#dc2626;transform:scale(1.05)}.top-nav-start-timer-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:6px;padding:6px 13px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.top-nav-start-timer-btn:hover{color:#fff;background:#ff244224;border-color:#ff2442;box-shadow:0 0 14px #ff24424d}.quick-timer-popover{border-radius:var(--radius-lg);z-index:1050;background:#0e111a;border:1px solid #ff24424d;flex-direction:column;gap:12px;width:340px;padding:16px;display:flex;position:absolute;top:calc(100% + 10px);right:180px;box-shadow:0 16px 40px #000c,0 0 20px #ff244226}.top-nav-notifications-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.top-nav-notifications-btn:hover{color:#fff;background:#ff24421f;border-color:#ff2442}.notifications-badge{color:#fff;background:#ff2442;border:2px solid #0a0c12;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #ff244299}.notifications-popover{border-radius:var(--radius-lg);z-index:1050;background:#0e111a;border:1px solid #ff24424d;flex-direction:column;gap:10px;width:360px;max-height:440px;padding:16px;display:flex;position:absolute;top:calc(100% + 10px);right:120px;overflow-y:auto;box-shadow:0 16px 40px #000c,0 0 20px #ff244226}.notification-item{border-radius:var(--radius-md);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;align-items:flex-start;gap:10px;padding:10px;transition:all .2s;display:flex}.notification-item:hover{background:#ff24420f;border-color:#ff244240;transform:translate(2px)}.top-nav-role-select{color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9999px;outline:none;padding:5px 10px;font-size:11px;font-weight:600}.top-nav-role-select:hover{border-color:var(--border-amber)}.top-nav-user-profile{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:9px;padding:4px 10px 4px 4px;transition:all .2s;display:flex}.top-nav-user-profile:hover{border-color:var(--border-amber);background:#ff244214}.top-nav-avatar{color:#fff;background:radial-gradient(circle at 35% 35%,#242835 0%,#101218 100%);border:1.5px solid #ff2442;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;position:relative;box-shadow:0 0 10px #ff244259}.top-nav-avatar-online{background:#10b981;border:1.5px solid #0a0c12;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 5px #10b981}.top-nav-user-names{flex-direction:column;line-height:1.15;display:flex}.top-nav-user-name{color:#fff;font-size:12px;font-weight:700}.top-nav-user-role{color:#94a3b8;font-size:10px}.top-nav-logout-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.top-nav-logout-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.06)}.top-nav-pos-toggle{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.top-nav-pos-toggle:hover{color:#fff;background:#ff24421f;border-color:#ff244259}.top-navbar-contextual-bar{background:#0e1118d9;border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1840px;min-height:42px;margin:0 auto;padding:0 28px;display:flex}.contextual-bar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.contextual-breadcrumb{color:#94a3b8;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.contextual-breadcrumb-link{color:var(--amber-primary);cursor:pointer;align-items:center;gap:4px;text-decoration:none;display:flex}.contextual-breadcrumb-link:hover{text-decoration:underline}.contextual-breadcrumb-current{color:#fff;font-weight:700}.contextual-steps-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.contextual-step-chip{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.contextual-step-chip:hover{color:#fff;background:#ffffff12;border-color:#ffffff2e}.contextual-step-chip.active{color:#fff;background:#ff244229;border-color:#ff2442;box-shadow:0 0 10px #ff244240}.contextual-bar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contextual-action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.contextual-action-btn.primary{color:#fff;background:#ff2442;border:none;box-shadow:0 0 12px #ff244259}.contextual-action-btn.primary:hover{background:#ff4d66;box-shadow:0 0 18px #ff24428c}.contextual-action-btn.secondary{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f}.contextual-action-btn.secondary:hover{color:#fff;background:#ff24421a;border-color:#ff24424d}.optk-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#262321e0 0%,#181615f5 100%);border:1px solid #ffffff12;border-top-color:#ffffff29;border-radius:18px;padding:18px 20px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 1px #ffffff0d,0 12px 36px -6px #0009}.optk-card:hover{border-color:#ffffff1f;box-shadow:inset 0 1px 1px #ffffff12,0 16px 44px -6px #000000b3}.optk-card-sm{border-radius:14px;padding:12px 14px}.optk-card-amber{border-top-color:#f59e0b80;box-shadow:inset 0 1px 1px #f59e0b0f,0 12px 36px -6px #0009}.optk-card-green{border-top-color:#10b98173}.optk-card-red{border-top-color:#ff3b5c73}.optk-card-cyan{border-top-color:#00f2fe66}.optk-inner-page{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;min-height:0;padding:0 0 16px;display:flex}.optk-split-2{grid-template-columns:280px 1fr;align-items:stretch;gap:16px;width:100%;min-height:0;display:grid}@media (width<=1100px){.optk-split-2{grid-template-columns:1fr}}.optk-split-3{grid-template-columns:260px 1fr 300px;align-items:stretch;gap:16px;width:100%;min-height:0;display:grid}@media (width<=1300px){.optk-split-3{grid-template-columns:240px 1fr}.optk-split-3>:last-child{display:none}}.optk-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.optk-page-header-left{align-items:center;gap:10px;display:flex}.optk-page-header-icon{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.optk-page-title{color:#f5f5f4;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.optk-page-subtitle{color:#78716c;margin:1px 0 0;font-size:11px}.optk-page-header-actions{align-items:center;gap:8px;display:flex}.optk-stat-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=1100px){.optk-stat-row{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.optk-stat-row{grid-template-columns:1fr}}.optk-stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#262321d9 0%,#181615f2 100%);border:1px solid #ffffff12;border-top-color:#ffffff24;border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.optk-stat-label{color:#78716c;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.optk-stat-value{color:#f5f5f4;letter-spacing:-.03em;font-size:22px;font-weight:800;font-family:var(--font-mono);line-height:1.1}.optk-stat-trend{align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.optk-stat-trend.up{color:#10b981}.optk-stat-trend.down{color:#ff3b5c}.optk-stat-trend.neutral{color:#78716c}.optk-badge{letter-spacing:.02em;font-size:9.5px;font-weight:800;font-family:var(--font-mono);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.optk-badge:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px}.optk-badge-green{color:#34d399;background:#10b9811f;border:1px solid #10b98147}.optk-badge-green:before{background:#10b981}.optk-badge-amber{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b47}.optk-badge-amber:before{background:#f59e0b}.optk-badge-red{color:#ff6b8a;background:#ff3b5c1f;border:1px solid #ff3b5c47}.optk-badge-red:before{background:#ff3b5c}.optk-badge-cyan{color:#67e8f9;background:#00f2fe1a;border:1px solid #00f2fe40}.optk-badge-cyan:before{background:#00f2fe}.optk-badge-gray{color:#a8a29e;background:#ffffff0d;border:1px solid #ffffff1a}.optk-badge-gray:before{background:#78716c}.optk-tab-bar{background:#00000059;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:3px;padding:3px;display:flex}.optk-tab-btn{color:#78716c;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.optk-tab-btn:hover{color:#d6d3d1;background:#ffffff0a}.optk-tab-btn.active{color:#f59e0b;background:#f59e0b29;border:1px solid #f59e0b59}.optk-filter-pills{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.optk-filter-pill{color:#a8a29e;cursor:pointer;white-space:nowrap;background:#0000004d;border:1px solid #ffffff12;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .15s}.optk-filter-pill:hover{color:#d6d3d1;background:#ffffff0d}.optk-filter-pill.active{color:#f59e0b;background:#f59e0b24;border-color:#f59e0b66}.optk-btn-primary{color:#fcd34d;cursor:pointer;background:#f59e0b29;border:1px solid #f59e0b73;border-top-color:#fff3;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.optk-btn-primary:hover{background:#f59e0b40;box-shadow:0 4px 14px #f59e0b33}.optk-btn-secondary{color:#a8a29e;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.optk-btn-secondary:hover{color:#e5e5e5;background:#ffffff14;border-color:#ffffff29}.optk-search{background:#00000059;border:1px solid #ffffff14;border-radius:10px;flex:1;align-items:center;gap:8px;max-width:320px;padding:7px 12px;display:flex}.optk-search input{color:#e5e5e5;width:100%;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;outline:none}.optk-search input::placeholder{color:#57534e}.optk-table-row{cursor:pointer;background:#0003;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.optk-table-row:hover{background:#ffffff0a;border-color:#ffffff17}.optk-table-row.selected{background:#f59e0b14;border-color:#f59e0b4d}.optk-section-label{color:#78716c;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:9.5px;font-weight:800}.optk-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=1200px){.optk-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.optk-cards-grid{grid-template-columns:1fr}}.optk-cards-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.optk-divider{background:#ffffff0f;width:100%;height:1px;margin:2px 0}.optk-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;overflow-y:auto}.optk-scroll::-webkit-scrollbar{width:4px}.optk-scroll::-webkit-scrollbar-track{background:0 0}.optk-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.optk-progress-bar{background:#ffffff14;border-radius:2px;width:100%;height:4px;overflow:hidden}.optk-progress-fill{border-radius:2px;height:100%;transition:width .4s}.optk-progress-fill-green{background:linear-gradient(90deg,#10b981,#34d399)}.optk-progress-fill-amber{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.optk-progress-fill-red{background:linear-gradient(90deg,#ff3b5c,#ff6b8a)}.optk-progress-fill-cyan{background:linear-gradient(90deg,#00f2fe,#67e8f9)}.content-viewport{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex:1;min-width:0;overflow:hidden auto}.content-viewport::-webkit-scrollbar{width:4px}.content-viewport::-webkit-scrollbar-track{background:0 0}.content-viewport::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.content-viewport.content-viewport-dashboard{overflow:hidden!important}.metrics-grid{grid-template-columns:repeat(5,1fr);gap:16px;width:100%;display:grid}@media (width<=1400px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.metrics-grid{grid-template-columns:repeat(1,1fr)}}.metric-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:155px;transition:all var(--transition-normal);cursor:pointer;background:linear-gradient(#262321e0 0%,#181615f5 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:18px;flex-direction:column;justify-content:space-between;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0f,0 10px 30px -4px #0009}.metric-card:hover{background:linear-gradient(#2e2a28eb 0%,#1c1a19fa 100%);border-color:#ffffff59 #ffffff2e #ffffff2e;transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff1a,0 14px 40px -4px #000000bf}.metric-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.metric-title{color:var(--text-secondary);font-size:13px;font-weight:500}.metric-tag{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff26;padding:2px 8px;font-size:10px;font-weight:600}.metric-tag.tag-amber{color:var(--amber-primary);background:#ff24421f;border-color:#ff244266}.metric-tag.tag-green{color:var(--color-success);background:#10b9811a;border-color:#10b98166}.metric-tag.tag-blue{color:var(--color-info);background:#3b82f61a;border-color:#3b82f666}.metric-value-box{flex-direction:column;gap:4px;display:flex}.metric-main-value{color:var(--text-white);letter-spacing:-.5px;align-items:baseline;gap:4px;font-size:30px;font-weight:700;line-height:1.1;display:flex}.metric-currency-symbol{color:var(--amber-primary);font-size:26px}.metric-sub-label{color:var(--text-muted);font-size:12px}.metric-footer-link{color:var(--amber-primary);transition:all var(--transition-fast);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.metric-footer-link:hover{color:var(--amber-hover);padding-left:2px}.charts-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}@media (width<=1100px){.charts-grid{grid-template-columns:1fr}}.chart-card{transition:all var(--transition-normal);background:linear-gradient(#1e1c1af2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;padding:22px 24px;display:flex;box-shadow:0 16px 36px #00000073,inset 0 1px 1px #ffffff0f}.chart-card:hover{border-color:#ffffff59 #ffffff2e #ffffff2e;box-shadow:0 20px 48px #0009,inset 0 1px 1px #ffffff1a}.chart-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.chart-header-left{align-items:flex-start;gap:12px;display:flex}.chart-icon-box{border-radius:var(--radius-md);border:1px solid var(--border-amber);width:36px;height:36px;color:var(--amber-primary);background:#ff24421f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chart-title-area{flex-direction:column;display:flex}.chart-title-row{align-items:center;gap:8px;display:flex}.chart-title{color:var(--amber-primary);font-size:15px;font-weight:700}.chart-scope-badge{border-radius:var(--radius-sm);color:var(--amber-secondary);background:#ff244226;border:1px solid #ff24424d;padding:1px 6px;font-size:10px}.chart-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.chart-toggle-tabs{background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;padding:3px;display:flex}.chart-tab-btn{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:5px 12px;font-size:11px;font-weight:600}.chart-tab-btn.active{background:var(--amber-primary);color:#fff;box-shadow:0 0 12px #ff244273}.chart-stats-row{border-bottom:1px solid #ffffff0d;gap:24px;margin-bottom:16px;padding:12px 0 16px;display:flex}.chart-stat-item{flex-direction:column;gap:2px;display:flex}.chart-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:600}.chart-stat-val{color:var(--text-white);font-size:16px;font-weight:700}.chart-stat-val.highlight{color:var(--amber-primary)}.chart-canvas-wrapper{width:100%;height:210px;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-line-path{fill:none;stroke:var(--amber-primary);stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 8px #ff2442d9)}.chart-area-path{fill:url(#amberChartGradient);opacity:.35}.chart-grid-line{stroke:#ffffff0d;stroke-dasharray:4 4}.chart-axis-label{fill:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.chart-dot-interactive{fill:#000;stroke:var(--amber-primary);stroke-width:2px;cursor:pointer;transition:transform .15s}.chart-dot-interactive:hover{fill:var(--amber-hover);transform:scale(1.6)}.chart-footer-row{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.chart-datasource-label{color:var(--text-muted)}.chart-details-link{color:var(--amber-primary);cursor:pointer;align-items:center;gap:4px;font-weight:600;text-decoration:none;display:flex}.chart-details-link:hover{text-decoration:underline}.modal-overlay,.modal-backdrop{animation:.2s ease-out fadeIn;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:9999!important;background:#000000d1!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal-container,.modal-content{max-width:680px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;background:linear-gradient(#1e1c1afa 0%,#121110fc 100%)!important;border:1px solid #ffffff1a!important;border-top-color:#ffffff40!important;border-radius:24px!important;flex-direction:column!important;width:100%!important;max-height:90vh!important;margin:auto!important;display:flex!important;position:relative!important;overflow-y:auto!important;box-shadow:0 25px 60px -15px #000000d9,0 0 35px #f59e0b1f,inset 0 1px 1px #ffffff14!important}.modal-container.modal-lg{max-width:960px}.modal-header{background:#121110b3;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title-group{align-items:center;gap:12px;display:flex}.modal-title{color:var(--text-white);font-size:18px;font-weight:700}.modal-close-btn{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:var(--text-white);background:#ffffff14}.modal-body{flex-direction:column;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.modal-content>form:not(.modal-body),.modal-container>form:not(.modal-body){box-sizing:border-box;padding:24px 28px 28px}.modal-footer{background:#121110b3;border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.btn-primary{color:#fff;cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#ff3b5c 0%,#d92546 100%);border:1px solid #ffffff2e;border-top-color:#ffffff59;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #ff3b5c59,inset 0 1px 1px #fff3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #ff3b5c8c,inset 0 1px 1px #ffffff4d}.btn-secondary{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff17;border-top-color:#ffffff29;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0000004d,inset 0 1px 1px #ffffff0d}.btn-secondary:hover{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.form-group{flex-direction:column!important;gap:6px!important;display:flex!important}.form-label{color:#e2e8f0!important;letter-spacing:-.01em!important;margin-bottom:6px!important;font-size:12.5px!important;font-weight:600!important;display:block!important}.form-input,.form-select,.form-textarea{box-sizing:border-box!important;color:#fff!important;width:100%!important;font-size:13.5px!important;font-family:var(--font-sans)!important;background:#0e0d0cd9!important;border:1px solid #ffffff1a!important;border-radius:12px!important;outline:none!important;padding:11px 16px!important;transition:all .2s!important;display:block!important}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#141211f2!important;border-color:#f59e0b99!important;box-shadow:0 0 0 3px #f59e0b26!important}.form-select option{color:#fff;background:#1c1a18}.form-row{grid-template-columns:1fr 1fr!important;gap:16px!important;display:grid!important}.section-header-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{letter-spacing:-.015em;color:var(--text-white);font-size:24px;font-weight:600;display:block;font-family:var(--font-display)!important}.section-title svg,.section-title .lucide{display:none!important}.section-desc{color:var(--text-muted);margin-top:4px;font-size:13px}.kanban-board-container{gap:16px;min-height:580px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban-column{max-height:calc(100vh - 220px);transition:all var(--transition-fast);background:linear-gradient(#1c1a18f5 0%,#121110fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;flex:0 0 310px;display:flex;box-shadow:0 16px 36px #00000073,inset 0 1px 1px #ffffff0f}.kanban-column.drag-over{background:#f59e0b14;border-color:#f59e0bb3;box-shadow:inset 0 0 20px #f59e0b26}.kanban-column-header{border-bottom:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.kanban-col-title-box{align-items:center;gap:8px;display:flex}.kanban-col-title{color:var(--text-primary);font-size:13px;font-weight:700}.kanban-col-count{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff14;padding:2px 7px;font-size:11px;font-weight:700}.kanban-col-add-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.kanban-col-add-btn:hover{color:var(--amber-primary);background:#ff24421f}.kanban-tasks-list{flex-direction:column;flex:1;gap:12px;min-height:120px;padding:12px;display:flex;overflow-y:auto}.task-card{cursor:grab;background:linear-gradient(#262321e0 0%,#1a1817f2 100%);border:1px solid #ffffff14;border-top-color:#ffffff29;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 8px 20px #00000059,inset 0 1px 1px #ffffff0d}.task-card:hover{border-color:#ffffff59 #ffffff2e #ffffff2e;transform:translateY(-2px);box-shadow:0 14px 30px #0000008c,inset 0 1px 1px #ffffff14}.task-card.dragging{opacity:.4;cursor:grabbing}.task-top-meta{justify-content:space-between;align-items:center;display:flex}.task-client-tag{color:var(--amber-primary);border-radius:var(--radius-sm);background:#ff24421f;border:1px solid #ff244240;padding:2px 6px;font-size:10px;font-weight:600}.task-priority-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;font-size:10px;font-weight:700}.priority-acil{color:#ef4444;background:#ef444433;border:1px solid #ef444466}.priority-yuksek{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b66}.priority-orta{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f666}.priority-dusuk{color:#9ca3af;background:#9ca3af26;border:1px solid #9ca3af4d}.task-title{color:var(--text-white);font-size:13px;font-weight:600;line-height:1.4}.task-checklist-progress{color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.progress-bar-bg{border-radius:var(--radius-full);background:#ffffff14;flex:1;height:4px;overflow:hidden}.progress-bar-fill{background:var(--amber-primary);border-radius:var(--radius-full);height:100%}.task-bottom-row{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.task-footer-left{align-items:center;gap:8px;display:flex}.task-date-pill{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:flex}.task-date-pill.overdue{color:var(--color-danger)}.task-timer-btn{border:1px solid var(--border-medium);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:3px 6px;font-size:10px;display:flex}.task-timer-btn.running{border-color:var(--amber-primary);color:var(--amber-primary);background:#ff24422e;animation:1.5s infinite pulseAmber}.task-timer-btn:hover{border-color:var(--amber-primary);color:var(--amber-primary)}.task-assignee-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border-subtle);width:24px;height:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGreen{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulseAmber{0%{box-shadow:0 0 #ff244299}70%{box-shadow:0 0 0 8px #ff244200}to{box-shadow:0 0 #ff244200}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float-gentle{animation:4s ease-in-out infinite floatGentle}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:var(--amber-dark)}.dashboard-container{flex-direction:column;gap:0;width:100%;display:flex}.dashboard-hero-section{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:0;margin-bottom:36px;padding-top:0;padding-bottom:0;display:flex}.dashboard-hero-section .header-greeting{letter-spacing:-.025em;color:#fff;text-align:center;text-shadow:0 2px 10px #00000080;margin:0 0 16px;font-size:30px;font-weight:700;line-height:1.2;font-family:var(--font-greeting)!important}.dashboard-hero-section .search-container{width:100%;max-width:720px;margin:0}#panel-metrics{width:100%}#panel-server-infra{width:100%;margin-top:24px!important}@keyframes wireFlowPulse{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.wire-flow-anim{animation:1.2s linear infinite wireFlowPulse}.optivion-main-grid{grid-template-columns:290px 1.45fr 340px;align-items:stretch;gap:16px;width:100%;margin-bottom:24px;display:grid}.optivion-left-col,.optivion-center-col,.optivion-right-col{flex-direction:column;display:flex}@media (width<=1400px){.optivion-main-grid{grid-template-columns:280px 1fr}.optivion-right-col{grid-column:1/-1}}@media (width<=992px){.optivion-main-grid{grid-template-columns:1fr}}.dashboard-main-grid{grid-template-columns:1.25fr .95fr;align-items:start;gap:24px;width:100%;display:grid}@media (width<=1280px){.dashboard-main-grid{grid-template-columns:1fr}}.dashboard-left-col,.dashboard-right-col{flex-direction:column;gap:24px;display:flex}.dashboard-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#262321e0 0%,#181615f5 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0f,0 12px 36px -6px #000000a6}.dashboard-card:hover{border-color:#38bdf859;box-shadow:inset 0 1px 1px #ffffff1f,0 16px 40px -4px #000000bf,0 0 20px #38bdf81a}.dashboard-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.dashboard-header-title-box{align-items:center;gap:12px;display:flex}.dashboard-icon-badge{display:none!important}.dashboard-title-text{color:var(--text-white);letter-spacing:-.015em;font-size:16px;font-weight:600;font-family:var(--font-display)!important}.dashboard-subtitle-text{color:var(--text-muted);margin-top:2px;font-size:12px}.dashboard-badge-pill{display:none!important}.dashboard-header-action-btn{color:var(--amber-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.dashboard-header-action-btn:hover{color:#fff;background:#ff244226}.projects-summary-list{flex-direction:column;gap:14px;display:flex}.project-summary-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;flex-direction:column;gap:12px;padding:16px;display:flex}.project-summary-item:hover{border-color:var(--border-amber);background:#ffffff05;transform:translateY(-1px)}.project-summary-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-info-main{align-items:center;gap:12px;display:flex}.project-client-emblem{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.project-title{color:var(--text-white);font-size:14px;font-weight:600;line-height:1.3}.project-client-name{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.project-status-tag{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.4px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.project-status-tag.aktif{color:var(--color-success);background:#10b9811f;border:1px solid #10b9814d}.project-status-tag.planlama{color:var(--color-info);background:#3b82f61f;border:1px solid #3b82f64d}.project-status-tag.beklemede{color:var(--color-warning);background:#f59e0b1f;border:1px solid #f59e0b4d}.project-progress-wrap{flex-direction:column;gap:6px;display:flex}.project-progress-labels{color:var(--text-secondary);justify-content:space-between;font-size:11px;display:flex}.project-progress-bar-bg{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:6px;position:relative;overflow:hidden}.project-progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#ff2442 0%,#ff5978 100%);height:100%;transition:width .4s;box-shadow:0 0 12px #ff24428c}.project-meta-row{color:var(--text-muted);border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:2px;padding-top:8px;font-size:11px;display:flex}.project-meta-item{align-items:center;gap:5px;display:flex}.tasks-filter-tabs{background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;gap:6px;width:fit-content;margin-bottom:14px;padding:4px;display:flex}.tasks-filter-tab{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 12px;font-size:11px;font-weight:600}.tasks-filter-tab.active{background:var(--amber-primary);color:#fff;box-shadow:0 0 12px #ff244273}.priority-tasks-list{flex-direction:column;gap:10px;display:flex}.priority-task-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.priority-task-item:hover{background:#ffffff05;border-color:#ff244259}.priority-task-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.priority-bullet{border-radius:50%;flex-shrink:0;width:8px;height:8px}.priority-bullet.acil{background:#ef4444;animation:1.5s infinite pulseAmber;box-shadow:0 0 8px #ef4444}.priority-bullet.yuksek{background:#ff2442;box-shadow:0 0 8px #ff2442}.priority-bullet.orta{background:#3b82f6}.priority-bullet.dusuk{background:#94a3b8}.priority-task-details{flex-direction:column;gap:3px;min-width:0;display:flex}.priority-task-title{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.priority-task-sub{color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.priority-task-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.priority-assignee-avatar{border:1px solid var(--border-amber);object-fit:cover;border-radius:50%;width:26px;height:26px}.priority-action-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.priority-action-btn:hover{border-color:var(--amber-primary);color:var(--amber-primary);background:#ff24421f}.priority-action-btn.active-timer{color:#ef4444;background:#ef444426;border-color:#ef444466;animation:2s infinite pulseAmber}.work-hours-container{flex-direction:column;gap:16px;display:flex}.active-timer-box{border:1px solid var(--border-amber);border-radius:var(--radius-md);background:linear-gradient(135deg,#ff24421a 0%,#120e14f2 100%);flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 0 22px #ff244226}.timer-box-header{justify-content:space-between;align-items:center;display:flex}.timer-live-indicator{color:#ef4444;letter-spacing:.5px;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.timer-pulse-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s infinite pulseAmber;box-shadow:0 0 10px #ef4444}.timer-digits-display{font-family:var(--font-mono);color:var(--amber-primary);letter-spacing:1px;text-shadow:0 0 18px #ff244273;font-size:32px;font-weight:700;line-height:1}.timer-task-label{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.timer-stop-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ef4444;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.timer-stop-btn:hover{background:#dc2626;box-shadow:0 0 12px #ef444466}.timer-idle-box{background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.timer-idle-select{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-white);border-radius:var(--radius-sm);flex:1;padding:7px 10px;font-size:12px}.timer-start-btn{background:var(--amber-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;display:flex}.timer-start-btn:hover{background:var(--amber-hover);box-shadow:0 0 12px #ff244259}.team-hours-list{flex-direction:column;gap:10px;display:flex}.team-hour-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.team-hour-person{flex-shrink:0;align-items:center;gap:10px;width:140px;display:flex}.team-hour-avatar{object-fit:cover;border-radius:50%;width:26px;height:26px}.team-hour-name{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.team-hour-bar-wrap{flex:1;align-items:center;gap:10px;display:flex}.team-hour-bar-bg{border-radius:var(--radius-full);background:#ffffff0f;flex:1;height:6px;overflow:hidden}.team-hour-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.team-hour-val{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);text-align:right;flex-shrink:0;width:48px;font-weight:600}.client-retainers-list{flex-direction:column;gap:12px;display:flex}.client-retainer-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.client-retainer-item:hover{border-color:var(--border-amber);background:#ffffff05}.client-retainer-item.exceeded{background:#ef444408;border-color:#ef444466}.client-retainer-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.client-retainer-company{color:var(--text-white);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.client-retainer-pkg{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;padding:2px 7px;font-size:10px}.client-quota-bar-bg{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:6px;overflow:hidden}.client-quota-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.client-quota-bar-fill.safe{background:#10b981}.client-quota-bar-fill.warn{background:#f59e0b}.client-quota-bar-fill.danger{background:#ef4444;box-shadow:0 0 8px #ef444480}.client-quota-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.personal-todo-card{position:relative}.personal-todo-icon-badge{background:#f59e0b1f;border:1px solid #f59e0b40}.personal-todo-stats-pill{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;padding:4px 10px;font-size:11px;font-weight:600}.personal-todo-add-box{margin-bottom:16px}.personal-todo-input-row{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal);background:#ffffff08;align-items:center;gap:8px;padding:6px 10px;display:flex}.personal-todo-input-row:focus-within{border-color:var(--amber-primary);background:#ffffff0d;box-shadow:0 0 12px #f59e0b26}.personal-todo-input{color:var(--text-white);background:0 0;border:none;outline:none;flex:1;padding:4px 6px;font-size:13px}.personal-todo-input::placeholder{color:var(--text-muted)}.personal-todo-select-project,.personal-todo-select-priority{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;max-width:140px;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;outline:none;padding:5px 8px;font-size:11px}.personal-todo-select-project:hover,.personal-todo-select-priority:hover{color:var(--text-white);background:#ffffff1a}.personal-todo-select-project option,.personal-todo-select-priority option{color:#fff;background:#18181b}.personal-todo-add-btn{background:var(--amber-primary);color:#000;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.personal-todo-add-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 2px 10px #f59e0b4d}.personal-todo-add-btn:disabled{opacity:.4;cursor:not-allowed}.personal-todo-filter-tabs{margin-bottom:12px}.personal-todo-list-container{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.personal-todo-list-container::-webkit-scrollbar{width:4px}.personal-todo-list-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.personal-todo-item{border-radius:var(--radius-md);transition:all var(--transition-normal);background:#ffffff05;border:1px solid #ffffff0d;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.personal-todo-item:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translate(2px)}.personal-todo-item.completed{opacity:.55;background:#ffffff03}.personal-todo-item.completed .personal-todo-text{color:var(--text-muted);text-decoration:line-through}.personal-todo-checkbox-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:2px;padding:0;display:flex}.todo-check-icon.unchecked{color:var(--text-muted);transition:color var(--transition-fast)}.personal-todo-checkbox-btn:hover .todo-check-icon.unchecked{color:var(--amber-primary)}.todo-check-icon.checked{color:#10b981}.personal-todo-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.personal-todo-text-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.personal-todo-text{color:var(--text-white);word-break:break-word;font-size:13px;font-weight:500;line-height:1.4}.personal-todo-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;font-size:10px;font-weight:600}.todo-badge-urgent{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.todo-badge-high{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.todo-badge-med{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.todo-badge-low{color:#9ca3af;background:#9ca3af26;border:1px solid #9ca3af4d}.personal-todo-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.personal-todo-date{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.personal-todo-link-tag{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:inline-flex}.personal-todo-link-tag.project-tag{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840}.personal-todo-link-tag.project-tag:hover{background:#38bdf833;border-color:#38bdf866}.personal-todo-link-tag.task-tag{color:#c084fc;background:#a855f71a;border:1px solid #a855f740}.personal-todo-link-tag.task-tag:hover{background:#a855f733;border-color:#a855f766}.tag-arrow{opacity:.6}.personal-todo-connect-link-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px dashed #ffffff26;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.personal-todo-connect-link-btn:hover{color:var(--amber-primary);border-color:var(--amber-primary);background:#f59e0b14}.personal-todo-actions{opacity:.4;transition:opacity var(--transition-fast);align-items:center;gap:4px;display:flex}.personal-todo-item:hover .personal-todo-actions{opacity:1}.personal-todo-action-icon-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.personal-todo-action-icon-btn:hover{color:var(--text-white);background:#ffffff14}.personal-todo-action-icon-btn.convert-btn:hover{color:var(--amber-primary);background:#f59e0b1f}.personal-todo-action-icon-btn.unlink-btn:hover,.personal-todo-action-icon-btn.delete-btn:hover{color:#ef4444;background:#ef44441f}.personal-todo-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.personal-todo-empty-icon{color:var(--amber-primary);opacity:.5;margin-bottom:8px}.personal-todo-empty-title{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500}.personal-todo-empty-subtitle{max-width:320px;font-size:11px}.personal-todo-preview-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;margin-bottom:16px;padding:12px}.personal-todo-preview-card .preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.personal-todo-preview-card .preview-text{color:var(--text-white);margin:4px 0 0;font-size:14px;font-weight:600}.personal-todo-preview-card .preview-current-link{color:#38bdf8;border-top:1px dashed #ffffff14;margin-top:8px;padding-top:8px;font-size:12px}.personal-todo-modal-tabs{border-bottom:1px solid var(--border-subtle);gap:8px;margin-bottom:18px;padding-bottom:10px;display:flex}.personal-todo-modal-tabs .modal-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.personal-todo-modal-tabs .modal-tab-btn.active{color:var(--amber-primary);background:#f59e0b1f;border-color:#f59e0b4d;font-weight:600}.personal-todo-convert-info-box{border-radius:var(--radius-sm);color:var(--text-secondary);background:#f59e0b14;border:1px solid #f59e0b33;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}.projects-container{flex-direction:column;gap:22px;width:100%;display:flex}.projects-kpi-bar{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}@media (width<=1100px){.projects-kpi-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects-kpi-bar{grid-template-columns:1fr}}.project-kpi-card{background:linear-gradient(#201d1bf2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:18px;align-items:center;gap:14px;padding:16px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 12px 30px #0006,inset 0 1px 1px #ffffff0f}.project-kpi-card:hover{border-color:#ffffff59 #ffffff2e #ffffff2e;transform:translateY(-2px);box-shadow:0 16px 40px #0000008c,inset 0 1px 1px #ffffff1a}.project-kpi-icon-box{border-radius:var(--radius-md);border:1px solid var(--border-amber);width:42px;height:42px;color:var(--amber-primary);background:#ff24421f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-kpi-content{flex-direction:column;gap:2px;display:flex}.project-kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.project-kpi-value{color:var(--text-white);letter-spacing:-.3px;font-size:22px;font-weight:700}.projects-filter-bar{background:linear-gradient(#1c1a18f2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex;box-shadow:0 10px 28px #00000059,inset 0 1px 1px #ffffff0f}.projects-filter-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.projects-filter-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.projects-search-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);flex:1;align-items:center;gap:10px;min-width:240px;max-width:340px;padding:7px 16px;display:flex}.projects-search-input{color:var(--text-white);background:0 0;border:none;outline:none;width:100%;font-size:13px}.projects-search-input::placeholder{color:var(--text-muted)}.projects-status-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projects-sort-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:8px;padding:4px 10px;display:flex}.projects-sort-select{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;padding:4px 0;font-size:12px;font-weight:500}.projects-sort-select option{background:var(--bg-card);color:var(--text-white)}.projects-view-toggle-group{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:3px;padding:3px;display:inline-flex}.projects-view-toggle-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.projects-view-toggle-btn:hover{color:var(--text-white);background:#ffffff0d}.projects-view-toggle-btn.active{border-color:var(--border-amber);color:var(--amber-primary);background:#ff244229;box-shadow:0 0 10px #ff244240}.projects-cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;width:100%;display:grid}@media (width<=768px){.projects-cards-grid{grid-template-columns:1fr}}.project-grid-card{cursor:pointer;background:linear-gradient(#1e1c1af2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;justify-content:space-between;gap:16px;padding:22px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000073,inset 0 1px 1px #ffffff0f}.project-grid-card:hover{border-color:#ffffff59 #ffffff2e #ffffff2e;transform:translateY(-2px);box-shadow:0 18px 45px #0009,inset 0 1px 1px #ffffff1a}.project-grid-card:hover:before{opacity:1}.project-grid-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-grid-identity{align-items:center;gap:12px;display:flex}.project-grid-titles{flex-direction:column;gap:3px;display:flex}.project-grid-client-name{color:var(--amber-primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.project-grid-name{color:var(--text-white);font-size:16px;font-weight:700;line-height:1.3}.project-grid-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.project-grid-phases-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.project-grid-phases-label{color:var(--text-muted);letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.project-grid-phases-list{align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.phase-step-chip.compact{gap:5px;padding:3px 8px;font-size:10px}.phase-chip-title{white-space:nowrap;text-overflow:ellipsis;max-width:90px;overflow:hidden}.project-grid-meta-grid{border-top:1px solid #ffffff0d;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:12px;display:grid}.project-grid-meta-item{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0a;align-items:center;gap:8px;padding:8px 10px;display:flex}.project-grid-meta-item .meta-item-content{flex-direction:column;gap:2px;display:flex;overflow:hidden}.project-grid-meta-item .meta-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:700}.project-grid-meta-item .meta-val{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.project-grid-meta-item .meta-val.danger{color:var(--color-danger);font-weight:700}.project-manage-btn.full-width{justify-content:center;width:100%;padding:9px 16px;font-size:12px}.projects-table-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;overflow-x:auto;box-shadow:0 4px 20px #0006}.projects-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:820px}.projects-data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-subtle);background:#ffffff05;padding:14px 18px;font-size:11px;font-weight:700}.projects-data-table th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.projects-data-table th.sortable-th:hover{color:var(--amber-primary)}.projects-data-table .th-flex{align-items:center;gap:6px;display:flex}.projects-data-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 18px;font-size:13px}.projects-table-row{transition:all var(--transition-fast);cursor:pointer}.projects-table-row:hover{background:#ff24420f}.projects-table-row:hover td{color:var(--text-white)}.projects-table-row:last-child td{border-bottom:none}.table-project-cell{align-items:center;gap:12px;display:flex}.table-client-avatar{border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.table-project-names{flex-direction:column;gap:2px;display:flex}.table-project-title{color:var(--text-white);font-size:13px;font-weight:700}.table-client-company{color:var(--amber-primary);font-size:11px;font-weight:600}.table-phase-cell{align-items:center;gap:8px;display:flex}.table-phase-dots{align-items:center;gap:4px;display:flex}.phase-dot{background:#ffffff26;border-radius:50%;width:8px;height:8px}.phase-dot.tamamlandi{background:var(--color-success)}.phase-dot.devam_ediyor{background:var(--amber-primary);box-shadow:0 0 6px var(--amber-primary)}.table-phase-text{color:var(--text-muted);font-size:11px}.table-tasks-text{color:var(--text-white);font-size:12px;font-weight:600}.table-progress-cell{align-items:center;gap:10px;min-width:120px;display:flex}.table-progress-bar-bg{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.table-progress-bar-fill{background:linear-gradient(90deg,#ff2442,#ff5978);border-radius:3px;height:100%;box-shadow:0 0 6px #ff244280}.table-progress-percent{color:var(--amber-primary);min-width:32px;font-size:12px;font-weight:700}.table-budget-val{color:var(--text-white);font-weight:700}.table-deadline-cell{flex-direction:column;gap:2px;display:flex}.table-deadline-date{color:var(--text-white);font-size:12px}.table-deadline-date.danger{color:var(--color-danger);font-weight:700}.table-deadline-badge{color:var(--text-muted);font-size:10px}.table-deadline-badge.danger{color:var(--color-danger);font-weight:600}.table-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-amber);color:var(--amber-primary);cursor:pointer;transition:all var(--transition-fast);background:#ff24421f;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.table-action-btn:hover{background:var(--amber-primary);color:#fff;box-shadow:0 0 10px #ff244280}.projects-list-grid{flex-direction:column;gap:16px;width:100%;display:flex}.project-master-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;gap:16px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.project-master-card:hover{border-color:var(--border-amber);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 30px #00000080,0 0 16px #ff244226}.project-card-top-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-card-identity{align-items:center;gap:14px;display:flex}.project-client-badge-icon{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.project-card-titles{flex-direction:column;gap:4px;display:flex}.project-card-name{color:var(--text-white);font-size:16px;font-weight:700;line-height:1.3}.project-card-client-tag{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.project-card-action-side{flex-shrink:0;align-items:center;gap:12px;display:flex}.project-status-pill{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.5px;padding:3px 10px;font-size:11px;font-weight:600}.project-status-pill.aktif{color:var(--color-success);background:#10b98126;border:1px solid #10b9814d}.project-status-pill.planlama{color:var(--color-info);background:#3b82f626;border:1px solid #3b82f64d}.project-status-pill.tamamlandi{color:var(--color-success);background:#10b98133;border:1px solid #10b98166}.project-manage-btn{border:1px solid var(--border-amber);color:var(--amber-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ff244224;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.project-manage-btn:hover{background:var(--amber-primary);color:#fff;box-shadow:0 0 12px #ff244273}.project-phases-pipeline{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 14px;display:flex;overflow-x:auto}.phase-step-chip{border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.phase-step-chip.completed{color:var(--color-success);background:#10b9811a;border-color:#10b9814d}.phase-step-chip.active{border-color:var(--border-amber);color:var(--amber-primary);background:#ff244229;box-shadow:0 0 10px #ff244240}.phase-step-chip.planned{opacity:.6}.phase-step-arrow{color:var(--text-muted);flex-shrink:0}.project-card-bottom-row{color:var(--text-muted);border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;font-size:12px;display:flex}.project-meta-pill{align-items:center;gap:6px;display:flex}.workspace-container{flex-direction:column;gap:20px;width:100%;display:flex}.workspace-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace-back-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.workspace-back-btn:hover{border-color:var(--amber-primary);color:#fff;background:#ff244226}.workspace-hero-banner{border:1px solid var(--border-amber);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff244214 0%,#0f131df2 100%);flex-direction:column;gap:18px;padding:22px 26px;display:flex;box-shadow:0 0 25px #ff24421f}.workspace-hero-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.workspace-hero-title{color:var(--text-white);letter-spacing:-.4px;font-size:22px;font-weight:700}.workspace-hero-sub{color:var(--text-muted);align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}.workspace-hero-metrics{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:24px;padding-top:14px;display:flex}.workspace-hero-metric-item{flex-direction:column;gap:2px;display:flex}.workspace-metric-lbl{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.workspace-metric-val{color:var(--text-white);font-size:15px;font-weight:700}.workspace-phases-section{flex-direction:column;gap:14px;display:flex}.workspace-phases-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-phases-track{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;width:100%;display:grid}.workspace-phase-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.workspace-phase-card:hover{background:var(--bg-card-hover);border-color:#ff244273}.workspace-phase-card.selected{border-color:var(--amber-primary);background:#ff24421a;box-shadow:0 0 16px #ff244240}.workspace-phase-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.workspace-phase-title{color:var(--text-white);font-size:13px;font-weight:700}.workspace-phase-status-tag{border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:600}.workspace-phase-status-tag.tamamlandi{color:var(--color-success);background:#10b98126}.workspace-phase-status-tag.devam_ediyor{color:var(--amber-primary);background:#ff244229}.workspace-phase-status-tag.planlandi{color:var(--color-info);background:#3b82f626}.workspace-phase-dates{color:var(--text-muted);font-size:11px}.workspace-tasks-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.workspace-view-switcher{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px;display:flex}.workspace-view-btn{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:flex}.workspace-view-btn.active{background:var(--amber-primary);color:#fff;box-shadow:0 0 12px #ff244273}.project-crm-top-kpis{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;display:grid}@media (width<=1200px){.project-crm-top-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.project-crm-top-kpis{grid-template-columns:1fr}}.project-crm-kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:12px;padding:14px 16px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-crm-kpi-card:before{content:"";opacity:.25;pointer-events:none;background:linear-gradient(90deg,#0000 5%,currentColor 50%,#0000 95%);height:2px;position:absolute;top:0;left:0;right:0}.project-crm-kpi-card:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 28px #0000008c,0 0 20px #ff244233}.project-crm-kpi-icon{border-radius:var(--radius-md);border:1px solid var(--border-amber);width:38px;height:38px;color:var(--amber-primary);background:#ff24421f;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.project-crm-kpi-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.project-crm-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.project-crm-kpi-val{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.project-crm-kpi-sub{color:var(--text-secondary);font-size:11px}.project-crm-layout{grid-template-columns:minmax(0,1.85fr) minmax(360px,1.15fr);align-items:start;gap:20px;width:100%;display:grid}@media (width<=1150px){.project-crm-layout{grid-template-columns:1fr}}.project-crm-main-column,.project-crm-sidebar-column{flex-direction:column;gap:18px;min-width:0;display:flex}.project-crm-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.project-crm-card:hover{border-color:#ff244240}.project-crm-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.project-crm-card-title-box{align-items:center;gap:10px;display:flex}.project-crm-card-title{color:var(--text-white);letter-spacing:-.015em;margin:0;font-size:15px;font-weight:600;font-family:var(--font-display)!important}.project-crm-card-subtitle{color:var(--text-muted);font-size:11px}.project-detail-hero{border-radius:var(--radius-xl);background:linear-gradient(135deg,#ff244217 0%,#14141cf2 45%,#0c0c12fa 100%);border:1px solid #ff244240;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000080,0 0 25px #ff24421a}.project-detail-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff244229 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.project-hero-left{flex:1;align-items:center;gap:18px;min-width:320px;display:flex}.project-hero-avatar{border-radius:var(--radius-lg);border:1.5px solid var(--border-amber);background:#ff244226;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex;box-shadow:0 0 20px #ff24424d}.project-hero-titles{flex-direction:column;gap:5px;display:flex}.project-hero-badges-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-hero-name{color:#fff;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800;line-height:1.25}.project-hero-desc{color:var(--text-secondary);max-width:680px;margin:0;font-size:12px;line-height:1.5}.project-hero-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.project-hero-stat-card{border-radius:var(--radius-md);background:#00000073;border:1px solid #ffffff14;flex-direction:column;gap:3px;min-width:120px;padding:10px 16px;display:flex}.project-hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.project-hero-stat-val{color:#fff;font-size:16px;font-weight:800}.phase-pipeline-track{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex;position:relative;overflow-x:auto}.pipeline-step-node{cursor:pointer;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;flex:1;align-items:center;gap:12px;min-width:175px;padding:10px 14px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.pipeline-step-node:hover{filter:brightness(1.12);transform:translateY(-2px)}.pipeline-node-disc{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.pipeline-node-disc.completed{color:#10b981;background:#10b9812e;border:1.5px solid #10b981;box-shadow:0 0 12px #10b9814d}.pipeline-node-disc.devam_ediyor{color:#ff2442;background:#ff244233;border:1.5px solid #ff2442;box-shadow:0 0 14px #ff244273}.pipeline-node-disc.planlandi{color:var(--text-muted);background:#ffffff0d;border:1.5px solid #ffffff26}.pipeline-node-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pipeline-node-title{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.pipeline-node-sub{color:var(--text-muted);font-size:11px}.project-deep-phase-card{border-radius:var(--radius-lg);background:#12151e8c;border:1px solid #ffffff0f;transition:all .2s;position:relative;overflow:hidden}.project-deep-phase-card.phase-status-tamamlandi{border-left:3px solid #10b981}.project-deep-phase-card.phase-status-devam_ediyor{border-color:#ffffff1a;border-left-style:solid;border-left-width:3px;box-shadow:0 4px 20px #00000040}.project-deep-phase-card.phase-status-planlandi{border-left:3px solid #ffffff26}.project-deep-phase-card:hover{border-color:#ffffff1f}.deep-phase-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff04;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;transition:all .2s;display:flex}.deep-phase-header:hover{background:#ffffff08}.deep-phase-identity{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.deep-phase-badge{border-radius:var(--radius-sm);color:var(--text-secondary);letter-spacing:.5px;background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.deep-phase-badge.completed{color:var(--color-success);background:#10b98126;border-color:#10b98140}.deep-phase-title-group{flex-direction:column;gap:3px;min-width:0;display:flex}.deep-phase-title{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.5px;margin:0;font-size:16px;font-weight:600;overflow:hidden;font-family:var(--font-display)!important}.deep-phase-dates{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:flex}.deep-phase-meta-side{flex-shrink:0;align-items:center;gap:14px;display:flex}.phase-split-grid{background:#ffffff03;border-bottom:1px solid #ffffff0d;grid-template-columns:1.2fr 1fr;gap:24px;padding:18px 24px;display:grid}@media (width<=900px){.phase-split-grid{grid-template-columns:1fr}}.phase-scope-card,.phase-criteria-card{background:0 0;border:none;flex-direction:column;gap:8px;padding:0;display:flex}.phase-card-box-header{text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.phase-tasks-container{flex-direction:column;gap:6px;padding:8px 20px 16px;display:flex}.phase-task-row{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.phase-task-row:hover{background:#ffffff0d;border-color:#ff244240;transform:translate(3px)}.phase-task-row.is-done{opacity:.65}.phase-inline-add-task-bar{border:1px dashed var(--border-subtle);border-radius:var(--radius-md);background:#00000040;align-items:center;gap:8px;margin-top:4px;padding:10px 14px;display:flex}.phase-criterion-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);align-items:center;gap:8px;font-size:12px;display:flex}.phase-criterion-item:hover{color:var(--text-white)}.phase-criterion-item.done{color:var(--text-muted);text-decoration:line-through}.phase-criterion-checkbox{border:1px solid var(--border-subtle);width:15px;height:15px;transition:all var(--transition-fast);background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.phase-criterion-item.done .phase-criterion-checkbox{background:var(--color-success);border-color:var(--color-success);color:#fff}.client-crm-profile-top{align-items:center;gap:12px;display:flex}.client-crm-avatar{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.client-crm-names{flex-direction:column;gap:2px;min-width:0;display:flex}.client-crm-company{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.client-crm-contact-person{color:var(--amber-primary);font-size:12px;font-weight:600}.client-crm-contact-grid{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 12px;display:grid}.client-crm-contact-item{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:11px;text-decoration:none;display:flex;overflow:hidden}.client-crm-contact-item:hover{color:var(--amber-primary)}.client-crm-retainer-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.client-crm-retainer-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.project-journal-feed{flex-direction:column;gap:12px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.journal-note-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative}.journal-note-item:hover{background:#ffffff08;border-color:#ff244259}.journal-note-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.journal-category-pill{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.4px;padding:2px 7px;font-size:10px;font-weight:700}.journal-category-pill.karar{color:var(--color-info);background:#3b82f626;border:1px solid #3b82f64d}.journal-category-pill.toplanti{color:var(--color-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.journal-category-pill.teknik{color:var(--amber-primary);border:1px solid var(--border-amber);background:#ff244226}.journal-category-pill.revize{color:var(--color-danger);background:#ef444426;border:1px solid #ef44444d}.journal-category-pill.onay{color:var(--color-success);background:#10b98126;border:1px solid #10b9814d}.journal-note-time{color:var(--text-muted);font-size:10px}.journal-note-title{color:var(--text-white);margin:0;font-size:12px;font-weight:700}.journal-note-content{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.journal-note-footer{color:var(--text-muted);border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:8px;font-size:10px;display:flex}.journal-note-author{align-items:center;gap:6px;display:flex}.journal-author-avatar{object-fit:cover;border-radius:50%;width:18px;height:18px}.journal-add-form{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.journal-add-top-row{align-items:center;gap:8px;display:flex}.journal-category-select{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-white);outline:none;padding:5px 8px;font-size:11px;font-weight:600}.journal-add-title-input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-white);outline:none;flex:1;padding:5px 10px;font-size:12px}.journal-add-textarea{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-white);resize:vertical;outline:none;min-height:60px;padding:8px 10px;font-family:inherit;font-size:12px}.journal-add-submit-btn{background:var(--amber-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-self:flex-end;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.journal-add-submit-btn:hover{box-shadow:0 0 12px #ff244273}.project-assets-grid{grid-template-columns:1fr;gap:8px;display:grid}.project-asset-tile{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-white);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:9px 12px;text-decoration:none;display:flex}.project-asset-tile:hover{border-color:var(--border-amber);background:#ff244214;transform:translate(2px)}.project-asset-identity{align-items:center;gap:10px;display:flex}.project-asset-icon{color:var(--amber-primary);flex-shrink:0}.project-asset-name{font-size:12px;font-weight:600}.project-asset-desc{color:var(--text-muted);font-size:10px}.project-asset-badge{border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0d;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:flex}.project-activity-feed{flex-direction:column;gap:10px;max-height:280px;display:flex;overflow-y:auto}.project-activity-item{color:var(--text-secondary);border-bottom:1px solid #ffffff08;align-items:flex-start;gap:10px;padding-bottom:8px;font-size:12px;display:flex}.project-activity-dot{background:var(--amber-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px;box-shadow:0 0 6px #ff244280}.project-activity-content{flex-direction:column;gap:2px;display:flex}.project-activity-text{color:var(--text-white);font-size:11px}.project-activity-time{color:var(--text-muted);font-size:10px}.projects-category-scroll-bar{scrollbar-width:thin;align-items:center;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.projects-category-scroll-bar::-webkit-scrollbar{height:4px}.projects-category-scroll-bar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.category-filter-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.category-filter-chip:hover{color:var(--text-white);background:#ffffff14;border-color:#ff24424d}.category-filter-chip.active{color:#ff4d64;background:#ff244226;border-color:#ff244280;font-weight:600;box-shadow:0 0 12px #ff244240}.projects-scope-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=768px){.projects-scope-filter-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.projects-scope-filter-bar::-webkit-scrollbar{display:none!important}.scope-pill-btn{white-space:nowrap!important;flex-shrink:0!important}}.scope-pill-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.scope-pill-btn:hover{color:var(--text-white);border-color:#fff3}.scope-pill-btn.active{border-color:var(--amber-primary);color:var(--amber-primary);background:#ff24421f;font-weight:600}.cat-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.cat-badge.cat-web{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d}.cat-badge.cat-mobile{color:#818cf8;background:#818cf81f;border:1px solid #818cf84d}.cat-badge.cat-commerce{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}.cat-badge.cat-social{color:#f472b6;background:#f472b61f;border:1px solid #f472b64d}.cat-badge.cat-graphic{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c4d}.cat-badge.cat-sys-install{color:#facc15;background:#facc151f;border:1px solid #facc154d}.cat-badge.cat-email{color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa4d}.cat-badge.cat-sys-mgmt{color:#4ade80;background:#4ade801f;border:1px solid #4ade804d}.cat-badge.cat-action{color:#f87171;background:#f871711f;border:1px solid #f871714d}.cat-badge.cat-workflow{color:#2dd4bf;background:#2dd4bf1f;border:1px solid #2dd4bf4d}.nature-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.nature-badge.gelistirme{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.nature-badge.is_takibi{color:#5eead4;background:#2dd4bf26;border:1px solid #2dd4bf4d}.nature-badge.aksiyon{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.nature-badge.hibrit{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.project-badge-internal{color:#ff4d64;background:#ff24421f;border:1px solid #ff24424d;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.project-badge-subproject{color:#c084fc;background:#a855f71f;border:1px solid #a855f74d;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.project-badge-outsource{color:#facc15;background:#eab3081f;border:1px solid #eab3084d;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.workspace-subprojects-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:14px;padding:18px;display:flex}.workspace-subprojects-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.subprojects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.subproject-card{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s;display:flex}.subproject-card:hover{background:#ff24420d;border-color:#ff24424d;transform:translateY(-2px)}.subproject-card-title{color:var(--text-white);letter-spacing:-.015em;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex;font-family:var(--font-display)!important}.outsource-card-widget{border-radius:var(--radius-md);background:#eab3080a;border:1px solid #eab30833;flex-direction:column;gap:10px;padding:16px;display:flex}.outsource-card-header{color:#facc15;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.outsource-vendor-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.outsource-cost-value{color:#facc15;font-size:14px;font-weight:700}.infra-header-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px;display:grid}.infra-stat-card{background:linear-gradient(#201d1bf2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:18px;align-items:center;gap:14px;padding:16px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 12px 30px #0006,inset 0 1px 1px #ffffff0f}.infra-stat-card:hover{border-color:#ffffff59 #ffffff2e #ffffff2e;transform:translateY(-2px);box-shadow:0 16px 40px #0000008c,inset 0 1px 1px #ffffff1a}.infra-stat-icon{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.infra-stat-info{flex-direction:column;display:flex}.infra-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.infra-stat-val{color:#fff;font-size:20px;font-weight:800;line-height:1.2;font-family:var(--font-display)}.infra-stat-sub{color:var(--text-secondary);margin-top:2px;font-size:11px}.provider-badge{border-radius:var(--radius-full);letter-spacing:.2px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.provider-badge.hostinger{color:#a78bfa;background:#8b5cf629;border:1px solid #8b5cf659}.provider-badge.natro{color:#38bdf8;background:#0ea5e929;border:1px solid #0ea5e959}.provider-badge.hosting_com_tr{color:#fb923c;background:#f9731629;border:1px solid #f9731659}.provider-badge.metunic{color:#34d399;background:#10b98129;border:1px solid #10b98159}.provider-badge.cpanel_plesk{color:#f472b6;background:#ec489929;border:1px solid #ec489959}.infra-filter-bar{background:linear-gradient(#1c1a18f2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 18px;display:flex;box-shadow:0 10px 28px #00000059,inset 0 1px 1px #ffffff0f}.infra-provider-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.infra-provider-pill{border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.infra-provider-pill:hover{color:#fff;border-color:#ffffff38}.infra-provider-pill.active{color:#f59e0b;background:#f59e0b29;border-color:#f59e0b8c;box-shadow:0 0 14px #f59e0b38}.infra-cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;display:grid}.infra-card{background:linear-gradient(#1e1c1af2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000073,inset 0 1px 1px #ffffff0f}.infra-card:hover{border-color:#ffffff59 #ffffff2e #ffffff2e;transform:translateY(-2px);box-shadow:0 18px 45px #0009,inset 0 1px 1px #ffffff1a}.infra-card.critical{background:linear-gradient(#ef444414 0%,#141312fa 60%);border-color:#ef4444b3 #ef444480 #ef444480}.infra-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.infra-domain-title{color:#fff;letter-spacing:-.2px;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.infra-domain-title:hover{color:var(--amber-primary)}.infra-client-sub{color:var(--text-muted);margin-top:3px;font-size:11px}.infra-details-grid{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;grid-template-columns:1fr 1fr;gap:10px;padding:10px 14px;display:grid}.infra-detail-item{flex-direction:column;gap:2px;display:flex}.infra-detail-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.infra-detail-value{color:#fff;font-size:12px;font-weight:700}.infra-ns-list{flex-wrap:wrap;gap:5px;display:flex}.infra-ns-tag{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff0f;padding:2px 7px}.whois-ns-item{font-family:var(--font-mono);color:#93c5fd;border-radius:var(--radius-sm);background:#3b82f61a;border:1px solid #3b82f633;padding:4px 8px;font-size:11px}.infra-hw-meters{flex-direction:column;gap:8px;display:flex}.infra-hw-row{flex-direction:column;gap:3px;display:flex}.infra-hw-labels{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.infra-hw-bar-bg{border-radius:var(--radius-full);background:#ffffff0f;height:6px;overflow:hidden}.infra-hw-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.infra-ports-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.infra-port-chip{border-radius:var(--radius-sm);color:var(--color-success);background:#10b9811f;border:1px solid #10b98140;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.whois-inspector-box{background:linear-gradient(#1e1c1af2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 14px 34px #00000073,inset 0 1px 1px #ffffff0f}.whois-input-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.whois-search-input{color:#fff;background:#0e0d0cd9;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;min-width:260px;padding:12px 16px;font-size:14px;transition:all .2s}.whois-search-input:focus{border-color:#f59e0b99;box-shadow:0 0 15px #f59e0b33}.whois-results-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.whois-result-card{background:#121110b3;border:1px solid #ffffff14;border-top-color:#ffffff24;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 8px 20px #00000059}.whois-result-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding-bottom:10px;display:flex}.whois-result-title{color:#fff;margin:0;font-size:13px;font-weight:700}.whois-terminal-output{font-family:var(--font-mono);color:#cbd5e1;background:#0d0c0b;border:1px solid #ffffff1f;border-top-color:#ffffff3d;border-radius:14px;max-height:340px;padding:16px 18px;font-size:12px;line-height:1.65;overflow-y:auto;box-shadow:inset 0 2px 10px #000000b3,0 8px 24px #0006}.batch-import-box{background:linear-gradient(#1e1c1af2 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:0 14px 34px #00000073,inset 0 1px 1px #ffffff0f}.batch-textarea{width:100%;min-height:160px;font-family:var(--font-mono);color:#fff;resize:vertical;background:#0e0d0cd9;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px;font-size:13px;transition:border-color .2s}.batch-textarea:focus{border-color:#f59e0b99;box-shadow:0 0 15px #f59e0b33}.provider-guide-card{background:linear-gradient(#1c1a18f2 0%,#121110fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 12px 30px #0006,inset 0 1px 1px #ffffff0f}.provider-guide-steps{color:var(--text-secondary);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:13px;display:flex}.server-infra-widget{background:linear-gradient(#201d1bf5 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;padding:16px 20px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000073,inset 0 1px 1px #ffffff0f}.server-infra-row1{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.server-infra-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.server-infra-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.server-infra-right{align-items:center;gap:8px;display:flex}.server-infra-row2{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;display:flex}.server-infra-gauges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=768px){.server-infra-widget{padding:12px 14px!important}.server-infra-row1{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.server-infra-left{justify-content:space-between!important}.server-infra-pills{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;justify-content:flex-start!important;width:100%!important;padding-bottom:2px!important;overflow-x:auto!important}.server-infra-pills::-webkit-scrollbar{display:none!important}.server-infra-pills>div,.server-infra-pills>button{white-space:nowrap!important;flex-shrink:0!important}.server-infra-right{justify-content:space-between!important;gap:6px!important;width:100%!important}.server-infra-right>a{flex:1!important;justify-content:center!important;padding:7px 10px!important}.server-infra-gauges{grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;display:grid!important}.server-infra-gauges>div{box-sizing:border-box!important;justify-content:space-between!important;width:100%!important}}.pwa-install-banner{z-index:1000;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-full);background:#0e121cf2;border:1px solid #ff244266;width:calc(100% - 24px);max-width:480px;padding:8px 14px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #000000bf,0 0 20px #ff244240}.pwa-banner-content{justify-content:space-between;align-items:center;gap:10px;display:flex}.pwa-banner-icon{background:#ff244226;border:1px solid #ff24424d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pwa-banner-text{flex:1;min-width:0}.pwa-banner-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.pwa-banner-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pwa-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pwa-btn-install{border-radius:var(--radius-full);background:var(--amber-gradient);color:#fff;cursor:pointer;border:none;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 12px #ff244266}.pwa-btn-install:active{transform:scale(.96)}.pwa-btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex}.pwa-btn-close:hover{color:#fff}.pwa-step-num{background:var(--amber-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.pwa-ios-modal{border-radius:24px;max-width:420px}.mobile-header-bar,.mobile-bottom-bar{display:none}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000000b8;justify-content:flex-start;align-items:stretch;animation:.2s cubic-bezier(.16,1,.3,1) mobileFadeIn;display:flex;position:fixed;inset:0}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}.mobile-left-nav-drawer{will-change:transform;background:linear-gradient(#2d2724 0%,#1f1b19 45%,#151312 100%);border-top:1px solid #f59e0b59;border-right:1px solid #ffffff1f;flex-direction:column;width:320px;max-width:86vw;height:100dvh;animation:.28s cubic-bezier(.16,1,.3,1) mobileSlideFromLeft;display:flex;overflow:hidden;box-shadow:16px 0 48px #000000e6,0 0 30px #f59e0b14}@keyframes mobileSlideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-top-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.mobile-drawer-brand{align-items:center;gap:8px;display:flex}.mobile-drawer-badge{letter-spacing:.08em;color:#000;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:6px;padding:1.5px 6px;font-size:10px;font-weight:800}.mobile-drawer-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.mobile-drawer-close-btn:active{color:#ef4444;background:#ef444433;transform:scale(.95)}.mobile-drawer-user-card{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 18px;display:flex}.mobile-user-avatar-wrap{background:#f59e0b29;border:1px solid #f59e0b59;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.mobile-avatar-char{font-size:17px}.mobile-user-online-dot{background:#10b981;border:2px solid #1a1715;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.mobile-user-details{flex:1;min-width:0}.mobile-user-fullname{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.mobile-user-role-label{color:#a8a29e;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mobile-drawer-nav-body{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:16px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.mobile-drawer-nav-section{flex-direction:column;gap:6px;display:flex}.mobile-drawer-section-heading{text-transform:uppercase;letter-spacing:.08em;color:#78716c;margin-bottom:2px;padding:0 6px;font-size:10.5px;font-weight:700}.mobile-drawer-nav-list{flex-direction:column;gap:4px;display:flex}.mobile-left-nav-item{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;width:100%;padding:9px 12px;transition:all .15s;display:flex}.mobile-left-nav-item:active{transform:scale(.98)}.mobile-left-nav-item.active{background:linear-gradient(135deg,#f59e0b29 0%,#d977061a 100%);border:1px solid #f59e0b66;box-shadow:inset 0 1px 1px #ffffff26,0 4px 14px #0006}.mobile-nav-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.mobile-nav-item-content{flex:1;min-width:0}.mobile-nav-item-title{color:#e7e5e4;font-size:13px;font-weight:600;line-height:1.25}.mobile-left-nav-item.active .mobile-nav-item-title{color:#fff;font-weight:700}.mobile-nav-item-subtitle{color:#78716c;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.mobile-nav-item-arrow{flex-shrink:0;transition:transform .15s}.mobile-left-nav-item:active .mobile-nav-item-arrow{transform:translate(2px)}.mobile-drawer-bottom-footer{background:#00000059;border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.mobile-drawer-logout-action{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444447;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.mobile-drawer-logout-action:active{background:#ef444438;transform:scale(.98)}.mobile-drawer-infra-status{color:#78716c;font-size:10.5px;font-family:var(--font-mono);justify-content:center;align-items:center;gap:6px;display:flex}@media (width<=768px){.sidebar-wrapper{display:none!important}.app-container{width:100vw!important;max-width:100vw!important;padding-bottom:env(safe-area-inset-bottom)!important;flex-direction:column!important;overflow-x:hidden!important}.main-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.content-viewport{padding:10px 12px 18px!important}.mobile-header-bar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#161312f0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:52px;padding:0 12px;position:sticky;top:0;display:flex!important}.mobile-header-left{align-items:center;gap:10px;min-width:0;display:flex}.mobile-hamburger-btn{color:#e7e5e4;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.mobile-hamburger-btn:active{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b66;transform:scale(.95)}.mobile-brand-title-wrap{align-items:center;gap:8px;min-width:0;display:flex}.mobile-view-pill{color:#e7e5e4;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;max-width:140px;padding:2.5px 8px;font-size:11px;font-weight:700;overflow:hidden}.mobile-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.mobile-timer-pill{border-radius:var(--radius-full);font-size:11px;font-family:var(--font-mono);cursor:pointer;border:1px solid #0000;align-items:center;gap:5px;padding:4px 9px;font-weight:700;display:flex}.mobile-timer-pill.running{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b66;box-shadow:0 0 10px #f59e0b4d}.mobile-timer-pill.idle{color:var(--text-muted);border-color:var(--border-subtle);background:#ffffff0d}.mobile-header-action-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 10px #f59e0b59}.mobile-header-action-btn:active{transform:scale(.95)}.mobile-bottom-bar,.top-nav-bar,.top-mission-bar-header{display:none!important}.optivion-app-window{height:auto!important;min-height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important}.optivion-master-deck-grid{flex-direction:column!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;height:auto!important;display:flex!important;overflow:visible!important}.optivion-right-persistent-deck{display:none!important}.optivion-left-master-deck{flex:1!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:calc(100vh - 54px)!important;overflow:visible!important}.optivion-master-left-card{border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;height:auto!important;min-height:100%!important;padding:10px 10px 24px!important;overflow:visible!important}.optivion-card-scroll-body{height:auto!important;overflow-y:visible!important}.content-viewport.content-viewport-dashboard{padding-top:16px!important}.dashboard-hero-section{margin-bottom:24px!important}.sidebar-top-emblem{margin-bottom:16px!important}.header-greeting{margin-bottom:12px!important;font-size:20px!important}.search-container{margin-bottom:16px!important}.search-bar{gap:6px!important;padding:6px 8px 6px 12px!important}.search-input{min-width:0!important;font-size:13.5px!important}.search-tool-btn{flex-shrink:0!important;width:28px!important;height:28px!important}.search-submit-btn{flex-shrink:0!important;padding:6px 12px!important;font-size:12px!important}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.metric-card{min-width:0!important;padding:14px 12px!important}.metric-main-value{font-size:20px!important}.metric-title{font-size:11px!important}.metric-sub-label{font-size:10px!important}.section-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.section-title{font-size:18px!important}.section-desc{font-size:11px!important}.projects-cards-grid,.clients-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.client-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important}.client-search-wrap{width:100%!important;min-width:0!important}.client-status-pills{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;width:100%!important;padding-bottom:2px!important;overflow-x:auto!important}.client-status-pills::-webkit-scrollbar{display:none!important}.client-status-pills button{white-space:nowrap!important;flex-shrink:0!important}.projects-category-scroll-bar{scrollbar-width:none!important;flex-wrap:nowrap!important;padding-bottom:6px!important;overflow-x:auto!important}.projects-category-scroll-bar::-webkit-scrollbar{display:none!important}.scope-pill-btn{white-space:nowrap!important;flex-shrink:0!important;padding:5px 10px!important;font-size:11px!important}.kanban-board-container,.kanban-board-grid{scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;min-height:auto!important;padding-bottom:12px!important;display:flex!important;overflow-x:auto!important}.kanban-column{scroll-snap-align:start!important;min-width:280px!important;max-width:280px!important}.calendar-grid-card{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.calendar-grid-card>div{min-width:580px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-container{border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;overflow-y:auto!important}.modal-body{padding:16px!important}.form-row{flex-direction:column!important;gap:10px!important}.chart-card{padding:14px!important;overflow-x:hidden!important}.table-responsive,.projects-table-wrapper,.optk-table-wrap,.table-container{-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:#f59e0b66 transparent!important;border-radius:12px!important;width:100%!important;max-width:100%!important;margin-bottom:14px!important;display:block!important;overflow-x:auto!important}div:has(>table){-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:#f59e0b66 transparent!important;border-radius:12px!important;width:100%!important;max-width:100%!important;margin-bottom:14px!important;display:block!important;overflow-x:auto!important}div:has(>table)::-webkit-scrollbar{height:6px!important}.projects-table-wrapper::-webkit-scrollbar{height:6px!important}.table-responsive::-webkit-scrollbar{height:6px!important}div:has(>table)::-webkit-scrollbar-thumb{background:#f59e0b73!important;border-radius:3px!important}.projects-table-wrapper::-webkit-scrollbar-thumb{background:#f59e0b73!important;border-radius:3px!important}.table-responsive::-webkit-scrollbar-thumb{background:#f59e0b73!important;border-radius:3px!important}table,.projects-data-table{border-collapse:collapse!important;table-layout:auto!important;width:100%!important;min-width:580px!important;display:table!important}table thead,table tbody,table tr{display:table-row-group!important}table thead{display:table-header-group!important}table tr{display:table-row!important}table th,table td,.projects-data-table th,.projects-data-table td{white-space:nowrap!important;padding:10px 12px!important;font-size:12px!important;display:table-cell!important}.workload-matrix-grid{grid-template-columns:repeat(7,minmax(40px,1fr))!important;gap:4px!important}.infra-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.infra-header-stats{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:14px!important}.infra-stat-card{gap:10px!important;padding:10px 12px!important}.infra-stat-val{font-size:16px!important}.infra-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px 12px!important}.infra-provider-pills{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.infra-provider-pills::-webkit-scrollbar{display:none!important}.infra-provider-pill{white-space:nowrap!important;flex-shrink:0!important;padding:5px 12px!important;font-size:11px!important}.projects-kpi-bar{grid-template-columns:1fr 1fr!important;gap:10px!important}.project-kpi-card{gap:10px!important;padding:12px 14px!important}.project-kpi-value{font-size:18px!important}.projects-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px!important}.projects-filter-left,.projects-filter-right{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.projects-search-box{width:100%!important;min-width:0!important;max-width:100%!important}.projects-status-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.projects-status-tabs::-webkit-scrollbar{display:none!important}.tasks-filter-tab{white-space:nowrap!important;flex-shrink:0!important;padding:6px 12px!important;font-size:11px!important}.project-crm-layout{grid-template-columns:1fr!important;gap:16px!important}.ambient-top-glow{width:100vw!important;height:160px!important}}@media (width<=480px){.infra-header-stats,.projects-kpi-bar{grid-template-columns:1fr!important;gap:8px!important}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.metric-card{padding:10px 8px!important}.metric-main-value,.header-greeting{font-size:18px!important}.btn-primary,.btn-secondary{padding:8px 12px!important;font-size:12px!important}.login-card{padding:24px 18px!important}.form-input,.form-select,.search-input{font-size:15px!important}}.mobile-touch-tabs-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:4px 2px 8px;display:flex;overflow-x:auto}.mobile-touch-tabs-bar::-webkit-scrollbar{display:none}.mobile-touch-tab-item{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:1px solid var(--border-subtle);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:#ffffff08;flex-shrink:0;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.mobile-touch-tab-item:active,.mobile-touch-tab-item.active{border-color:var(--amber-primary);color:#fff;background:#ff244229;box-shadow:0 0 12px #ff244240}.mobile-touch-tab-badge{color:var(--text-muted);background:#ffffff1a;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:800}.mobile-touch-tab-item.active .mobile-touch-tab-badge{background:var(--amber-primary);color:#fff}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-subtle);scrollbar-width:thin;scrollbar-color:#f59e0b66 transparent;width:100%;overflow-x:auto}.table-responsive-wrapper table{border-collapse:collapse;white-space:nowrap;width:100%;min-width:600px}@media (width>=769px) and (width<=1024px){.optivion-app-window{height:auto!important;min-height:100vh!important;padding:8px!important}.optivion-master-deck-grid{flex-direction:column!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;display:flex!important}.optivion-right-persistent-deck{display:none!important}.optivion-left-master-deck{flex:1!important;width:100%!important;max-width:100%!important}}.notes-container{flex-direction:column;gap:20px;width:100%;min-height:calc(100vh - 120px);display:flex;position:relative}.notes-filter-scroll{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.notes-filter-scroll::-webkit-scrollbar{display:none}.note-filter-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff0a;border-radius:9999px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.note-filter-pill:hover{color:var(--text-white);border-color:var(--border-medium);background:#ffffff14}.note-filter-pill.active{border-color:var(--amber-primary);color:#fff;background:#ff244226;box-shadow:0 0 16px #ff244238}.note-filter-count{color:var(--text-secondary);background:#ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:1px 6px;font-size:11px;display:inline-flex}.note-filter-pill.active .note-filter-count{color:#fff;background:#ff244259}.notes-layout{grid-template-columns:360px 1fr;align-items:stretch;gap:16px;height:calc(100vh - 120px);min-height:550px;display:grid}@media (width<=1024px){.notes-layout{grid-template-columns:320px 1fr;gap:14px}}@media (width<=820px){.notes-layout{flex-direction:column;height:auto;display:flex}.notes-layout.mobile-editor-open .notes-list-column,.notes-layout:not(.mobile-editor-open) .notes-editor-column{display:none}}.notes-list-column{flex-direction:column;gap:10px;height:100%;max-height:100%;display:flex;overflow:hidden}.notes-search-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#12151fb3;flex-shrink:0;align-items:center;gap:10px;padding:9px 14px;display:flex}.notes-search-box:focus-within{border-color:var(--amber-primary);box-shadow:0 0 12px #ff244233}.notes-search-box input{color:var(--text-white);background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.notes-search-box input::placeholder{color:var(--text-muted)}.notes-cards-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;padding-bottom:24px;padding-right:4px;display:flex;overflow:hidden auto}.notes-cards-scroll::-webkit-scrollbar{width:5px}.notes-cards-scroll::-webkit-scrollbar-track{background:0 0}.notes-cards-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.note-item-card{cursor:pointer;background:linear-gradient(#201d1bf0 0%,#161413fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff29;border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000059,inset 0 1px 1px #ffffff0d}.note-item-card:hover{border-color:#ffffff4d #ffffff2e #ffffff2e;transform:translateY(-2px);box-shadow:0 12px 28px #00000080}.note-item-card.active{background:linear-gradient(#2a2623f5 0%,#1c1918fc 100%);border-color:#f59e0bd9 #f59e0b8c #f59e0b8c;box-shadow:0 0 20px #f59e0b2e,inset 0 1px 1px #ffffff1a}.note-item-card.pinned{border-color:#f59e0b4d}.note-card-header-row{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.note-card-title{color:var(--text-white);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.note-card-actions-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.note-card-action-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:flex}.note-card-action-btn:hover{color:#fff;background:#ffffff26}.note-card-action-btn.pinned{color:#f59e0b;background:#f59e0b2e;border-color:#f59e0b59}.note-card-action-btn.delete:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.note-card-badges-row{flex-wrap:wrap;align-items:center;gap:5px;width:100%;display:flex}.chip-boox{color:#d8b4fe;letter-spacing:.2px;background:#a855f729;border:1px solid #a855f759;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.chip-visual{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f640;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.chip-ai{color:#34d399;background:#10b98124;border:1px solid #10b9814d;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.note-pin-indicator{color:#f59e0b;flex-shrink:0;align-items:center;margin-top:2px;display:inline-flex}.note-card-snippet{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.note-card-checklist-badge{color:var(--text-secondary);background:#ffffff0a;border-radius:4px;align-items:center;gap:6px;width:fit-content;padding:2px 8px;font-size:11px;display:inline-flex}.note-card-footer{color:var(--text-dim);border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;font-size:11.5px;display:flex}.note-card-tags{flex-wrap:wrap;align-items:center;gap:5px;max-width:65%;display:flex}.note-tag-chip{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;padding:1px 7px;font-size:10.5px}.notes-editor-column{background:linear-gradient(#1e1c1af5 0%,#141312fa 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 36px #00000073,inset 0 1px 1px #ffffff0f}.notes-editor-header{background:#0e0d0c99;border-bottom:1px solid #ffffff12;flex-direction:column;gap:8px;padding:10px 16px;display:flex}.editor-header-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-title-input{width:100%;color:var(--text-white);background:0 0;border:none;outline:none;padding:2px 0;font-family:inherit;font-size:22px;font-weight:700;line-height:1.3}.editor-title-input::placeholder{color:var(--text-dim)}.editor-title-input:focus{border-bottom:1px solid var(--amber-primary)}.color-picker-group{align-items:center;gap:6px;display:flex}.color-dot-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;transition:transform .15s,border-color .15s}.color-dot-btn:hover{transform:scale(1.2)}.color-dot-btn.active{border-color:#fff;box-shadow:0 0 10px}.notes-editor-toolbar{background:#161a2699;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 20px;display:flex}.tb-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:12px;display:inline-flex}.tb-btn:hover{color:var(--text-white);background:#ffffff14;border-color:#ffffff1a}.notes-editor-body{flex-direction:column;flex:1;gap:20px;min-height:380px;padding:20px 24px;display:flex;overflow-y:auto}.notes-textarea-main{width:100%;min-height:260px;color:var(--text-primary);resize:vertical;font-size:14.5px;line-height:1.65;font-family:var(--font-sans);background:0 0;border:none;outline:none;padding-bottom:24px}.notes-textarea-main::placeholder{color:var(--text-dim)}.notes-checklist-container{border-radius:var(--radius-lg);background:#0e111999;border:1px solid #ffffff0f;flex-direction:column;gap:10px;margin-top:24px;padding:18px;display:flex}.checklist-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.checklist-progress-track{background:#ffffff14;border-radius:999px;width:100%;height:4px;overflow:hidden}.checklist-progress-bar{background:var(--amber-primary);height:100%;transition:width .3s}.checklist-item-row{border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:center;gap:10px;padding:6px 4px;display:flex}.checklist-item-row:hover{background:#ffffff08}.checklist-item-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--amber-primary);cursor:pointer}.checklist-text-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.checklist-text-input.done{color:var(--text-muted);text-decoration:line-through}.checklist-add-row{border-top:1px dashed #ffffff14;align-items:center;gap:10px;margin-top:4px;padding:8px 6px;display:flex}.checklist-add-row input{color:var(--text-white);background:0 0;border:none;outline:none;flex:1;font-size:13px}.checklist-add-row input::placeholder{color:var(--text-dim)}.notes-editor-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);background:#0e1017b3;justify-content:space-between;align-items:center;padding:12px 24px;font-size:12px;display:flex}.notes-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:60px 20px;display:flex}.notes-empty-icon{width:64px;height:64px;color:var(--amber-primary);background:#ff244214;border:1px solid #ff244233;border-radius:50%;justify-content:center;align-items:center;display:flex}.boox-hub-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#a855f714 0%,#6366f10d 100%);border:1px solid #a855f740;flex-direction:column;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.boox-hub-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.boox-hub-title{color:#e9d5ff;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.boox-hub-action-row{border-top:1px solid #a855f726;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.boox-hub-desc{color:#cbd5e1;flex:1;min-width:200px;margin:0;font-size:12px;line-height:1.5}.btn-boox-ocr{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #7c3aed59}.btn-boox-ocr:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed80}.btn-boox-ocr:disabled{opacity:.6;cursor:not-allowed}.editor-view-segmented{background:#00000059;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:3px;padding:3px;display:inline-flex}.editor-segment-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.editor-segment-btn.active{color:#fff;background:#ffffff1f;box-shadow:0 2px 8px #0003}.boox-split-view{grid-template-columns:1fr 1fr;align-items:start;gap:20px;min-height:480px;display:grid}@media (width<=1100px){.boox-split-view{grid-template-columns:1fr}}.boox-paper-container{background:#f8f9fa;border-radius:12px;flex-direction:column;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000059,0 0 0 1px #ffffff1a}.boox-paper-container img{object-fit:contain;border-radius:4px;width:100%;height:auto;max-height:650px;box-shadow:0 4px 14px #0000001a}.boox-page-navigator{flex-direction:column;gap:10px;width:100%;margin-bottom:12px;display:flex}.boox-page-nav-controls{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.btn-page-nav{color:#d8b4fe;cursor:pointer;background:#a855f726;border:1px solid #a855f759;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-page-nav:hover:not(:disabled){color:#fff;background:#a855f74d}.btn-page-nav:disabled{opacity:.4;cursor:not-allowed;color:var(--text-dim);background:0 0;border-color:#ffffff14}.boox-page-indicator{color:var(--text-secondary);font-size:12px}.boox-page-indicator strong{color:#fff;font-size:13px}.boox-page-thumbnails{gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.boox-page-thumb{cursor:pointer;background:#14161f;border:2px solid #ffffff1f;border-radius:6px;flex-shrink:0;width:58px;height:78px;padding:2px;transition:all .15s;position:relative;overflow:hidden}.boox-page-thumb img{object-fit:cover;border-radius:3px;width:100%;height:100%}.boox-page-thumb:hover{border-color:#a855f799;transform:translateY(-2px)}.boox-page-thumb.active{border-color:#a855f7;transform:translateY(-2px);box-shadow:0 0 12px #a855f780}.thumb-page-num{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;bottom:3px;right:3px}.chip-pages{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.moleskine-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0a0b0ed9;justify-content:center;align-items:center;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.moleskine-studio-container{background:var(--bg-surface,#14161d);border:1px solid var(--border-medium,#ffffff1f);border-radius:18px;flex-direction:column;width:100%;max-width:1320px;height:92vh;max-height:940px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #000000b3,0 0 0 1px #ffffff0d}.moleskine-header{border-bottom:1px solid var(--border-subtle,#ffffff14);background:#191c24f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.moleskine-brand-badge{align-items:center;gap:12px;display:flex}.moleskine-logo-icon{color:#fff;background:linear-gradient(135deg,#ff2442 0%,#b8142b 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 4px 14px #ff244259}.moleskine-title-group h2{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.moleskine-title-group p{color:var(--text-muted,#8b949e);margin:2px 0 0;font-size:12px}.moleskine-device-status{background:#0006;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:12px;padding:6px 14px;display:flex}.moleskine-status-indicator{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;position:relative}.status-dot.connected{background:#10b981;box-shadow:0 0 10px #10b981}.status-dot.connecting{background:#f59e0b;animation:1.2s ease-in-out infinite pulseBle;box-shadow:0 0 10px #f59e0b}.status-dot.disconnected{background:#6b7280}@keyframes pulseBle{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.6;transform:scale(.9)}}.moleskine-battery-pill{color:var(--text-secondary,#d1d5db);background:#ffffff0f;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:flex}.moleskine-pressure-gauge{color:var(--text-muted,#9ca3af);align-items:center;gap:6px;font-size:11px;display:flex}.pressure-bar-track{background:#ffffff1a;border-radius:3px;width:50px;height:6px;overflow:hidden}.pressure-bar-fill{background:linear-gradient(90deg,#3b82f6,#ec4899);height:100%;transition:width 80ms ease-out}.moleskine-header-actions{align-items:center;gap:10px;display:flex}.btn-ble-connect{color:#60a5fa;cursor:pointer;background:#3b82f626;border:1px solid #3b82f666;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-ble-connect:hover{background:#3b82f640;border-color:#60a5fa;box-shadow:0 0 12px #3b82f64d}.btn-ble-connect.connected{color:#f87171;background:#ef44441f;border-color:#ef444466}.btn-ble-connect.connected:hover{background:#ef444438}.btn-ble-connect.paired-memory{color:#34d399;background:#10b9811f;border-color:#10b98173}.btn-ble-connect.paired-memory:hover{background:#10b98138;border-color:#34d399;box-shadow:0 0 12px #10b9814d}.btn-ble-forget{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:26px;height:31px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.btn-ble-forget:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.moleskine-offline-sync-badge{color:#93c5fd;background:#3b82f62e;border:1px solid #3b82f666;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;animation:1.5s ease-in-out infinite pulseBle;display:inline-flex}.btn-moleskine-ghost{color:var(--text-secondary,#d1d5db);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-moleskine-ghost:hover{color:#fff;background:#ffffff14}.btn-moleskine-close{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:20px;transition:all .15s}.btn-moleskine-close:hover{color:#fff;background:#ffffff14}.moleskine-body{flex:1;display:flex;position:relative;overflow:hidden}.moleskine-toolbar{border-right:1px solid var(--border-subtle,#ffffff14);z-index:5;background:#12141afa;flex-direction:column;align-items:center;gap:14px;width:68px;padding:16px 0;display:flex}.tool-button{width:44px;height:44px;color:var(--text-secondary,#d1d5db);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:16px;transition:all .15s;display:flex}.tool-button span{text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.tool-button:hover{color:#fff;background:#ffffff14;border-color:#fff3}.tool-button.active{color:#fff;background:#ff24422e;border-color:#ff2442;box-shadow:0 0 14px #ff244259}.toolbar-divider{background:#ffffff14;width:32px;height:1px;margin:4px 0}.color-swatch-picker{flex-direction:column;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 10px}.moleskine-canvas-wrapper{-webkit-user-select:none;user-select:none;background:#111318;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.moleskine-paper-sheet{cursor:crosshair;border-radius:12px;width:100%;max-width:860px;height:100%;max-height:820px;transition:background .25s;position:relative;overflow:hidden;box-shadow:0 18px 45px #0009,0 0 0 1px #ffffff1a,inset 0 0 80px #00000008}.moleskine-paper-sheet.theme-ivory{background-color:#fbf9f1;background-image:radial-gradient(#d3cbbe 1.1px,#0000 1.1px);background-size:20px 20px}.moleskine-paper-sheet.theme-obsidian{background-color:#16181f;background-image:radial-gradient(#ffb4002e 1.1px,#0000 1.1px);background-size:20px 20px}.moleskine-paper-sheet canvas{touch-action:none;width:100%;height:100%;display:block}.paper-ribbon{letter-spacing:1px;pointer-events:none;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;right:18px}.theme-ivory .paper-ribbon{color:#78716c;background:#0000000d}.theme-obsidian .paper-ribbon{color:#9ca3af;background:#ffffff0f}.canvas-floating-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#14171feb;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.btn-paper-theme-toggle{color:var(--text-secondary,#d1d5db);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;transition:all .15s}.btn-paper-theme-toggle:hover{color:#fff;background:#ffffff1a}.btn-ai-ocr{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2442 0%,#e11d48 100%);border:none;border-radius:999px;align-items:center;gap:7px;padding:7px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #ff244266}.btn-ai-ocr:hover{transform:translateY(-1px);box-shadow:0 6px 22px #ff24428c}.btn-ai-ocr:disabled{opacity:.6;cursor:not-allowed;transform:none}.moleskine-ocr-drawer{border-left:1px solid var(--border-subtle,#ffffff14);background:#151820fa;flex-direction:column;width:380px;transition:width .3s;display:flex;overflow:hidden}.moleskine-ocr-drawer.collapsed{border-left:none;width:0}.ocr-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ocr-drawer-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.ocr-drawer-content{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.ocr-confidence-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:999px;padding:3px 8px;font-size:11px}.ocr-field-group{flex-direction:column;gap:6px;display:flex}.ocr-field-label{color:var(--text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ocr-input-title{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .15s}.ocr-input-title:focus{border-color:#ff2442}.ocr-category-select{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:12px}.ocr-textarea-markdown{color:#e5e7eb;resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;height:180px;padding:10px 12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.5}.ocr-textarea-markdown:focus{border-color:#ff2442}.ocr-checklist-group{flex-direction:column;gap:6px;display:flex}.ocr-checklist-item{color:#d1d5db;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.ocr-checklist-item input[type=checkbox]{accent-color:#ff2442}.ocr-tags-wrapper{flex-wrap:wrap;gap:6px;display:flex}.ocr-tag-pill{color:#ff6b81;background:#ff24421f;border:1px solid #ff244240;border-radius:4px;padding:3px 8px;font-size:11px}.ocr-drawer-footer{background:#101218f2;border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding:14px 20px;display:flex}.btn-save-note{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-save-note:hover{background:#059669;box-shadow:0 4px 14px #10b98159}.btn-send-plexassist{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-send-plexassist:hover{color:#fff;background:#6366f140;border-color:#818cf8}.ocr-empty-state{text-align:center;color:var(--text-muted,#9ca3af);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 16px;display:flex}.ocr-empty-icon{opacity:.6;font-size:36px}.ocr-empty-state p{max-width:240px;margin:0;font-size:12px;line-height:1.5}.ocr-loading-spinner{border:3px solid #ff244233;border-top-color:#ff2442;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.note-pen-badge{color:#ff4d6d;background:#ff24421f;border:1px solid #ff244240;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.note-drawing-thumbnail{background:#191b22;border:1px solid #ffffff14;border-radius:8px;width:100%;height:85px;margin-top:8px;overflow:hidden}.note-drawing-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1024px){.moleskine-studio-container{border-radius:12px;height:98vh;max-height:none}.moleskine-ocr-drawer{width:320px}}@media (width<=768px){.moleskine-modal-overlay{padding:0}.moleskine-studio-container{border:none;border-radius:0;height:100vh}.moleskine-header{padding:10px 14px}.moleskine-toolbar{gap:8px;width:50px;padding:10px 0}.tool-button{width:36px;height:36px;font-size:14px}.tool-button span{display:none}.moleskine-ocr-drawer{z-index:20;background:#12141afa;width:100%;position:absolute;top:0;bottom:0;right:0}.moleskine-ocr-drawer.collapsed{display:none}.canvas-floating-controls{gap:6px;padding:4px 10px;bottom:12px}}.moleskine-paper-sheet.pattern-ruled.theme-ivory{background-color:#faf7ee;background-image:repeating-linear-gradient(#0000 0 27px,#afa08c47 28px)}.moleskine-paper-sheet.pattern-ruled.theme-obsidian{background-color:#141923;background-image:repeating-linear-gradient(#0000 0 27px,#ffffff14 28px)}.moleskine-paper-sheet.pattern-dotted.theme-ivory{background-color:#faf7ee;background-image:radial-gradient(#8c7d6973 1.2px,#0000 1.2px);background-size:20px 20px}.moleskine-paper-sheet.pattern-dotted.theme-obsidian{background-color:#141923;background-image:radial-gradient(#f59e0b4d 1.2px,#0000 1.2px);background-size:20px 20px}.moleskine-paper-sheet.pattern-grid.theme-ivory{background-color:#faf7ee;background-image:linear-gradient(90deg,#8c7d6929 1px,#0000 1px),linear-gradient(#8c7d6929 1px,#0000 1px);background-size:20px 20px}.moleskine-paper-sheet.pattern-grid.theme-obsidian{background-color:#141923;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:20px 20px}.moleskine-paper-sheet.pattern-blank.theme-ivory{background-color:#faf7ee;background-image:none}.moleskine-paper-sheet.pattern-blank.theme-obsidian{background-color:#141923;background-image:none}.moleskine-margin-line{pointer-events:none;z-index:2;background:#dc262647;width:1px;position:absolute;top:0;bottom:0;left:48px}.theme-obsidian .moleskine-margin-line{background:#f59e0b38}.moleskine-notebook-badge{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;transition:all .15s;display:flex}.moleskine-notebook-badge:hover{background:#ffffff17;border-color:#fff3}.moleskine-submodal-overlay{-webkit-backdrop-filter:blur(6px);z-index:50;background:#0a0c10bf;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:absolute;inset:0}.moleskine-submodal-card{background:#181b23;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:100%;max-width:540px;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 0 1px #ffffff0f}.submodal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.submodal-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.submodal-body{flex-direction:column;gap:16px;max-height:70vh;padding:20px;display:flex;overflow-y:auto}.submodal-footer{background:#00000040;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.calibration-row{flex-direction:column;gap:6px;display:flex}.calibration-row-header{color:#d1d5db;justify-content:space-between;align-items:center;font-size:12px;display:flex}.calibration-slider{cursor:pointer;accent-color:#3b82f6;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.ocr-ai-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ocr-ai-badge.offline{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.ocr-audit-json-box{color:#58a6ff;white-space:pre-wrap;word-break:break-all;background:#0d1117;border:1px solid #ffffff1a;border-radius:8px;max-height:220px;padding:12px;font-family:JetBrains Mono,monospace,Consolas,sans-serif;font-size:11px;overflow:auto}.moleskine-viewmode-toggle{background:#1a1d24;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:3px;display:inline-flex;box-shadow:inset 0 2px 4px #0006}.moleskine-viewmode-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.moleskine-viewmode-btn:hover{color:#fff}.moleskine-viewmode-btn.active{color:#fff;background:#732a1a;font-weight:600;box-shadow:0 2px 8px #732a1a8c}.moleskine-paper-sheet{border-radius:18px!important;box-shadow:0 24px 60px #000000b3,0 2px 10px #0006,0 0 0 1px #ffffff1f!important}.moleskine-ruled-lines-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.moleskine-single-line{height:1px;transition:background-color .2s,box-shadow .2s;position:absolute}.theme-ivory .moleskine-single-line{background-color:#b9afa08c}.theme-obsidian .moleskine-single-line{background-color:#ffffff1f}.moleskine-single-line.active-line{height:1.5px;box-shadow:0 0 8px #3b82f699;background-color:#3b82f6!important}.moleskine-single-line.active-line:before,.moleskine-single-line.active-line:after{content:"";background-color:#3b82f6;border-radius:1px;width:2px;height:9px;position:absolute;top:-4px}.moleskine-single-line.active-line:before{left:0}.moleskine-single-line.active-line:after{right:0}.moleskine-page-envelope{color:#a8a29e;opacity:.7;pointer-events:none;z-index:2;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:4.8%;right:7.7%}.theme-obsidian .moleskine-page-envelope{color:#6b7280}.moleskine-page-bookcode{letter-spacing:.5px;color:#9ca3af;opacity:.7;pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Consolas,monospace;font-size:10px;position:absolute;bottom:3.5%;left:7.7%}.moleskine-page-number{color:#9ca3af;opacity:.85;pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,sans-serif;font-size:11px;font-weight:500;position:absolute;bottom:3.5%;right:7.7%}.moleskine-active-line-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#93c5fd;z-index:20;pointer-events:none;background:#0f1117e0;border:1px solid #3b82f659;border-radius:999px;align-items:center;gap:8px;padding:4px 14px;font-size:11px;font-weight:600;animation:.2s fadeIn;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.moleskine-digital-container{box-sizing:border-box;border-radius:18px;flex-direction:column;gap:16px;width:100%;height:100%;padding:28px 36px;animation:.25s fadeIn;display:flex;position:relative;overflow-y:auto}.theme-ivory .moleskine-digital-container{color:#1e293b;background:#fbf9f1}.theme-obsidian .moleskine-digital-container{color:#f1f5f9;background:#141923}.digital-line-row{border-bottom:1px solid #b9afa059;align-items:baseline;gap:14px;padding-bottom:6px;display:flex}.theme-obsidian .digital-line-row{border-bottom-color:#ffffff14}.digital-line-num{color:#9ca3af;flex-shrink:0;width:22px;font-family:JetBrains Mono,monospace;font-size:10px}.digital-line-text{outline:none;flex:1;font-size:15px;line-height:1.6}.moleskine-page-navigator{-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:3px 6px;display:inline-flex}.btn-page-step{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:inline-flex}.btn-page-step:hover:not(:disabled){color:#fff;background:#ffffff38}.btn-page-step:disabled{opacity:.3;cursor:not-allowed}.page-indicator-text{color:#e2e8f0;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:inline-flex}.page-total{opacity:.6;font-size:10px;font-weight:400}.btn-save-quick{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 10px #10b98140}.btn-save-quick:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.btn-save-quick:disabled{opacity:.45;cursor:not-allowed;transform:none}@keyframes scanSweep{0%{top:0%}to{top:96%}}.cosmic-space-canvas{pointer-events:none;z-index:2;height:480px;transition:opacity 1.2s;position:absolute;top:0;left:0;right:0;overflow:hidden}.cosmic-star{pointer-events:none;border-radius:50%;animation:ease-in-out infinite alternate cosmicStarTwinkle;position:absolute}.cosmic-star.with-spike:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff 0%,#ffffff80 60%,#0000 95%);width:16px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cosmic-star.with-spike:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff 0%,#ffffff80 60%,#0000 95%);width:1px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cosmicStarTwinkle{0%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}to{opacity:.35;transform:scale(.85)}}.cosmic-meteor{filter:drop-shadow(0 0 6px #ffffffe6);opacity:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fff9 30%,#0000 100%);border-radius:999px;height:2px;animation:7s ease-in-out infinite meteorStreak;position:absolute;transform:rotate(-35deg)}.cosmic-meteor-2{animation-delay:3.6s;transform:rotate(-32deg)}.cosmic-meteor-3{animation-delay:6.2s;transform:rotate(-38deg)}@keyframes meteorStreak{0%{opacity:0;transform:translate(0)rotate(-35deg)scaleX(.2)}8%{opacity:1;transform:translate(-150px,95px)rotate(-35deg)scaleX(1.4)}14%{opacity:0;transform:translate(-300px,190px)rotate(-35deg)scaleX(.8)}to{opacity:0;transform:translate(-300px,190px)rotate(-35deg)}}.crescent-moon-anchor{pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:7.5%}.crescent-moon-wrapper{justify-content:center;align-items:center;width:140px;height:140px;animation:16s ease-in-out infinite alternate crescentFloat;display:flex;position:relative}@keyframes crescentFloat{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1.2deg)}to{transform:translateY(4px)rotate(-.8deg)}}.crescent-corona-halo{filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#e2e8f029 0%,#94a3b814 45%,#6366f108 70%,#0000 85%);border-radius:50%;width:180px;height:180px;animation:8s ease-in-out infinite alternate coronaPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes coronaPulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}.crescent-moon-svg{filter:drop-shadow(0 0 14px #e2e8f08c)drop-shadow(0 0 32px #a78bfa40)drop-shadow(0 0 60px #38bdf826);overflow:visible}.crescent-companion-star{background:#fff;border-radius:50%;width:4px;height:4px;animation:3.2s ease-in-out infinite alternate companionStarTwinkle;position:absolute;top:18px;right:6px;box-shadow:0 0 10px #fff,0 0 20px #e2e8f0cc,0 0 30px #94a3b899}.crescent-companion-star:before{content:"";background:radial-gradient(circle,#fff 0%,#fff9 60%,#0000 100%);width:14px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crescent-companion-star:after{content:"";background:radial-gradient(circle,#fff 0%,#fff9 60%,#0000 100%);width:1px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes companionStarTwinkle{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}to{opacity:.6;transform:scale(.9)}}@media (width<=900px){.crescent-moon-anchor{top:16px;right:4%;transform:scale(.8)}}@media (width<=600px){.crescent-moon-anchor{opacity:.85;top:12px;right:2%;transform:scale(.65)}}html,body{width:100%;min-height:100%;color:var(--optivion-text-main,#f5f5f4);font-family:var(--font-sans);background-color:#141312;background-image:radial-gradient(70% 40% at 50% -5%,#f59e0b0d,#0000 60%),radial-gradient(60% 40% at 85% 20%,#10b9810a,#0000 60%),radial-gradient(50% 50% at 15% 75%,#ff3b5c08,#0000 70%),linear-gradient(90deg,#ffffff03 1px,#0000 1px),linear-gradient(#ffffff03 1px,#0000 1px),radial-gradient(circle at 50% 40%,#191816 0%,#0f0e0d 100%);background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px,100% 100%;background-attachment:fixed;margin:0;padding:0}