:root{--bg-primary: #0b0c15;--bg-secondary: #151621;--bg-tertiary: #1e1f2b;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-color: #8b5cf6;--accent-hover: #7c3aed;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%);--success-color: #10b981;--danger-color: #ef4444;--warning-color: #fbbf24;--border-color: rgba(255, 255, 255, .05);--glass-border: 1px solid rgba(255, 255, 255, .08);--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}body.light{--bg-primary: #f3f4f6;--bg-secondary: #ffffff;--bg-tertiary: #e5e7eb;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--border-color: rgba(0, 0, 0, .1);--glass-border: 1px solid rgba(0, 0, 0, .05)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(217,70,239,.05),transparent 25%);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:80px;background-color:var(--bg-secondary);border-right:var(--border-color);display:flex;flex-direction:column;padding:24px 12px;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:50;white-space:nowrap}.sidebar:hover{width:260px;padding:24px}.sidebar-header{margin-bottom:32px;height:48px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;padding:0 12px}.sidebar:hover .sidebar-header{justify-content:flex-start}.sidebar-title{font-size:1.25rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;white-space:nowrap;transition:opacity .2s ease 0s,transform .2s ease 0s;transform:translate(-10px);position:absolute;left:60px;pointer-events:none}.sidebar:hover .sidebar-title{opacity:1;transform:translate(0);transition:opacity .3s ease .15s,transform .3s ease .15s;pointer-events:auto}.nav-menu{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.nav-item{display:flex;align-items:center;padding:12px;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;justify-content:flex-start;font-weight:500;position:relative;overflow:hidden}.sidebar:hover .nav-item{justify-content:flex-start}.nav-item:hover{background-color:#ffffff08;color:var(--text-primary)}.nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.nav-icon{display:flex;align-items:center;justify-content:center;min-width:24px;flex-shrink:0;margin-left:2px}.nav-label{margin-left:12px;opacity:0;white-space:nowrap;transform:translate(-10px);transition:opacity .15s ease 0s,transform .15s ease 0s}.sidebar:hover .nav-label{opacity:1;transform:translate(0);transition:opacity .3s ease .1s,transform .3s ease .1s}.project-list-container{flex:1;overflow:hidden;display:flex;flex-direction:column;opacity:0;transition:opacity .2s}.sidebar:hover .project-list-container{opacity:1;overflow-y:auto}.list-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:0 4px;margin-bottom:12px}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:var(--border-color)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:transparent;position:relative}.top-bar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(11,12,21,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.tag-badge{padding:4px 12px;border-radius:20px;flex:1;display:flex;flex-direction:column;min-width:0;background:transparent;position:relative}.top-bar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:transparent;position:sticky;top:0;z-index:20}.content-area{flex:1;overflow-y:auto;padding:32px}.glass-panel,.card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.03);padding:24px;box-shadow:0 4px 24px #0003}.card h3{margin-bottom:16px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.primary-btn{background:var(--accent-gradient);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf640}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf659}.primary-btn:active{transform:translateY(0)}.secondary-btn{background:rgba(255,255,255,.05);color:var(--text-primary);border:1px solid rgba(255,255,255,.05);padding:10px 20px;border-radius:12px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:rgba(255,255,255,.1);border-color:#ffffff1a}.icon-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500}input,select,textarea{width:100%;background:var(--bg-tertiary)!important;border:1px solid transparent!important;color:var(--text-primary);padding:12px 16px;border-radius:12px;font-family:inherit;font-size:.95rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #8b5cf626}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s forwards}.settings-modal-window{background:rgba(21,22,33,.95);width:800px;max-width:90vw;max-height:85vh;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);animation:scaleUp .3s cubic-bezier(.16,1,.3,1) forwards}.tag-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;margin-right:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{to{transform:scale(1)}}.tree-node-container{margin-bottom:2px}.tree-node{display:flex;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;position:relative;height:36px;font-size:.9rem}.tree-node:hover{background-color:#ffffff0d;color:var(--text-primary)}.tree-node.active{background:rgba(139,92,246,.15);color:#fff;font-weight:500}.node-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:2px;color:var(--text-muted);cursor:pointer;border-radius:4px}.node-toggle:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.node-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-right:8px;position:relative}.status-dot{position:absolute;bottom:-1px;right:-2px;width:6px;height:6px;border-radius:50%;border:1px solid var(--bg-secondary)}.status-dot.on-hold{background:var(--warning-color)}.status-dot.archived{background:var(--text-muted)}.node-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;transition:opacity .2s}.node-name.archived{opacity:.6;text-decoration:line-through}.node-name.on_hold{color:var(--warning-color)}.node-menu-wrapper{position:relative;display:flex;align-items:center}.action-btn.menu-trigger{opacity:0;transition:all .2s ease;padding:4px;border-radius:4px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.tree-node:hover .action-btn.menu-trigger,.action-btn.menu-trigger.active{opacity:1}.action-btn.menu-trigger:hover,.action-btn.menu-trigger.active{background:rgba(255,255,255,.1);color:var(--text-primary)}.project-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0006;padding:4px;min-width:160px;z-index:1000;animation:fadeIn .1s ease-out}.menu-item{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:4px;font-size:.85rem;gap:8px;transition:all .15s}.menu-item:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.menu-item.delete:hover{background:rgba(239,68,68,.15);color:var(--danger-color)}.menu-divider{height:1px;background:var(--border-color);margin:4px 0}