*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1A4FD6;--primary-hover: #1540B8;--primary-light: #EFF6FF;--bg: #FFFFFF;--bg-secondary: #F6F5F2;--bg-tertiary: #EEECEA;--border: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .05);--text: #1A1A1A;--text-secondary: #6B6B6B;--text-tertiary: #A0A0A0;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--priority-high: #E24B4A;--priority-medium: #BA7517;--priority-low: #639922;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1)}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 480px}@media (max-width: 860px){.auth-screen{grid-template-columns:1fr}.auth-hero{display:none}}.auth-hero{background:#16123a;display:flex;flex-direction:column;justify-content:space-between;padding:48px;position:relative;overflow:hidden}.auth-hero:before{content:"";position:absolute;top:-120px;right:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(26,79,214,.35) 0%,transparent 70%);pointer-events:none;transition:transform .15s ease}.auth-hero:after{content:"";position:absolute;bottom:-80px;left:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(26,79,214,.2) 0%,transparent 70%);pointer-events:none}.auth-hero-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.auth-hero-logo-mark{width:36px;height:36px;border-radius:10px;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.auth-hero-logo-name{font-size:18px;font-weight:600;color:#fff;letter-spacing:-.01em}.auth-hero-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 0;position:relative;z-index:1}.auth-hero-title{font-size:42px;font-weight:600;color:#fff;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}.auth-hero-title span{color:#6b9ef5}.auth-hero-sub{font-size:16px;color:#ffffff8c;line-height:1.6;max-width:360px;margin-bottom:40px}.auth-features{display:flex;flex-direction:column;gap:14px}.auth-feature{display:flex;align-items:center;gap:12px}.auth-feature-dot{width:8px;height:8px;border-radius:50%;background:#1a4fd6;flex-shrink:0}.auth-feature-text{font-size:14px;color:#ffffffb3}.auth-hero-footer{font-size:12px;color:#ffffff4d;position:relative;z-index:1}.auth-panel{background:var(--bg);display:flex;align-items:center;justify-content:center;padding:48px 40px}.auth-card{width:100%;max-width:360px}.auth-card-eyebrow{font-size:12px;font-weight:500;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.auth-title{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.auth-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.auth-divider{font-size:12px;color:var(--text-tertiary);margin:16px 0;display:flex;align-items:center;gap:10px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.join-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.app{display:flex;height:100vh;overflow:hidden;font-family:var(--font)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar{width:230px;background:#16123a;border-right:none;display:flex;flex-direction:column;flex-shrink:0;padding:18px 14px}.sidebar-logo{display:flex;align-items:center;gap:9px;padding:0 4px;margin-bottom:24px;overflow:visible;flex-shrink:0}.sidebar-logo-icon{width:32px;height:32px;border-radius:9px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.sidebar-logo-text{font-weight:600;font-size:17px;color:#fff;letter-spacing:-.01em}.sidebar-section-label{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:0 6px;margin-bottom:6px}.sidebar-projects{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.sidebar-project-btn{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;text-align:left;color:#fff9;font-size:13px;font-family:var(--font);width:100%;transition:background .12s,color .12s}.sidebar-project-btn:hover{background:#ffffff12;color:#ffffffe6}.sidebar-project-btn.active{background:#1a4fd64d;color:#fff;font-weight:500}.sidebar-project-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.sidebar-project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-project-row{display:flex;align-items:center;border-radius:var(--radius-sm);gap:2px}.sidebar-project-row .sidebar-project-btn{flex:1;min-width:0}.sidebar-project-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;max-width:0;overflow:hidden;opacity:0;transition:max-width .2s ease,opacity .15s ease}.sidebar-project-row:hover .sidebar-project-actions{max-width:56px;opacity:1}.sidebar-project-action-btn{background:#ffffff1a;border:none;border-radius:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;transition:background .12s,color .12s;flex-shrink:0}.sidebar-project-action-btn:hover{background:#fff3;color:#fff}.sidebar-project-delete-btn:hover{background:#e24b4a4d;color:#ff6b6b}.sidebar-project-action-dot{width:10px;height:10px;border-radius:50%;display:block}.sidebar-project-confirm{display:flex;align-items:center;gap:4px;padding:0 6px 0 2px;flex-shrink:0;animation:confirm-in .15s ease}@keyframes confirm-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.sidebar-project-confirm-text{font-size:11px;color:#ffffff80}.sidebar-project-confirm-yes{background:#e24b4a4d;border:none;border-radius:4px;padding:2px 7px;font-size:11px;color:#ff6b6b;cursor:pointer;font-family:var(--font);transition:background .12s}.sidebar-project-confirm-yes:hover{background:#e24b4a80}.sidebar-project-confirm-no{background:#ffffff14;border:none;border-radius:4px;padding:2px 7px;font-size:11px;color:#ffffff80;cursor:pointer;font-family:var(--font);transition:background .12s}.sidebar-project-confirm-no:hover{background:#ffffff26}.sidebar-color-picker{display:flex;gap:6px;padding:8px;background:#ffffff0d;border-radius:var(--radius-sm);margin-top:2px;flex-wrap:wrap}.sidebar-color-swatch{width:20px;height:20px;border-radius:50%;border:none;cursor:pointer;transition:transform .1s;flex-shrink:0}.sidebar-color-swatch:hover{transform:scale(1.2)}.sidebar-color-swatch.selected{outline:2px solid #fff;outline-offset:2px}.sidebar-new-btn{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:var(--radius-sm);border:1px dashed rgba(255,255,255,.15);background:none;cursor:pointer;font-size:12px;color:#fff6;font-family:var(--font);width:100%;margin-top:4px;transition:border-color .12s,color .12s}.sidebar-new-btn:hover{border-color:#1a4fd699;color:#6b9ef5}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:12px 4px 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:12px}.sidebar-footer-info{flex:1;min-width:0}.sidebar-footer-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffd9}.sidebar-footer-email{font-size:11px;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{background:none;border:none;cursor:pointer;color:#ffffff4d;font-size:16px;padding:4px;border-radius:var(--radius-xs);display:flex;align-items:center;transition:color .12s;flex-shrink:0}.sidebar-logout-btn:hover{color:#ff6b6b}.sidebar-user-menu-wrap{position:relative;flex-shrink:0}.sidebar-avatar-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.85;transition:opacity .12s}.sidebar-avatar-btn:hover{opacity:1}.sidebar-user-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.sidebar-user-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:190px;overflow:hidden;z-index:200;animation:fade-in-up .15s ease forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-user-menu-name{font-size:13px;font-weight:500;color:var(--text);padding:12px 14px 2px}.sidebar-user-menu-email{font-size:11px;color:var(--text-secondary);padding:0 14px 10px;border-bottom:1px solid var(--border)}.sidebar-user-menu-item{display:block;width:100%;padding:11px 14px;background:none;border:none;border-top:1px solid var(--border-subtle);text-align:left;font-size:13px;font-family:var(--font);color:var(--text);cursor:pointer;transition:background .12s}.sidebar-user-menu-item:first-of-type{border-top:none}.sidebar-user-menu-item:hover{background:var(--bg-secondary)}.sidebar-user-menu-signout{color:var(--priority-high)}.project-header{padding:14px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--bg)}.project-header-info{flex:1}.project-header-name{font-size:16px;font-weight:600;margin:0;letter-spacing:-.02em}.project-header-desc{font-size:12px;color:var(--text-secondary);margin:0}.project-name-input{font-size:16px;font-weight:600;letter-spacing:-.02em;font-family:var(--font);color:var(--text);background:var(--bg-secondary);border:1px solid var(--primary);border-radius:var(--radius-xs);padding:2px 8px;outline:none;width:280px;max-width:100%}.view-nav{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg)}.view-nav-btn{font-size:13px;padding:11px 16px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font);font-weight:400;transition:color .12s,border-color .12s;white-space:nowrap}.view-nav-btn:hover{color:var(--text)}.view-nav-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}@keyframes view-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes item-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kanban-col{opacity:0;animation:item-enter .28s cubic-bezier(.16,1,.3,1) forwards}.kanban-col:nth-child(1){animation-delay:.04s}.kanban-col:nth-child(2){animation-delay:.09s}.kanban-col:nth-child(3){animation-delay:.14s}.kanban-col:nth-child(4){animation-delay:.19s}.task-card{opacity:0;animation:item-enter .24s cubic-bezier(.16,1,.3,1) forwards}.kanban-col:nth-child(1) .task-card:nth-child(1){animation-delay:.1s}.kanban-col:nth-child(1) .task-card:nth-child(2){animation-delay:.15s}.kanban-col:nth-child(1) .task-card:nth-child(n+3){animation-delay:.2s}.kanban-col:nth-child(2) .task-card:nth-child(1){animation-delay:.15s}.kanban-col:nth-child(2) .task-card:nth-child(n+2){animation-delay:.2s}.kanban-col:nth-child(3) .task-card:nth-child(1){animation-delay:.2s}.kanban-col:nth-child(3) .task-card:nth-child(n+2){animation-delay:.25s}.kanban-col:nth-child(4) .task-card:nth-child(1){animation-delay:.25s}.kanban-col:nth-child(4) .task-card:nth-child(n+2){animation-delay:.3s}.dash-section{opacity:0;animation:item-enter .3s cubic-bezier(.16,1,.3,1) forwards}.dash-section:nth-child(1){animation-delay:.06s}.dash-section:nth-child(2){animation-delay:.14s}.dash-section:nth-child(3){animation-delay:.22s}.dash-section:nth-child(4){animation-delay:.3s}.dash-stat{opacity:0;animation:item-enter .28s cubic-bezier(.16,1,.3,1) forwards}.dash-stat:nth-child(1){animation-delay:.12s}.dash-stat:nth-child(2){animation-delay:.18s}.dash-stat:nth-child(3){animation-delay:.24s}.dash-stat:nth-child(4){animation-delay:.3s}.dash-stat:nth-child(5){animation-delay:.36s}.dash-stat:nth-child(6){animation-delay:.42s}@keyframes segment-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dash-status-segment{transform:scaleX(0);transform-origin:left;animation:segment-grow .7s cubic-bezier(.16,1,.3,1) forwards}.dash-status-segment:nth-child(1){animation-delay:.35s}.dash-status-segment:nth-child(2){animation-delay:.5s}.dash-status-segment:nth-child(3){animation-delay:.62s}.dash-status-segment:nth-child(4){animation-delay:.72s}.dash-sprint-row{opacity:0;animation:item-enter .22s cubic-bezier(.16,1,.3,1) forwards}.dash-sprint-row:nth-child(1){animation-delay:.22s}.dash-sprint-row:nth-child(2){animation-delay:.28s}.dash-sprint-row:nth-child(3){animation-delay:.34s}.dash-sprint-row:nth-child(4){animation-delay:.4s}.dash-sprint-row:nth-child(n+5){animation-delay:.46s}.dash-milestone{opacity:0;animation:item-enter .24s cubic-bezier(.16,1,.3,1) forwards}.dash-milestone:nth-child(1){animation-delay:.08s}.dash-milestone:nth-child(2){animation-delay:.15s}.dash-milestone:nth-child(3){animation-delay:.22s}.dash-milestone:nth-child(n+4){animation-delay:.29s}.dash-activity-row{opacity:0;animation:item-enter .22s cubic-bezier(.16,1,.3,1) forwards}.dash-activity-row:nth-child(1){animation-delay:.06s}.dash-activity-row:nth-child(2){animation-delay:.12s}.dash-activity-row:nth-child(3){animation-delay:.18s}.dash-activity-row:nth-child(4){animation-delay:.24s}.dash-activity-row:nth-child(n+5){animation-delay:.3s}.sprint-task-row{opacity:0;animation:item-enter .24s cubic-bezier(.16,1,.3,1) forwards}.sprint-task-row:nth-child(1){animation-delay:.1s}.sprint-task-row:nth-child(2){animation-delay:.16s}.sprint-task-row:nth-child(3){animation-delay:.22s}.sprint-task-row:nth-child(n+4){animation-delay:.28s}.roadmap-item{opacity:0;animation:item-enter .28s cubic-bezier(.16,1,.3,1) forwards}.roadmap-item:nth-child(1){animation-delay:.08s}.roadmap-item:nth-child(2){animation-delay:.14s}.roadmap-item:nth-child(3){animation-delay:.2s}.roadmap-item:nth-child(n+4){animation-delay:.26s}.member-card{opacity:0;animation:item-enter .26s cubic-bezier(.16,1,.3,1) forwards}.member-card:nth-child(1){animation-delay:.08s}.member-card:nth-child(2){animation-delay:.14s}.member-card:nth-child(3){animation-delay:.2s}.member-card:nth-child(n+4){animation-delay:.26s}.view-content{flex:1;overflow-y:auto;padding:24px 28px;animation:view-enter .22s cubic-bezier(.16,1,.3,1) forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .12s,background .12s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-ghost{background:none;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text)}.btn-danger{background:#fee2e2;color:var(--priority-high);border:none}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-google{background:var(--bg);color:#333;border:1px solid var(--border);width:100%;padding:11px 16px;font-size:14px;box-shadow:var(--shadow-sm)}.btn-google:hover{background:var(--bg-secondary)}.btn-sm{padding:5px 12px;font-size:12px}.btn-full{width:100%}.input,.select,.textarea{width:100%;font-size:13px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-family:var(--font);outline:none;transition:border-color .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);background:var(--bg)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical}.input-lg{font-size:15px;padding:9px 12px}.form-row{display:flex;flex-direction:column;gap:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{font-size:12px;color:var(--text-secondary);font-weight:500}.form-stack{display:flex;flex-direction:column;gap:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:480px;max-width:100%;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-md)}.modal-wide{width:680px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:17px;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-secondary);line-height:1;padding:2px 4px;border-radius:var(--radius-xs);transition:color .12s}.modal-close:hover{color:var(--text)}.card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px}.pill{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 8px;border-radius:99px;white-space:nowrap}.status-backlog{background:#f1efe8;color:#5f5e5a}.status-in-progress{background:#e6f1fb;color:#185fa5}.status-review{background:#faeeda;color:#854f0b}.status-done{background:#eaf3de;color:#3b6d11}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 8px;border-radius:99px}.priority-dot{font-size:11px;font-weight:500}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;color:#fff;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-height:400px}.kanban-col{background:var(--bg-secondary);border-radius:var(--radius-md);padding:12px;min-height:400px}.kanban-col-header{display:flex;align-items:center;gap:6px;margin-bottom:12px}.kanban-col-count{font-size:12px;color:var(--text-secondary);margin-left:auto}.kanban-tasks{display:flex;flex-direction:column;gap:8px}.task-card{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 12px;cursor:pointer;transition:box-shadow .15s,transform .1s}.task-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-card.dragging{opacity:.5}.task-card-title{font-size:13px;font-weight:500;line-height:1.4;margin-bottom:8px}.task-card-labels{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.task-card-footer{display:flex;align-items:center;justify-content:space-between}.task-card-meta{display:flex;align-items:center;gap:6px}.task-card-due{font-size:11px;color:var(--text-secondary);margin-top:6px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:14px 16px}.stat-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:28px;font-weight:600;line-height:1}.progress-bar-track{height:10px;background:var(--bg-tertiary);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .4s ease}.progress-label{font-size:12px;color:var(--text-secondary);margin-top:6px}.milestone-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.milestone-dot{width:18px;height:18px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:#fff}.activity-item{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:5px;flex-shrink:0}.activity-text{font-size:13px;margin:0}.activity-time{font-size:11px;color:var(--text-secondary);margin:0}.sprint-task-row{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;gap:12px}.sprint-task-title{flex:1;font-size:13px}.roadmap-item{display:flex;gap:16px;align-items:flex-start}.roadmap-connector{display:flex;flex-direction:column;align-items:center}.roadmap-node{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;flex-shrink:0}.roadmap-line{width:2px;height:40px;background:var(--border)}.roadmap-info{padding-top:2px;padding-bottom:16px}.roadmap-name{font-size:14px;font-weight:500;margin-bottom:2px}.roadmap-date{font-size:12px;color:var(--text-secondary)}.member-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:14px;display:flex;align-items:center;gap:14px;margin-bottom:10px}.member-info{flex:1}.member-name{font-size:14px;font-weight:500;margin-bottom:2px}.member-meta{font-size:12px;color:var(--text-secondary)}.modal-tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:12px}.modal-tab-btn{font-size:13px;padding:4px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font);text-transform:capitalize;transition:all .12s}.modal-tab-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.modal-tab-meta{margin-left:auto;display:flex;align-items:center;gap:8px}.attachment-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.attachment-link-form{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.attachment-link-btns{display:flex;gap:8px}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary)}.attachment-thumb{width:40px;height:40px;border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0}.attachment-icon{width:40px;height:40px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.attachment-meta{flex:1;min-width:0}.attachment-name{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);text-decoration:none}.attachment-name-link{color:var(--primary)}.attachment-size{font-size:11px;color:var(--text-secondary)}.attachment-url{font-size:11px;color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:18px;line-height:1;flex-shrink:0;padding:2px;border-radius:var(--radius-xs);transition:color .12s}.attachment-remove:hover{color:var(--priority-high)}.attachment-empty{font-size:12px;color:var(--text-secondary)}.attachment-view-link{font-size:11px;color:var(--primary);text-decoration:none;flex-shrink:0}.invite-code-box{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:16px}.invite-code{flex:1;font-size:22px;font-weight:600;letter-spacing:.12em;color:var(--primary);font-family:monospace}.invite-copy-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-xs);padding:4px 10px;font-size:12px;cursor:pointer;color:var(--text-secondary);font-family:var(--font);transition:all .12s}.invite-copy-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.invite-hint{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.member-list-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.member-list-item:last-child{border-bottom:none}.member-list-name{flex:1;font-size:13px}.member-list-email{font-size:11px;color:var(--text-secondary)}.member-list-badge{font-size:11px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:99px}.member-remove-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:14px;padding:2px 4px;border-radius:var(--radius-xs);transition:color .12s}.member-remove-btn:hover{color:var(--priority-high)}.add-member-form{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px}.add-member-row{display:flex;gap:8px;align-items:center}.add-member-row .input{flex:1}.add-member-error{font-size:12px;color:var(--priority-high);margin-top:6px}.color-picker{display:flex;gap:8px}.color-swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;transition:transform .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{outline:3px solid var(--text);outline-offset:2px}.empty-state{font-size:13px;color:var(--text-secondary);padding:20px 0}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:14px;color:var(--text-secondary)}.no-project{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px;flex-direction:column;gap:12px}.no-project-icon{font-size:40px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.text-sm{font-size:12px}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard{max-width:780px;display:flex;flex-direction:column;gap:36px}.dash-section{display:flex;flex-direction:column;gap:12px}.dash-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary)}.dash-stats-row{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.dash-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 10px;border-right:1px solid var(--border);gap:4px}.dash-stat:last-child{border-right:none}.dash-stat-val{font-size:26px;font-weight:600;line-height:1;letter-spacing:-.02em}.dash-stat-label{font-size:11px;color:var(--text-secondary);white-space:nowrap}.dash-board-bar{display:flex;flex-direction:column;gap:8px}.dash-status-bar{height:8px;border-radius:99px;overflow:hidden;display:flex;gap:2px;background:var(--bg-tertiary)}.dash-status-segment{height:100%;border-radius:99px;transition:width .4s ease}.dash-bar-legend{display:flex;gap:16px;flex-wrap:wrap}.dash-legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.dash-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dash-sprint-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:14px}.dash-sprint-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dash-sprint-meta{flex:1;display:flex;flex-direction:column;gap:3px}.dash-sprint-name{font-size:15px;font-weight:600;letter-spacing:-.01em}.dash-sprint-dates{font-size:12px;color:var(--text-secondary)}.dash-sprint-goal{font-size:13px;color:var(--text-secondary);line-height:1.5;border-left:2px solid var(--border);padding-left:10px;margin-top:6px}.dash-sprint-ring{flex-shrink:0}.dash-sprint-progress-row{display:flex;align-items:center;gap:12px}.dash-sprint-progress-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.dash-sprint-tasks{display:flex;flex-direction:column;border-top:1px solid var(--border);padding-top:12px}.dash-sprint-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.dash-sprint-row:last-child{border-bottom:none}.dash-sprint-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-sprint-dot--idle{background:transparent;border:1.5px solid var(--text-tertiary)}.dash-sprint-dot--active{background:#185fa5}.dash-sprint-dot--review{background:#ba7517}.dash-sprint-dot--done{background:#639922}.dash-sprint-row-title{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-sprint-more{font-size:12px;color:var(--text-tertiary);padding-top:8px;padding-left:18px}.dash-milestones{display:flex;flex-direction:column}.dash-milestone{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.dash-milestone:last-child{border-bottom:none}.dash-milestone--done .dash-milestone-name{text-decoration:line-through;color:var(--text-tertiary)}.dash-milestone-check{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-milestone--done .dash-milestone-check{background:#639922;border-color:#639922}.dash-milestone-name{flex:1;font-size:13px}.dash-milestone-date{font-size:12px;color:var(--text-secondary)}.dash-activity{display:flex;flex-direction:column;gap:14px}.dash-activity-row{display:flex;gap:10px;align-items:flex-start}.dash-activity-body{flex:1;display:flex;flex-direction:column;gap:2px}.dash-activity-text{font-size:13px;line-height:1.4}.dash-activity-time{font-size:11px;color:var(--text-secondary)}.dash-empty{font-size:13px;color:var(--text-tertiary);padding:2px 0}.dash-empty-state{display:flex;flex-direction:column;align-items:center;padding:32px 20px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px dashed var(--border);gap:8px;animation:item-enter .4s cubic-bezier(.16,1,.3,1) .1s both}.dash-empty-icon{width:52px;height:52px;border-radius:14px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:4px;animation:pulse-subtle 3s ease-in-out infinite}@keyframes pulse-subtle{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.dash-empty-title{font-size:14px;font-weight:500;color:var(--text-secondary)}.dash-empty-hint{font-size:12px;color:var(--text-tertiary)}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;animation:fade-in-up .3s ease forwards}.tour-overlay.tour-exiting{animation:tour-fade-out .3s ease forwards}@keyframes tour-fade-out{to{opacity:0}}.tour-spotlight{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px #000000a6;transition:top .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1);pointer-events:none;outline:2px solid rgba(107,158,245,.5);outline-offset:0}.tour-tooltip{position:fixed;width:300px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;padding:18px 20px;pointer-events:all;transition:top .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1);animation:fade-in-up .25s ease forwards}.tour-tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tour-step-count{font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.06em}.tour-skip{background:none;border:none;font-size:12px;color:var(--text-tertiary);cursor:pointer;font-family:var(--font);padding:0;transition:color .12s}.tour-skip:hover{color:var(--text-secondary)}.tour-title{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em;margin-bottom:6px}.tour-desc{font-size:13px;color:var(--text-secondary);line-height:1.55;margin-bottom:16px}.tour-footer{display:flex;align-items:center;justify-content:space-between}.tour-dots{display:flex;gap:5px;align-items:center}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background .2s,transform .2s}.tour-dot.active{background:var(--primary);transform:scale(1.3)}.tour-next{font-family:var(--font);font-size:13px;font-weight:500;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-sm);padding:7px 18px;cursor:pointer;transition:background .12s}.tour-next:hover{background:var(--primary-hover)}.onboarding-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:24px}.onboarding-card{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:36px 40px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:28px}.onboarding-logo{display:flex}.onboarding-heading{display:flex;flex-direction:column;gap:4px}.onboarding-title{font-size:22px;font-weight:600;letter-spacing:-.02em}.onboarding-sub{font-size:14px;color:var(--text-secondary)}.onboarding-options{display:flex;flex-direction:column;gap:10px}.onboarding-option{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;font-family:var(--font);transition:border-color .15s,box-shadow .15s,background .15s}.onboarding-option:hover{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #1a4fd60f}.onboarding-option-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;transition:background .15s}.onboarding-option:hover .onboarding-option-icon{background:#dbeafe}.onboarding-option-body{flex:1}.onboarding-option-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.onboarding-option-desc{font-size:12px;color:var(--text-secondary)}.onboarding-option-arrow{color:var(--text-tertiary);flex-shrink:0;transition:color .15s,transform .15s}.onboarding-option:hover .onboarding-option-arrow{color:var(--primary);transform:translate(2px)}.onboarding-back{display:inline-flex;align-items:center;gap:5px;background:none;border:none;font-size:13px;color:var(--text-secondary);cursor:pointer;font-family:var(--font);padding:0;margin-bottom:-8px;transition:color .12s}.onboarding-back:hover{color:var(--text)}.onboarding-code-input{font-size:20px!important;letter-spacing:.12em;font-family:monospace!important;text-align:center;padding:12px!important}.onboarding-error{font-size:13px;color:var(--priority-high);text-align:center}.onboarding-signout{background:none;border:none;font-size:12px;color:var(--text-tertiary);cursor:pointer;font-family:var(--font);text-align:center;padding:0;transition:color .12s}.onboarding-signout:hover{color:var(--text-secondary)}.mobile-topbar{display:none}.mobile-project-switcher{position:relative;flex:1;display:flex;justify-content:center}.mobile-topbar-project-btn{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;color:#ffffffb3;font-family:var(--font);font-size:13px;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);transition:background .12s}.mobile-topbar-project-btn:hover{background:#ffffff12;color:#ffffffe6}.mobile-switcher-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:149}.mobile-switcher-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:220px;overflow:hidden;z-index:150;animation:fade-in-up .15s ease forwards}.mobile-switcher-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;background:none;border:none;border-bottom:1px solid var(--border-subtle);text-align:left;font-size:13px;font-family:var(--font);color:var(--text);cursor:pointer;transition:background .12s}.mobile-switcher-item:hover{background:var(--bg-secondary)}.mobile-switcher-item.active{color:var(--primary);font-weight:500}.mobile-switcher-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.mobile-switcher-new{display:block;width:100%;padding:11px 14px;background:none;border:none;border-top:1px solid var(--border-subtle);text-align:left;font-size:13px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:background .12s}.mobile-switcher-new:hover{background:var(--bg-secondary)}.mobile-topbar-user{position:relative;flex-shrink:0}.mobile-topbar-avatar{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.85;transition:opacity .12s}.mobile-topbar-avatar:hover{opacity:1}.mobile-user-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;overflow:hidden;z-index:200}.mobile-user-menu-name{font-size:13px;font-weight:500;color:var(--text);padding:12px 14px 2px}.mobile-user-menu-email{font-size:11px;color:var(--text-secondary);padding:0 14px 10px;border-bottom:1px solid var(--border)}.mobile-user-menu-item{display:block;width:100%;padding:11px 14px;background:none;border:none;border-top:1px solid var(--border-subtle);text-align:left;font-size:13px;font-family:var(--font);color:var(--text);cursor:pointer;transition:background .12s}.mobile-user-menu-item:hover{background:var(--bg-secondary)}.mobile-user-menu-signout{display:block;width:100%;padding:11px 14px;background:none;border:none;text-align:left;font-size:13px;font-family:var(--font);color:var(--priority-high);cursor:pointer;transition:background .12s}.mobile-user-menu-signout:hover{background:var(--bg-secondary)}.mobile-user-menu-cancel{display:block;width:100%;padding:11px 14px;background:none;border:none;border-top:1px solid var(--border);text-align:left;font-size:13px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:background .12s}.mobile-user-menu-cancel:hover{background:var(--bg-secondary)}@media (max-width: 768px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#16123a;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;position:sticky;top:0;z-index:100}.mobile-topbar-project{font-size:13px;font-weight:500;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.app{flex-direction:column}.sidebar{display:none}.main-content{height:100vh;overflow-y:auto}.project-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.project-header-name{font-size:15px}.view-nav{padding:0 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.view-nav::-webkit-scrollbar{display:none}.desktop-only-tab{display:none}.admin-portal{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;padding:12px 16px;gap:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.admin-sidebar-header{display:none}.admin-nav{flex-direction:row;gap:4px}.admin-content{padding:16px}.admin-invite-card{padding:14px}.admin-invite-code{font-size:18px}.view-content{padding:16px}.view-content[data-view=board]>*,.view-content[data-view=sprint]>*,.view-content[data-view=roadmap]>*{display:none}.view-content[data-view=board]:before,.view-content[data-view=sprint]:before,.view-content[data-view=roadmap]:before{content:"";display:block}.view-content[data-view=board],.view-content[data-view=sprint],.view-content[data-view=roadmap]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:300px}.view-content[data-view=board]:after,.view-content[data-view=sprint]:after,.view-content[data-view=roadmap]:after{content:"This view is designed for desktop. \aVisit on a larger screen to access it.";white-space:pre;font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:260px}.dashboard{max-width:100%}.dash-stats-row{flex-wrap:wrap}.dash-stat{min-width:calc(33% - 1px)}.kanban,.auth-screen{grid-template-columns:1fr}.auth-hero{display:none}.onboarding-card{padding:28px 24px}}.sidebar-admin-btn{display:block;width:calc(100% - 8px);margin:0 4px 8px;padding:6px 10px;background:none;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xs);color:#fff6;font-size:11px;font-family:var(--font);font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left;transition:border-color .12s,color .12s,background .12s}.sidebar-admin-btn:hover{border-color:#1a4fd680;color:#6b9ef5;background:#1a4fd614}.admin-portal{display:flex;height:100vh;overflow:hidden;background:#0f0d29}.admin-sidebar{width:220px;flex-shrink:0;background:#16123a;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:28px 14px 20px}.admin-sidebar-header{padding:0 6px;margin-bottom:28px}.admin-sidebar-eyebrow{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:4px}.admin-sidebar-title{font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em}.admin-nav{display:flex;flex-direction:column;gap:2px;flex:1}.admin-nav-btn{display:block;width:100%;padding:9px 10px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;text-align:left;font-size:13px;font-family:var(--font);color:#ffffff80;transition:background .12s,color .12s}.admin-nav-btn:hover{background:#ffffff0f;color:#ffffffd9}.admin-nav-btn.active{background:#1a4fd647;color:#fff;font-weight:500}.admin-sidebar-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.07);margin-top:16px}.admin-close-btn{display:block;width:100%;padding:8px 10px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#fff6;font-size:12px;font-family:var(--font);cursor:pointer;text-align:center;transition:border-color .12s,color .12s}.admin-close-btn:hover{border-color:#ffffff40;color:#fffc}.admin-content{flex:1;overflow-y:auto;padding:40px 48px;background:#0f0d29}.admin-section{max-width:860px}.admin-section-header{margin-bottom:28px}.admin-section-title{font-size:22px;font-weight:600;color:#fff;letter-spacing:-.02em;margin-bottom:6px}.admin-section-desc{font-size:13px;color:#fff6;line-height:1.5}.admin-empty{font-size:13px;color:#ffffff4d;padding:24px 0}.admin-invite-list{display:flex;flex-direction:column;gap:16px}.admin-invite-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:20px 24px;transition:border-color .15s}.admin-invite-card:hover{border-color:#ffffff1f}.admin-invite-card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.admin-invite-dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.admin-invite-dot-sm{width:8px;height:8px}.admin-invite-project-name{font-size:14px;font-weight:500;color:#ffffffd9}.admin-invite-code-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.admin-invite-code{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:22px;font-weight:600;letter-spacing:.12em;color:#fff;background:#1a4fd62e;border:1px solid rgba(26,79,214,.3);border-radius:var(--radius-xs);padding:8px 16px}.admin-invite-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-invite-badge{font-size:10px;font-weight:500;padding:2px 8px;border-radius:99px;background:#6b9ef51f;color:#6b9ef5cc;margin-left:auto}.admin-invite-action-btn{padding:4px 12px;border-radius:var(--radius-xs);font-size:12px;font-family:var(--font);font-weight:500;cursor:pointer;background:#ffffff12;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);transition:background .12s,color .12s}.admin-invite-action-btn:hover{background:#ffffff1f;color:#fff}.admin-invite-danger-btn:hover{background:#e24b4a33;color:#ff6b6b;border-color:#e24b4a4d}.admin-generate-btn{width:100%;padding:12px;border-radius:var(--radius-sm);border:1px dashed rgba(107,158,245,.25);background:none;color:#6b9ef599;font-size:13px;font-family:var(--font);font-weight:500;cursor:pointer;transition:border-color .12s,color .12s;margin-top:4px}.admin-generate-btn:hover:not(:disabled){border-color:#6b9ef580;color:#6b9ef5e6}.admin-generate-btn:disabled{opacity:.4;cursor:not-allowed}.admin-access-form{display:flex;gap:8px;align-items:center;padding:10px 14px;background:#ffffff08;border:1px solid rgba(107,158,245,.2);border-radius:var(--radius-sm)}.admin-access-input{flex:1;background:none;border:none;outline:none;font-size:13px;font-family:var(--font);color:#ffffffd9}.admin-access-input::placeholder{color:#ffffff40}.admin-btn{padding:7px 14px;border-radius:var(--radius-xs);font-size:12px;font-family:var(--font);font-weight:500;cursor:pointer;border:none;transition:background .12s,color .12s}.admin-btn:disabled{opacity:.5;cursor:default}.admin-btn-ghost{background:#ffffff12;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.admin-btn-ghost:hover:not(:disabled){background:#ffffff1f;color:#fff}.admin-invite-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.admin-toggle-info{display:flex;flex-direction:column;gap:2px}.admin-toggle-label{font-size:13px;font-weight:500;color:#fffc}.admin-toggle-desc{font-size:11px;color:#ffffff59}.admin-toggle-loading{font-size:11px;color:#ffffff4d}.admin-toggle{width:40px;height:22px;border-radius:11px;background:#ffffff1f;border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;transition:background .2s,border-color .2s;flex-shrink:0}.admin-toggle.on{background:var(--primary);border-color:var(--primary)}.admin-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.admin-toggle.on .admin-toggle-knob{transform:translate(18px)}.admin-table-wrap{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead tr{background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07)}.admin-table th{padding:11px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffff4d}.admin-table td{padding:13px 16px;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:#ffffff05}.admin-table-project-cell{display:flex;align-items:center;gap:8px}.admin-table-project-name{font-weight:500;color:#fff}.admin-table-count{font-variant-numeric:tabular-nums}.admin-table-uid{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#ffffff59}.admin-table-date{color:#fff6;font-size:12px}.admin-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.admin-badge-owner{background:#1a4fd633;color:#6b9ef5}.admin-member-list{display:flex;flex-direction:column;gap:2px}.admin-member-row{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);transition:border-color .12s}.admin-member-row:hover{border-color:#ffffff1a}.admin-member-info{min-width:200px;flex-shrink:0}.admin-member-name{font-size:13px;font-weight:500;color:#fff;margin-bottom:2px}.admin-member-email{font-size:11px;color:#ffffff59}.admin-member-projects{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:2px}.admin-member-project-tag{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xs);padding:3px 8px}.admin-member-project-name{font-size:12px;color:#ffffffa6}.admin-role-badge{font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.admin-role-owner{background:#1a4fd640;color:#6b9ef5}.admin-role-admin{background:#ba751740;color:#e8a740}.admin-role-member{background:#ffffff1a;color:#ffffff8c}.admin-role-viewer{background:#ffffff0f;color:#ffffff59}
