*{box-sizing:border-box}body{color:#0f172a;background:#f8fafc;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font-family:inherit}.muted{color:#64748b}.danger-text{color:#dc2626;font-weight:600}.small-note{font-size:12px}.btn-primary,.btn-outline,.btn-danger,.link-btn{cursor:pointer;border-radius:8px;font-size:14px;font-weight:600;transition:all .15s}.btn-primary{color:#fff;background:#4f46e5;border:none;padding:10px 16px}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{cursor:not-allowed;background:#a5b4fc}.btn-outline{color:#334155;background:#fff;border:1px solid #e2e8f0;padding:9px 15px}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;padding:9px 15px}.btn-danger:hover{background:#fecaca}.btn-block{width:100%;padding:12px}.link-btn{color:#4f46e5;background:0 0;border:none;padding:0;font-weight:600}.link-btn.danger{color:#dc2626}.app-shell{min-height:100vh;display:flex}.sidebar{color:#e5e7eb;background:#111827;flex-direction:column;flex-shrink:0;width:240px;padding:20px 16px;display:flex}.sidebar-brand{align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#4f46e5;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.sidebar-workspace{background:#1f2937;border-radius:10px;margin-bottom:20px;padding:10px 12px}.ws-name{font-size:14px;font-weight:600}.ws-code{color:#9ca3af;margin-top:2px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav a{color:#cbd5e1;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none}.sidebar-nav a:hover{background:#1f2937}.sidebar-nav a.active{color:#fff;background:#4f46e5}.sidebar-switch{color:#cbd5e1;background:0 0;border-color:#374151}.mobile-toggle{z-index:40;color:#fff;background:#111827;border:none;border-radius:8px;width:38px;height:38px;font-size:16px;display:none;position:fixed;top:12px;left:12px}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{font-size:15px;font-weight:600}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-btn{cursor:pointer;color:#475569;background:0 0;border:none;font-size:17px;position:relative}.icon-btn.danger{color:#dc2626}.badge-dot{color:#fff;background:#dc2626;border-radius:999px;padding:1px 5px;font-size:10px;position:absolute;top:-6px;right:-8px}.avatar-chip{color:#fff;background:#4f46e5;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.avatar-chip.small{width:24px;height:24px;font-size:11px}.avatar-stack{gap:-4px;display:flex}.avatar-stack .avatar-chip.small{border:2px solid #fff;margin-left:-6px}.notif-wrap{position:relative}.notif-panel{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:300px;max-height:340px;position:absolute;top:32px;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.notif-panel-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.notif-item{cursor:pointer;border-bottom:1px solid #f8fafc;padding:10px 14px;font-size:13px}.notif-item.unread{background:#eef2ff}.notif-empty{color:#64748b;text-align:center;padding:16px;font-size:13px}.page-content{width:100%;max-width:1200px;margin:0 auto;padding:24px 32px 60px}.page-header{margin-bottom:20px}.page-header.row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header h1{margin:0 0 4px;font-size:24px}.page-header p{color:#64748b;margin:0}.back-link{color:#4f46e5;font-size:13px;font-weight:600;text-decoration:none}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #4f46e5;border-radius:12px;padding:18px}.stat-card.warn{border-left-color:#dc2626}.stat-card.info{border-left-color:#2563eb}.stat-card.good{border-left-color:#16a34a}.stat-value{font-size:26px;font-weight:700}.stat-label{color:#64748b;margin-top:4px;font-size:13px}.dash-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=860px){.dash-grid{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:18px 20px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel h2{margin:0 0 10px;font-size:16px}.task-mini-list,.project-mini-list,.activity-feed{margin:0;padding:0;list-style:none}.task-mini-list li{border-bottom:1px solid #f1f5f9;padding:10px 0}.task-mini-list li a{color:#0f172a;font-size:14px;font-weight:600;text-decoration:none}.task-mini-meta{justify-content:space-between;margin-top:3px;font-size:12px;display:flex}.project-mini-list li{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.project-mini-name{color:#0f172a;font-size:14px;font-weight:600;text-decoration:none}.project-mini-badges{gap:6px;display:flex}.alert-strip{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.filter-bar select,.filter-bar input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 10px;font-size:13px}.search-input{flex:1;min-width:180px}.checkbox-inline{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.project-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.project-card-name{color:#0f172a;font-size:15px;font-weight:700;text-decoration:none}.project-card-menu{gap:4px;display:flex}.project-card-desc{color:#64748b;min-height:20px;margin:0;font-size:13px}.project-card-badges{flex-wrap:wrap;gap:6px;display:flex}.project-card-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.kanban{grid-template-columns:repeat(4,1fr);gap:14px;display:grid;overflow-x:auto}@media (width<=960px){.kanban{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=600px){.kanban{grid-template-columns:1fr}}.kanban-col{background:#f1f5f9;border-radius:12px;min-height:100px;padding:12px}.kanban-col-head{justify-content:space-between;margin-bottom:10px;padding:0 2px;font-size:13px;font-weight:700;display:flex}.kanban-col-body{flex-direction:column;gap:10px;display:flex}.kanban-empty{color:#94a3b8;text-align:center;padding:10px;font-size:12px}.task-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.task-card:hover{border-color:#c7d2fe}.task-card-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.task-title{font-size:13px;font-weight:600}.task-title.done{color:#94a3b8;text-decoration:line-through}.task-card-meta{justify-content:space-between;align-items:center;font-size:11px;display:flex}.inline-status-select{border:1px solid #e2e8f0;border-radius:6px;padding:4px;font-size:11px}.modal-overlay{z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-wide{max-width:640px}.modal-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:18px 20px 22px}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form label,.auth-form label{color:#334155;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.modal-form input,.modal-form select,.modal-form textarea,.auth-form input{border:1px solid #e2e8f0;border-radius:8px;padding:9px 10px;font-size:14px;font-weight:400}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:13px}.confirm-message{color:#475569;font-size:14px}.field-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.chip-select{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 12px;font-size:12px}.chip-active{color:#4338ca;background:#eef2ff;border-color:#4f46e5;font-weight:600}.task-detail-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.comments-section{border-top:1px solid #f1f5f9;margin-top:10px;padding-top:14px}.comments-section h4{margin:0 0 10px;font-size:14px}.comment-list{flex-direction:column;gap:10px;max-height:200px;margin-bottom:12px;display:flex;overflow-y:auto}.comment-item{background:#f8fafc;border-radius:8px;padding:8px 10px;font-size:13px}.comment-author{color:#4f46e5;margin-bottom:2px;font-size:12px;font-weight:700}.comment-composer{gap:8px;display:flex}.comment-composer input{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:9px 10px;font-size:13px}.mention-hint{color:#94a3b8;margin-top:6px;font-size:11px}.empty-state{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:40px 20px}.empty-state h3{color:#0f172a;margin:0 0 6px}.empty-state.small{border-style:solid;padding:16px;font-size:13px}.auth-screen{background:linear-gradient(160deg,#111827 0%,#1e293b 45%,#4f46e5 130%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px;box-shadow:0 20px 60px #0000004d}.auth-card.wide{max-width:460px}.auth-brand{align-items:center;gap:10px;margin-bottom:20px;font-weight:700;display:flex}.auth-card h1{margin:0 0 6px;font-size:22px}.auth-sub{color:#64748b;margin:0 0 20px;font-size:14px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-switch{text-align:center;color:#475569;margin-top:16px;font-size:13px}.auth-hint{text-align:center;color:#94a3b8;margin-top:10px;font-size:12px}.auth-note{text-align:center;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:14px;padding:8px;font-size:11px}.ws-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.ws-list-item{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ws-list-name{font-size:14px;font-weight:700}.ws-list-meta{color:#64748b;font-size:12px}.tab-row{background:#f1f5f9;border-radius:10px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600}.tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.invite-row{gap:10px;display:flex}.invite-row input{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:9px 10px}.member-table{border-collapse:collapse;width:100%;font-size:13px}.member-table th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding:8px 6px;font-size:12px}.member-table td{border-bottom:1px solid #f1f5f9;padding:10px 6px}.role-pill{text-transform:capitalize;background:#f1f5f9;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.activity-feed li{border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 0;display:flex}.activity-feed li:last-child{border-bottom:none}.activity-icon{font-size:16px}.toast-stack{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;top:16px;right:16px}.toast{color:#fff;background:#0f172a;border-radius:10px;align-items:center;gap:12px;min-width:220px;padding:12px 16px;font-size:13px;display:flex;box-shadow:0 10px 30px #00000040}.toast button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px}.toast-success{border-left:4px solid #16a34a}.toast-error{border-left:4px solid #dc2626}@media (width<=860px){.sidebar{z-index:30;transition:left .2s;position:fixed;top:0;bottom:0;left:-260px}.sidebar.open{left:0}.mobile-toggle{display:block}.page-content{padding:60px 16px 40px}.form-row{grid-template-columns:1fr}}