@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2383e2;--color-primary-hover: #1a73d9;--color-primary-light: #ebf3fd;--color-primary-text: #1a5dab;--color-bg: #ffffff;--color-bg-2: #fafaf9;--color-bg-3: #f0efed;--color-bg-4: #e3e2e0;--color-border: rgba(55, 53, 47, .09);--color-border-strong: rgba(55, 53, 47, .18);--color-text: #37352f;--color-text-2: #4a4844;--color-text-3: #787775;--color-text-muted: #acabab;--color-success: #0f9d58;--color-success-light: #e6f5ec;--color-warning: #e37400;--color-danger: #e03e3e;--color-danger-light: #fdeaea;--color-nav-bg: #f7f7f5;--color-nav-hover: rgba(55, 53, 47, .06);--color-nav-active-bg: rgba(35, 131, 226, .08);--color-nav-active-border: rgba(35, 131, 226, .4);--color-nav-text: #787775;--color-nav-text-active: #2383e2;--color-nav-border: rgba(55, 53, 47, .08);--nav-width: 200px;--radius-xs: 3px;--radius-sm: 5px;--radius: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--shadow-xs: 0 1px 3px rgba(55, 53, 47, .04);--shadow-sm: 0 2px 6px rgba(55, 53, 47, .06), 0 1px 2px rgba(55, 53, 47, .04);--shadow: 0 4px 16px rgba(55, 53, 47, .08), 0 2px 4px rgba(55, 53, 47, .04);--shadow-lg: 0 8px 32px rgba(55, 53, 47, .1), 0 3px 8px rgba(55, 53, 47, .06);--shadow-xl: 0 20px 50px rgba(55, 53, 47, .14), 0 8px 16px rgba(55, 53, 47, .08);--font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--transition: .1s ease}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.003em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#37352f24;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#37352f38}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}input,textarea,select{font-family:var(--font);font-size:14px;color:var(--color-text);letter-spacing:-.003em}button{font-family:var(--font);font-size:14px;cursor:pointer;transition:all var(--transition);letter-spacing:-.003em}button:disabled{opacity:.45;cursor:not-allowed}.app-root{display:flex;height:100%;overflow:hidden}.nav-rail{width:var(--nav-width);background:var(--color-nav-bg);border-right:1px solid var(--color-nav-border);display:flex;flex-direction:column;flex-shrink:0;z-index:100;padding:0;overflow:hidden}.nav-rail-header{display:flex;align-items:center;gap:10px;padding:14px 14px 10px;border-bottom:1px solid var(--color-nav-border);flex-shrink:0}.nav-rail-logo{width:28px;height:28px;background:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;letter-spacing:-1px;flex-shrink:0}.nav-rail-workspace{font-size:14px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-rail-body{flex:1;overflow-y:auto;padding:6px 8px}.nav-rail-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:12px 8px 4px}.nav-rail-item{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-nav-text);text-decoration:none;transition:background var(--transition),color var(--transition);position:relative;border:none;background:transparent;width:100%;text-align:left;font-size:13.5px;font-weight:500;margin-bottom:1px;white-space:nowrap}.nav-rail-item:hover{background:var(--color-nav-hover);color:var(--color-text)}.nav-rail-item.active{background:var(--color-nav-active-bg);color:var(--color-nav-text-active);font-weight:600}.nav-rail-item-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0;opacity:.75;line-height:1}.nav-rail-item.active .nav-rail-item-icon{opacity:1}.nav-rail-divider{height:1px;background:var(--color-nav-border);margin:6px 8px}.nav-spacer{flex:1}.nav-rail-footer{border-top:1px solid var(--color-nav-border);padding:8px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.nav-rail-avatar{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.nav-rail-user-info{flex:1;min-width:0}.nav-rail-user-name{font-size:12.5px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-rail-user-role{font-size:11px;color:var(--color-text-muted)}.app-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.page-header{display:flex;align-items:center;gap:10px;padding:0 20px;height:48px;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.page-header-title{font-size:15px;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.page-header-spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;line-height:1;border:1px solid transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap;text-decoration:none;letter-spacing:-.003em}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 2px #2383e24d}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 2px 6px #2383e259}.btn-secondary{background:var(--color-bg);color:var(--color-text-2);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-3)}.btn-ghost{background:transparent;color:var(--color-text-3);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg-3);color:var(--color-text)}.btn-ghost.active{background:var(--color-bg-3);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:5px;width:30px;height:30px;justify-content:center}.btn-icon.btn-sm{padding:3px;width:24px;height:24px}.input{padding:6px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13.5px;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}.input:hover{border-color:#37352f47}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2383e226}.input::placeholder{color:var(--color-text-muted)}.toolbar{display:flex;align-items:center;gap:2px;padding:5px 12px;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.toolbar-sep{width:1px;height:18px;background:var(--color-border-strong);margin:0 5px;opacity:.6}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 5px;border-radius:var(--radius-xs);border:none;background:transparent;color:var(--color-text-3);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition)}.toolbar-btn:hover{background:var(--color-bg-3);color:var(--color-text)}.toolbar-btn.active{background:var(--color-primary-light);color:var(--color-primary-text)}.sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-2);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-header{padding:10px 12px 5px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.sidebar-item{display:flex;align-items:center;gap:8px;padding:6px 10px;margin:1px 6px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-3);font-size:13px;font-weight:500;transition:background var(--transition),color var(--transition);border:none;background:transparent;width:calc(100% - 12px);text-align:left}.sidebar-item:hover{background:var(--color-bg-3);color:var(--color-text-2)}.sidebar-item.active{background:var(--color-primary-light);color:var(--color-primary-text);font-weight:600}.sidebar-item-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0}.sidebar-item-count{margin-left:auto;font-size:11px;background:var(--color-bg-4);color:var(--color-text-3);padding:1px 5px;border-radius:var(--radius-pill);font-weight:500}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:box-shadow var(--transition),border-color var(--transition)}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--radius-pill);font-size:11px;font-weight:500}.badge-blue{background:var(--color-primary-light);color:var(--color-primary-text)}.badge-green{background:var(--color-success-light);color:var(--color-success)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;color:var(--color-text-muted);text-align:center}.empty-state-icon{font-size:36px;margin-bottom:4px;opacity:.4}.empty-state-title{font-size:15px;font-weight:600;color:var(--color-text-3);letter-spacing:-.01em}.empty-state-desc{font-size:13px;max-width:280px;color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#37352f73;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);padding:22px 24px;width:480px;max-width:calc(100vw - 48px)}.modal-title{font-size:16px;font-weight:700;color:var(--color-text);margin-bottom:16px;letter-spacing:-.02em}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-border)}.form-group{margin-bottom:12px;display:flex;flex-direction:column}.form-label{display:block;font-size:11.5px;font-weight:600;color:var(--color-text-3);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.dropdown{position:absolute;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:160px;padding:4px;z-index:500}.dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-xs);cursor:pointer;font-size:13px;color:var(--color-text-2);transition:background var(--transition);border:none;background:transparent;width:100%;text-align:left;font-weight:450}.dropdown-item:hover{background:var(--color-bg-3);color:var(--color-text)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background:var(--color-danger-light)}