:root{--bg: #f6f8fb;--panel: #ffffff;--panel-soft: #f8fafc;--text: #0f172a;--muted: #64748b;--primary: #4f46e5;--primary-600: #4338ca;--primary-soft: #eef2ff;--accent: #06b6d4;--border: #e5e7eb;--border-soft: #eef2f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow: 0 10px 30px rgba(0, 0, 0, .08)}.app-shell{display:flex;height:100vh;background:#f6f8fb;padding:18px;gap:18px;font-family:Inter,system-ui,sans-serif}.app-sidebar{position:relative;width:250px;background:var(--panel);border-radius:var(--radius);padding:20px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow);border:1px solid var(--border-soft);transition:width .25s ease,padding .25s ease}.app-sidebar.collapsed{width:82px;padding:18px 10px}.app-brand{position:relative;display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--border)}.app-logo-tile{position:relative;width:64px;height:64px;min-width:64px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #4f46e540;cursor:pointer}.app-logo{width:88px;height:88px;object-fit:contain}.brand-text{display:flex;flex-direction:column;min-width:0}.app-company{font-weight:600;font-size:14px;letter-spacing:.1px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse-btn{position:absolute;top:19px;right:15px;width:2px;background:transparent;border:0px rgba(79,70,229,.08);box-shadow:0 10px 22px #4f46e514;z-index:100}.collapse-btn:hover{transform:scale(1.08);color:var(--primary);box-shadow:0 8px 18px #0000002e}.app-sidebar.collapsed .collapse-btn{justify-content:center}.collapse-btn:hover{color:var(--primary)}.app-sidebar.collapsed .brand-text{display:none}.app-sidebar.collapsed .app-logo-tile{margin:0 auto}.app-sidebar.collapsed .app-brand{justify-content:center}.role-badge{font-size:10px;padding:2px 8px;border-radius:6px;display:inline-block;margin-top:3px;font-weight:600;letter-spacing:.4px;text-transform:capitalize;width:fit-content}.role-purple{background:#6d4aff18;color:#7c6cff}.role-blue{background:#2979ff18;color:#2979ff}.role-gold{background:#d4a01718;color:#d4a017}.role-gray{background:#94a3b818;color:#64748b}.app-nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:16px 14px 6px}.nav-section-divider{height:1px;background:var(--border-soft);margin:10px 8px}.nav-icon{display:flex;align-items:center;justify-content:center;min-width:20px;color:inherit}.app-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;text-decoration:none;color:#475569;font-weight:500;font-size:14px;transition:all .18s;border-left:3px solid transparent}.app-nav a:hover{background:var(--primary-soft);color:var(--primary)}.app-nav a:hover .nav-icon{color:var(--primary)}.app-nav a.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#3730a3;font-weight:600;border-left:3px solid var(--primary);box-shadow:0 2px 8px #4f46e51a}.app-sidebar.collapsed .app-nav a{justify-content:center;padding:12px 0;border-left:none;position:relative}.app-sidebar.collapsed .app-nav a.active{border-left:none;border-bottom:2px solid var(--primary);border-radius:8px}.app-sidebar.collapsed .app-nav a:hover:after{content:attr(data-label);position:absolute;left:70px;background:#111827;color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:100;box-shadow:0 4px 12px #00000026}.sidebar-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-soft)}.app-signout{width:100%;border:none;background:transparent;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:500;font-size:13px;display:flex;align-items:center;gap:10px;color:var(--muted);transition:all .18s}.app-signout:hover{background:#fef2f2;color:#dc2626}.app-signout:hover .nav-icon{color:#dc2626}.app-sidebar.collapsed .app-signout{justify-content:center;padding:10px}.app-main{flex:1;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 40px #0000000d}.app-topbar{height:70px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #eef1f6;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.top-left{display:flex;align-items:center;gap:12px}.top-right{display:flex;align-items:center;gap:18px}.search-box{background:#f1f5f9;padding:8px 14px;border-radius:8px;font-size:13px;color:#64748b;cursor:pointer;transition:all .18s}.search-box:hover{background:var(--primary-soft);color:var(--primary)}.workspace-switch{background:#f1f5f9;border:none;padding:8px 12px;border-radius:8px;color:#334155;font-size:13px}.app-user{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;cursor:pointer}.app-content{padding:28px;overflow:auto;flex:1}*{transition:background .18s ease,color .18s ease,border .18s ease,box-shadow .18s ease,transform .15s ease}.global-create-btn{position:fixed;bottom:28px;right:28px;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 20px 40px #00000040;z-index:9999;transition:all .2s}.global-create-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 25px 50px #00000059}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;color:#fff;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #4f46e559;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4f46e566}.btn-secondary{background:#ffffff0a;border:1px solid var(--border);color:#cbd5e1;padding:10px 16px;border-radius:10px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.card,.metric-card,.sv-panel{background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .25s}.card:hover{box-shadow:0 8px 30px #4f46e514;border-color:var(--primary)}.metric-card{background:linear-gradient(180deg,#0f172a,#020617);border-radius:18px;padding:24px;border:1px solid var(--border);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(79,70,229,.18),transparent 40%)}.metric-title{font-size:13px;color:var(--muted)}.metric-value{font-size:34px;font-weight:700;margin-top:8px}.metric-sub{font-size:12px;color:#64748b;margin-top:6px}.workspace-select{padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:14px;margin-left:auto}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.pill-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;line-height:1}.pill-badge.green{background:#dcfce7;color:#166534}.pill-badge.amber{background:#fef3c7;color:#92400e}.pill-badge.red{background:#fee2e2;color:#991b1b}.pill-badge.gray{background:#e5e7eb;color:#374151}.badge.red{background:#fee2e2;color:#991b1b}.badge.gray{background:#e5e7eb;color:#374151}.btn-table{background:#f1f5f9;border:none;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;margin-right:6px}.tt-table{width:100%;border-collapse:collapse}.tt-table thead th{text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;padding:12px 16px;border-bottom:1px solid #e2e8f0}.tt-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.tt-table tbody tr:last-child{border-bottom:none}.tt-table tbody tr:hover{background:#f8fafc}.tt-table tbody td{padding:14px 16px;font-size:14px;color:var(--text);vertical-align:middle}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.badge.green{background:#dcfce7;color:#166534}.badge.amber{background:#fef3c7;color:#92400e}.pending-row{background:#fafafa}.btn-table{background:#f1f5f9;border:none;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;margin-right:6px;transition:.15s}.btn-table:hover{background:#e2e8f0}.btn-table.danger{background:#fee2e2;color:#991b1b}.btn-table.danger:hover{background:#fecaca}.avatar-sm{width:34px;height:34px;border-radius:8px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#4338ca;margin-right:10px}.avatar-sm.amber{background:#fef3c7;color:#92400e}.user-cell{display:flex;align-items:center}.user-name{font-weight:600}.user-sub{font-size:12px;color:#64748b}.actions-cell{text-align:right}.role-badge{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:600}.role-purple{background:#6d4aff22;color:#8b7dff}.role-blue{background:#2563eb22;color:#3b82f6}.role-gold{background:#d4a01722;color:#facc15}.role-gray{background:#94a3b822;color:#64748b}.app-user{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.search-box{background:var(--blue-soft);padding:8px 14px;border-radius:8px;font-size:13px;color:var(--sub);cursor:pointer}.profile-wrap{position:relative}.profile-menu{position:absolute;right:0;top:48px;width:200px;background:var(--card);border-radius:12px;box-shadow:0 20px 60px #00000026;padding:8px;z-index:50}.profile-email{font-size:12px;opacity:.7;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.profile-item{padding:10px;border-radius:8px;cursor:pointer}.profile-item:hover{background:var(--blue-soft)}.profile-item.danger:hover{background:#ef44441a;color:#ef4444}.modal-backdrop{position:fixed;inset:0;z-index:9999;background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .18s ease}.modal{width:560px;max-width:94%;background:#fff;border-radius:18px;padding:30px;box-shadow:0 40px 120px #00000040;animation:pop .18s ease;font-family:Inter,system-ui,sans-serif}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:#0f172a}.modal-sub{font-size:13px;color:#64748b;margin-top:6px}.modal-form{margin-top:18px}.modal-form label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-top:16px;margin-bottom:5px}.modal input,.modal textarea,.modal select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;background:#fff;transition:border .15s,box-shadow .15s}.modal input:focus,.modal textarea:focus,.modal select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.modal textarea{min-height:85px;resize:vertical}.modal-readonly{background:#f8fafc;color:#475569;font-weight:500;cursor:not-allowed}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:16px;border-top:1px solid #f1f5f9}.modal .btn{background:linear-gradient(135deg,#6366f1,#06b6d4);border:none;color:#fff;padding:11px 18px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.modal .btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4f46e54d}.modal .btn.secondary{background:#eef2ff;color:#3730a3}.modal .btn.secondary:hover{background:#e0e7ff}.created-by-box{background:#f8fafc;border:1px solid #eef2f7;padding:10px 12px;border-radius:10px;margin-top:12px}.created-by-label{font-size:11px;color:#64748b;margin-bottom:3px;font-weight:600}.created-by-value{font-size:14px;color:#0f172a;font-weight:600;display:flex;align-items:center;gap:8px}.created-by-role{background:#eef2ff;color:#4338ca;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.modal{animation:modalPop .18s ease}@keyframes modalPop{0%{transform:scale(.95);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.94);opacity:.4}to{transform:scale(1);opacity:1}}.notif-wrapper{position:relative}.notif-bell{font-size:20px;cursor:pointer;position:relative;padding:8px}.notif-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px}.notif-panel{position:absolute;right:0;top:42px;width:320px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;border:1px solid #e5e7eb;max-height:420px;overflow:auto;z-index:999}.notif-header{font-weight:600;padding:14px 16px;border-bottom:1px solid #eee}.notif-empty{padding:30px;text-align:center;color:#94a3b8}.notif-item{padding:14px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:.15s}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eef2ff}.notif-title{font-weight:600;font-size:14px}.notif-msg{font-size:13px;color:#64748b;margin-top:4px}.notif-time{font-size:11px;color:#94a3b8;margin-top:6px}.notif-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;padding:10px 12px;border-bottom:1px solid #f1f5f9}.notif-clear{background:none;border:none;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:6px}.notif-clear:hover{background:#eef2ff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title{font-size:28px;font-weight:700}.page-sub{color:var(--muted);margin-top:4px}.page-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;background:var(--primary-soft);color:var(--primary);margin-bottom:8px}.quick-actions{display:flex;gap:12px}.dash{max-width:1100px}.dash-header{margin-bottom:28px}.dash-title{font-size:24px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;margin:0}.dash-sub{color:var(--muted);font-size:14px;margin-top:4px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;position:relative}.kpi-card:hover{box-shadow:0 8px 30px #4f46e514;border-color:var(--primary);transform:translateY(-2px)}.kpi-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-body{display:flex;flex-direction:column;flex:1;min-width:0}.kpi-label{font-size:12px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.kpi-value{font-size:26px;font-weight:700;color:var(--text);line-height:1.2}.kpi-arrow{color:var(--muted);opacity:0;position:absolute;top:14px;right:14px}.kpi-card:hover .kpi-arrow{opacity:1}.kpi-badge{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600;position:absolute;top:14px;right:14px}.kpi-badge.warn{background:#fef3c7;color:#d97706}.progress-strip{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}.progress-row{display:flex;height:10px;border-radius:10px;overflow:hidden;background:#f1f5f9}.progress-segment{height:100%}.progress-segment.todo{background:#94a3b8}.progress-segment.active{background:#3b82f6}.progress-segment.done{background:#10b981}.progress-legend{display:flex;gap:20px;margin-top:10px;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot.todo{background:#94a3b8}.dot.active{background:#3b82f6}.dot.done{background:#10b981}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.dash-panel{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:20px;transition:all .25s}.dash-panel:hover{box-shadow:0 8px 30px #4f46e514;border-color:var(--primary);transform:translateY(-2px)}.panel-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 16px}.empty-chart{height:120px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.status-list{display:flex;flex-direction:column;gap:2px}.status-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--radius-sm)}.status-row:hover{background:var(--panel-soft)}.status-left{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.status-count{font-size:18px;font-weight:700;color:var(--text)}.member-list{display:flex;flex-direction:column;gap:4px}.member-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm)}.member-row:hover{background:var(--panel-soft)}.member-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.member-info{display:flex;flex-direction:column}.member-id{font-size:13px;color:var(--text);font-weight:500}.member-role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.member-role.owner{color:#d97706}.member-role.member{color:var(--muted)}.member-role.tenant_admin{color:#3b82f6}.dash-skeleton{display:flex;flex-direction:column;gap:16px}.skel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skel-card{height:90px;border-radius:var(--radius)}.skel-wide{height:240px;border-radius:var(--radius)}.skel-row:last-child{grid-template-columns:1fr 1fr}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-row{grid-template-columns:1fr}}.kanban{display:flex;gap:16px;min-height:500px}.kanban-col{flex:1;min-width:260px;background:var(--panel-soft);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column}.kanban-col-header{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 12px;border-bottom:2px solid;margin-bottom:12px}.kanban-col-header.todo{border-color:#94a3b8}.kanban-col-header.in-progress{border-color:#3b82f6}.kanban-col-header.done{border-color:#10b981}.kanban-col-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.kanban-count{background:#e2e8f0;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.kanban-cards{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto}.task-card{background:#fff;border:1px solid var(--border-soft);border-radius:10px;padding:14px;cursor:pointer;transition:.18s}.task-card:hover{box-shadow:0 8px 30px #4f46e514;transform:translateY(-2px);border-color:var(--primary)}.task-card-title{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text)}.task-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-card-avatars{display:flex;gap:4px;margin-left:auto}.task-card-avatar{width:26px;height:26px;border-radius:50%;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white}.task-card-avatar.owner{background:#eef2ff;color:#4f46e5}.task-card-avatar.assignee{background:#ecfdf5;color:#059669}.task-card-due{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.task-card-due.overdue{color:var(--danger);font-weight:600}.task-card-actions{display:flex;gap:6px;margin-top:10px;opacity:0;transition:.15s}.task-card:hover .task-card-actions{opacity:1}.priority-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.priority-badge.low{background:#f1f5f9;color:#64748b}.priority-badge.medium{background:#fef9c3;color:#a16207}.priority-badge.high{background:#fed7aa;color:#c2410c}.priority-badge.urgent{background:#fee2e2;color:#dc2626}.kanban-add{border:1px dashed var(--border);border-radius:8px;padding:10px;text-align:center;font-size:13px;color:var(--muted);cursor:pointer;transition:.15s;margin-top:8px;background:transparent;width:100%}.kanban-add:hover{background:#fff;border-color:var(--primary);color:var(--primary)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:16px}.breadcrumb-link{color:var(--primary);cursor:pointer;background:none;border:none;font-size:13px;padding:0}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:#cbd5e1}.breadcrumb-current{font-weight:600;color:var(--text)}@media(max-width:900px){.kanban{flex-direction:column}.kanban-col{min-width:unset}}.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.ws-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius);padding:20px;cursor:pointer;transition:.18s}.ws-card:hover{box-shadow:0 8px 30px #4f46e514;transform:translateY(-2px);border-color:var(--primary)}.ws-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ws-card-name{font-size:16px;font-weight:600;color:var(--text)}.ws-card-desc{font-size:13px;color:var(--muted);margin-bottom:12px;line-height:1.4}.ws-role-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.ws-role-badge.owner{background:#fef3c7;color:#d97706}.ws-role-badge.member{background:#f1f5f9;color:#64748b}.ws-card-stats{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.ws-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}@media(max-width:600px){.ws-grid{grid-template-columns:1fr}}.super-shell{display:flex;height:100vh;background:#f7f8fb;font-family:Inter,system-ui,Arial}.sidebar{width:240px;background:#0f172a;color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:14px}.sidebar h2{font-size:18px;margin-bottom:20px;font-weight:600}.sidebar a{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:14px;transition:.2s}.sidebar a:hover{background:#ffffff0f;color:#fff}.content{flex:1;padding:32px 40px;overflow-y:auto}.page-title{font-size:26px;font-weight:600;margin-bottom:24px;color:#0f172a}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 6px 18px #0000000d}.card h3{font-size:13px;color:#64748b;margin-bottom:10px}.card p{font-size:26px;font-weight:600;color:#0f172a}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0000000d}.table th{text-align:left;background:#f1f5f9;padding:14px;font-size:13px;color:#475569}.table td{padding:14px;border-top:1px solid #eef2f7;font-size:14px}.table tr:hover{background:#f9fafb}.btn{background:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;font-weight:500}.btn:hover{background:#1d4ed8}.btn.secondary{background:#e2e8f0;color:#0f172a}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;padding:30px;border-radius:12px;width:420px;box-shadow:0 20px 60px #00000040}.modal input{width:100%;padding:12px;margin-top:12px;border:1px solid #e2e8f0;border-radius:8px}.modal-select{width:100%;padding:12px;margin-top:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;color:#0f172a;cursor:pointer}.pill-toggle{display:inline-flex;background:#e2e8f0;border-radius:10px;padding:3px}.pill{border:none;background:transparent;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:.2s}.pill.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.role-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.role-badge.owner{background:#fef3c7;color:#92400e}.role-badge.member{background:#dbeafe;color:#1e40af}.role-badge.tenant_admin{background:#ede9fe;color:#5b21b6}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.revoked{background:#fee2e2;color:#991b1b}.status-badge.expired{background:#f1f5f9;color:#64748b}.status-badge.todo{background:#e2e8f0;color:#475569}.status-badge.in_progress{background:#dbeafe;color:#1e40af}.status-badge.done{background:#d1fae5;color:#065f46}.status-badge.archived{background:#f1f5f9;color:#64748b}.role-badge.low{background:#e2e8f0;color:#475569}.role-badge.medium{background:#dbeafe;color:#1e40af}.role-badge.high{background:#fef3c7;color:#92400e}.role-badge.urgent{background:#fee2e2;color:#991b1b}.sign-out-btn{margin-top:auto;background:transparent;border:1px solid rgba(255,255,255,.15);color:#94a3b8;padding:10px 12px;border-radius:8px;font-size:13px;cursor:pointer;transition:.2s}.sign-out-btn:hover{background:#ffffff0f;color:#fff}.card-grid{display:flex;gap:20px;margin:20px 0}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;min-width:180px}.big{font-size:32px;font-weight:700}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;padding:30px;border-radius:14px;width:500px;box-shadow:0 10px 40px #0003}.modal.large{width:650px}.section{margin-top:20px;display:flex;flex-direction:column}.section-title{font-weight:700;margin-bottom:10px;font-size:15px}input{padding:10px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px}.plan-grid{display:flex;gap:12px}.plan-card{flex:1;border:1px solid #ddd;padding:16px;border-radius:10px;cursor:pointer;text-align:center;transition:.15s}.plan-card:hover{border-color:#2563eb}.plan-card.active{border:2px solid #2563eb;background:#f5f8ff}.plan-name{font-weight:700}.plan-price{font-size:14px;opacity:.7}.modal-actions{display:flex;justify-content:flex-end;margin-top:25px;gap:10px}.billing-placeholder{font-size:13px;opacity:.6;margin-top:4px}.sv-shell{display:flex;height:100vh;background:#f6f8fb;font-family:Inter,system-ui,sans-serif}.sv-sidebar{width:250px;background:#0f172a;color:#fff;padding:22px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05)}.sv-brand{display:flex;gap:12px;align-items:center;margin-bottom:26px}.sv-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:700}.sv-company{font-weight:600}.sv-sub{font-size:12px;color:#94a3b8}.sv-nav{display:flex;flex-direction:column;gap:8px}.sv-nav a{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:500;transition:.15s}.sv-nav a:hover{background:#ffffff14;color:#fff}.sv-bottom{margin-top:auto}.sv-signout{width:100%;background:#ffffff14;border:none;padding:10px;border-radius:10px;color:#e2e8f0;cursor:pointer}.sv-signout:hover{background:#ffffff24}.sv-main{flex:1;display:flex;flex-direction:column}.sv-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid #eef1f5;background:#fff}.sv-left{display:flex;align-items:center;gap:14px}.sv-right{display:flex;align-items:center;gap:16px}.sv-workspace-switch{padding:7px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600}.sv-search{background:#f1f5f9;padding:7px 12px;border-radius:10px;font-size:13px;color:#64748b}.sv-invite{background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:.18s}.sv-invite:hover{background:#1d4ed8}.sv-avatar{width:34px;height:34px;border-radius:50%;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.sv-bell{position:relative;font-size:18px;cursor:pointer}.sv-bell-badge{position:absolute;top:-6px;right:-8px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.workspace-banner{display:flex;align-items:center;gap:10px;padding:10px 22px;background:#eef4ff;border-bottom:1px solid #dbeafe;font-size:13px}.workspace-banner strong{color:#1e3a8a}.workspace-clear{margin-left:auto;background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer}.sv-search{background:#f1f5f9;padding:10px 14px;border-radius:10px;color:#64748b;font-size:14px}.sv-top-actions{display:flex;align-items:center;gap:14px}.sv-invite{background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;color:#fff;padding:9px 16px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #3b82f640}.sv-avatar{width:36px;height:36px;border-radius:50%;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.sv-content{padding:28px;overflow-y:auto}.landing-page{min-height:100vh;background:#fff;color:var(--text);overflow-x:hidden;scroll-behavior:smooth}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow .3s}.landing-nav.scrolled{box-shadow:0 2px 20px #0000000f}.landing-nav-logo{font-size:20px;font-weight:800;color:var(--primary);letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.landing-logo-img{height:34px;width:auto;object-fit:contain;opacity:.96;image-rendering:-webkit-optimize-contrast}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-links a{font-size:14px;font-weight:500;color:var(--muted);transition:color .2s}.landing-nav-links a:hover{color:var(--text)}.landing-nav-actions{display:flex;align-items:center;gap:12px}.landing-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.landing-btn-primary{background:var(--primary);color:#fff}.landing-btn-primary:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 16px #4f46e54d}.landing-btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--border)}.landing-btn-outline:hover{border-color:var(--primary);background:var(--primary-soft)}.landing-btn-lg{padding:14px 32px;font-size:16px;border-radius:12px}.landing-btn-white{background:#fff;color:var(--primary)}.landing-btn-white:hover{background:#f0f0ff;transform:translateY(-1px)}.landing-hero{position:relative;padding:160px 40px 100px;text-align:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff,#dbeafe 60%,#ecfeff);overflow:hidden}.landing-hero-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.landing-hero-shape{position:absolute;border-radius:50%;opacity:.15}.landing-hero-shape:nth-child(1){width:400px;height:400px;background:var(--primary);top:-100px;right:-100px}.landing-hero-shape:nth-child(2){width:300px;height:300px;background:var(--accent);bottom:-80px;left:-60px}.landing-hero-shape:nth-child(3){width:200px;height:200px;background:var(--primary);top:40%;left:15%}.landing-hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}.landing-hero h1{font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:var(--text);margin:0 0 20px}.landing-hero h1 span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero p{font-size:19px;color:var(--muted);line-height:1.6;max-width:560px;margin:0 auto 36px}.landing-hero-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.landing-trusted{padding:48px 40px;text-align:center;border-bottom:1px solid var(--border);background:var(--panel-soft)}.landing-trusted p{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:0 0 24px}.landing-trusted-logos{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;opacity:.4}.landing-trusted-logos span{font-size:18px;font-weight:700;color:var(--text)}.landing-section{padding:96px 40px}.landing-section-header{text-align:center;margin-bottom:56px}.landing-section-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:var(--primary-soft);color:var(--primary);margin-bottom:16px}.landing-section-header h2{font-size:38px;font-weight:800;letter-spacing:-1px;margin:0 0 14px;color:var(--text)}.landing-section-header p{font-size:17px;color:var(--muted);max-width:560px;margin:0 auto;line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}.landing-feature-card{padding:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);transition:all .25s}.landing-feature-card:hover{border-color:var(--primary);box-shadow:0 8px 30px #4f46e514;transform:translateY(-2px)}.landing-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);margin-bottom:20px}.landing-feature-card h3{font-size:17px;font-weight:700;margin:0 0 10px;color:var(--text)}.landing-feature-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.landing-steps{display:flex;justify-content:center;gap:40px;max-width:900px;margin:0 auto}.landing-step{flex:1;text-align:center;position:relative}.landing-step-number{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.landing-step h3{font-size:18px;font-weight:700;margin:0 0 10px;color:var(--text)}.landing-step p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.landing-step:not(:last-child):after{content:"";position:absolute;top:28px;right:-24px;width:48px;height:2px;background:var(--border)}.landing-persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto}.landing-persona-card{padding:32px 28px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);text-align:center;transition:all .25s}.landing-persona-card:hover{border-color:var(--primary);box-shadow:0 8px 30px #4f46e514;transform:translateY(-2px)}.landing-persona-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);margin:0 auto 20px}.landing-persona-card h3{font-size:17px;font-weight:700;margin:0 0 10px;color:var(--text)}.landing-persona-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.landing-pricing-card{padding:36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);text-align:center;position:relative;transition:all .25s}.landing-pricing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.landing-pricing-card.popular{border-color:var(--primary);box-shadow:0 8px 40px #4f46e51f}.landing-pricing-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--primary);color:#fff}.landing-pricing-card h3{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--text)}.landing-pricing-price{font-size:44px;font-weight:800;color:var(--text);margin:16px 0 4px;letter-spacing:-1px}.landing-pricing-price span{font-size:16px;font-weight:500;color:var(--muted)}.landing-pricing-desc{font-size:14px;color:var(--muted);margin-bottom:24px}.landing-pricing-features{list-style:none;padding:0;margin:0 0 28px;text-align:left}.landing-pricing-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text)}.landing-pricing-features li svg{color:var(--success);flex-shrink:0}.landing-pricing-card .landing-btn{width:100%;justify-content:center}.landing-faq-list{max-width:700px;margin:0 auto}.landing-faq-item{border-bottom:1px solid var(--border)}.landing-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;background:none;border:none;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:var(--text)}.landing-faq-question:hover{color:var(--primary)}.landing-faq-question svg{flex-shrink:0;transition:transform .2s;color:var(--muted)}.landing-faq-item.open .landing-faq-question svg{transform:rotate(180deg)}.landing-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.landing-faq-item.open .landing-faq-answer{max-height:300px;padding-bottom:20px}.landing-faq-answer p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}.landing-cta-banner{padding:80px 40px;text-align:center;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff}.landing-cta-banner h2{font-size:38px;font-weight:800;letter-spacing:-1px;margin:0 0 14px}.landing-cta-banner p{font-size:17px;opacity:.85;max-width:500px;margin:0 auto 32px;line-height:1.6}.landing-footer{padding:48px 40px;border-top:1px solid var(--border);background:var(--panel-soft)}.landing-footer-inner{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;flex-wrap:wrap;gap:20px}.landing-footer-logo{font-size:18px;font-weight:800;color:var(--primary)}.landing-footer-links{display:flex;gap:24px}.landing-footer-links a{font-size:14px;color:var(--muted);transition:color .2s}.landing-footer-links a:hover{color:var(--text)}.landing-footer-copy{font-size:13px;color:var(--muted)}.contact-section{padding:120px 40px 80px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff,#dbeafe 60%,#ecfeff)}.contact-form-wrapper{max-width:640px;width:100%;margin:0 auto}.contact-header{text-align:center;margin-bottom:36px}.contact-header h1{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--text);margin:0 0 12px}.contact-header p{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.contact-form{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;gap:20px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form-field{display:flex;flex-direction:column;gap:6px}.contact-form-field label{font-size:13px;font-weight:600;color:var(--text)}.contact-form-field input,.contact-form-field select,.contact-form-field textarea{padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:#fff;transition:border-color .2s;font-family:inherit}.contact-form-field input:focus,.contact-form-field select:focus,.contact-form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.contact-form-field textarea{resize:vertical;min-height:100px}.contact-form-field select{cursor:pointer}.contact-form .landing-btn{width:100%;justify-content:center;margin-top:4px}.contact-form .landing-btn:disabled{opacity:.6;cursor:not-allowed}.contact-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.contact-success{text-align:center;max-width:480px;margin:0 auto}.contact-success svg{color:var(--success);margin-bottom:20px}.contact-success h2{font-size:32px;font-weight:800;color:var(--text);margin:0 0 14px}.contact-success p{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 32px}@media(max-width:900px){.landing-features-grid,.landing-pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.landing-persona-grid{grid-template-columns:1fr 1fr;max-width:540px;margin:0 auto}.landing-steps{flex-direction:column;gap:32px;align-items:center}.landing-step:not(:last-child):after{display:none}.landing-hero h1{font-size:36px}.landing-section-header h2,.landing-cta-banner h2{font-size:28px}}@media(max-width:640px){.landing-nav{padding:0 20px}.landing-nav-links{display:none}.landing-hero{padding:120px 20px 64px}.landing-hero h1{font-size:30px}.landing-hero p{font-size:16px}.landing-persona-grid{grid-template-columns:1fr;max-width:400px}.landing-section{padding:64px 20px}.landing-cta-banner{padding:56px 20px}.landing-footer-inner{flex-direction:column;text-align:center}.landing-footer-links{justify-content:center}.contact-section{padding:100px 20px 40px}.contact-form{padding:24px}.contact-form-row{grid-template-columns:1fr}.contact-header h1{font-size:24px}}:root{color-scheme:light dark}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit}.profile-email{font-weight:600;font-size:13px}.profile-role{font-size:11px;color:#64748b;margin-top:2px}.company-switch-wrap{position:relative;margin-right:14px}.company-switch{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e7eb;padding:6px 10px;border-radius:10px;cursor:pointer}.company-avatar{width:28px;height:28px;border-radius:8px;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.company-avatar.small{width:24px;height:24px;font-size:12px}.company-meta{display:flex;flex-direction:column;line-height:1.1}.company-name{font-size:13px;font-weight:600}.company-role{font-size:11px;color:#64748b}.company-dropdown{position:absolute;top:42px;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000014;width:240px;z-index:50;padding:6px}.company-option{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer}.company-option:hover{background:#f1f5f9}.company-option.active{background:#eef2ff}.company-check{margin-left:auto;color:#6366f1;font-weight:700}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b59;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64748b8c}.auth-card{width:380px;background:#fff;padding:40px;border-radius:18px;box-shadow:0 40px 120px #00000040;text-align:center}.auth-logo{width:44px;margin:0 auto;display:block;opacity:.96;filter:saturate(.98)}.auth-logo-header{position:relative;height:84px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#6366f11a,#06b6d41a)}.auth-logo-glow{position:absolute;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,#6366f138,#6366f100 70%)}.auth-logo-btn{position:relative;z-index:1;border:none;background:transparent;cursor:pointer;padding:0;display:block;margin:0 auto;line-height:0}.auth-logo-btn:hover .auth-logo{opacity:.98;filter:saturate(1)}.auth-card h2{margin:10px 0 20px;color:#0f172a}.auth-card input{width:100%;padding:12px;margin-bottom:12px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px}.auth-card input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.auth-card .auth-submit-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#fff;font-weight:600;cursor:pointer}.auth-password-wrap{position:relative;width:100%}.auth-password-wrap input{padding-right:70px}.auth-password-toggle{position:absolute;right:8px;top:40%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#475569;cursor:pointer;padding:0;transition:all .15s ease}.auth-password-toggle:hover{background:#eef2ff;border-color:#cbd5e1;color:#334155}.auth-password-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f12e}.auth-submit-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#fff;font-weight:600;cursor:pointer}.auth-page{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#06b6d4);font-family:Inter,system-ui,sans-serif}.auth-card{width:420px;background:#fff;padding:40px;border-radius:18px;box-shadow:0 40px 120px #00000040}.auth-tabs{display:flex;margin-bottom:25px;font-weight:600}.tab{flex:1;text-align:center;padding:14px 0;cursor:pointer;color:#64748b;border-bottom:2px solid transparent}.tab.active{color:#0f172a;border-bottom:3px solid #0ea5a4}.auth-form input{width:100%;padding:12px;margin-bottom:12px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px}.auth-form input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.auth-form .auth-submit-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#fff;font-weight:600;cursor:pointer}.auth-error{background:#fee2e2;color:#dc2626;padding:8px;border-radius:8px;font-size:13px;margin-bottom:10px}