*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f0f0f;color:#e0e0e0;padding:0}#app{padding:16px 20px}#nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #2a2a2a;padding-bottom:12px}#nav h1{font-size:18px;color:#fff}.nav-right{display:flex;gap:8px;align-items:center}.user-info{color:#888;font-size:12px}.task-count{color:#666;font-size:12px}.btn{padding:8px 16px;color:#fff;border:none;cursor:pointer;border-radius:6px;font-weight:600;font-size:13px;transition:opacity .15s;text-decoration:none;display:inline-block}.btn:hover{opacity:.85}.btn.blue{background:#2563eb}.btn.green{background:#16a34a}.btn.purple{background:#7c3aed}.btn.gray{background:#444}.btn.red{background:#dc2626}.btn-sm{padding:5px 12px;font-size:12px}.input-row{display:flex;gap:8px;margin-bottom:12px}.input-row input{padding:8px 12px;background:#1a1a1a;border:1px solid #333;color:#fff;border-radius:6px;font-size:13px;flex:1}.btn-row{display:flex;gap:8px;margin-bottom:16px}h3{color:#888;font-size:13px;margin-bottom:8px}#logs{background:#0a0a0a;padding:14px;border-radius:8px;white-space:pre-wrap;font-family:SF Mono,Fira Code,monospace;font-size:12px;min-height:300px;border:1px solid #1a1a1a;color:#a0a0a0;line-height:1.5}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:40px;text-align:center;width:380px;max-width:100%}.auth-logo{width:56px;height:56px;background:#2563eb;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;margin:0 auto 20px}.auth-title{font-size:20px;color:#fff;margin-bottom:8px}.auth-subtitle{color:#888;font-size:13px;margin-bottom:20px}.auth-btn{width:100%;padding:12px;font-size:14px;margin-top:8px}.auth-error{color:#f87171;margin-bottom:16px;font-size:14px}.auth-spinner{width:32px;height:32px;border:3px solid #333;border-top-color:#2563eb;border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.users-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.users-header h2{font-size:16px;color:#fff}.users-table{width:100%;border-collapse:collapse;font-size:13px}.users-table th{text-align:left;padding:10px 12px;color:#888;font-weight:600;border-bottom:1px solid #2a2a2a;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:10px 12px;border-bottom:1px solid #1a1a1a;color:#e0e0e0}.users-table tr:hover td{background:#141414}.role-select{background:#1a1a1a;border:1px solid #333;color:#e0e0e0;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer}.tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}.tag.category{background:#1a1a2e;color:#60a5fa}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-overlay.hidden{display:none}.modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;width:420px;max-width:90%}.modal h3{margin-bottom:16px;font-size:16px;color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h3{margin-bottom:0}.audit-modal{width:640px;max-height:80vh;overflow-y:auto}.audit-log-content{max-height:60vh;overflow-y:auto}.audit-table{width:100%;border-collapse:collapse;font-size:12px}.audit-table th{text-align:left;padding:8px;color:#888;font-weight:600;border-bottom:1px solid #2a2a2a;font-size:11px}.audit-table td{padding:8px;border-bottom:1px solid #1a1a1a;color:#a0a0a0}.card-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;opacity:.4;transition:opacity .15s;color:#e0e0e0}.card-btn:hover{opacity:1}