:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#dbeafe;--color-sidebar:#0f172a;--color-sidebar-hover:#1e293b;--color-sidebar-border:#ffffff14;--color-background:#f8fafc;--color-surface:#fff;--color-title:#0f172a;--color-text:#334155;--color-muted:#64748b;--color-border:#e2e8f0;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--color-info:#0ea5e9;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 16px 40px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--color-background);color:#334155;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);margin:0}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-layout{background:var(--color-background);display:flex;height:100dvh;overflow:hidden;width:100%}.dashboard-main{display:flex;flex:1 1;flex-direction:column}.dashboard-content,.dashboard-main{background:var(--color-background);min-height:0;min-width:0}.dashboard-content{flex:1 1;overflow:auto;padding:16px}.sidebar-wrapper{display:flex;flex-shrink:0}.sidebar-backdrop{display:none}@media (max-width:768px){.sidebar-wrapper{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.sidebar-wrapper.open{transform:translateX(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:block;inset:0;position:fixed;z-index:900}}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;height:100%;max-width:300px;min-width:300px;overflow:hidden;transition:width .25s ease;width:300px}.sidebar-menu-container{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 0}.sidebar-menu-container::-webkit-scrollbar{width:8px}.sidebar-menu-container::-webkit-scrollbar-track{background:#0000}.sidebar-menu-container::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.sidebar-menu-container::-webkit-scrollbar-thumb:hover{background:#94a3b88c}.sidebar-menu-container{scrollbar-color:#94a3b88c #0000;scrollbar-width:thin}.sidebar-header{background:var(--color-sidebar);border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0;padding:24px}.sidebar-brand{align-items:center;display:flex;gap:16px}.sidebar-brand-logo{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:18px;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:30px;font-weight:700;height:60px;justify-content:center;transition:transform .25s ease,box-shadow .25s ease;width:60px}.sidebar-brand:hover .sidebar-brand-logo{box-shadow:var(--shadow-lg);transform:scale(1.05)}.sidebar-brand-content{display:flex;flex-direction:column;justify-content:center;min-width:0}.sidebar-brand-content h1{color:#fff;font-size:22px;font-weight:700;letter-spacing:.02em;line-height:1.2;margin:0}.sidebar-brand-content p{color:var(--color-muted);font-size:13px;line-height:1.4;margin-top:4px}.sidebar-menu{display:flex;flex-direction:column;gap:6px;padding:0 12px}.menu-item{align-items:center;border-radius:14px;color:#cbd5e1;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:14px;min-height:50px;padding:0 16px;position:relative;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease;width:100%}.menu-item:hover{background:#ffffff0f;color:#fff;transform:translateX(2px)}.menu-item.active{background:#2563eb2e;color:#fff}.menu-item.active:before{background:var(--color-primary);border-radius:999px;bottom:8px;content:"";left:-12px;position:absolute;top:8px;width:4px}.menu-icon{flex-shrink:0;font-size:20px;transition:transform .2s ease}.menu-item:hover .menu-icon{transform:scale(1.08)}.menu-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-badge{align-items:center;background:var(--color-primary);border-radius:999px;color:#fff;display:flex;font-size:11px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 8px}.sidebar-workspace{background:var(--color-sidebar);border-bottom:1px solid var(--color-sidebar-border);border-top:1px solid var(--color-sidebar-border);flex-shrink:0;padding:18px}.workspace-title{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.workspace-card{align-items:center;background:#ffffff0d;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;gap:14px;padding:14px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.workspace-card:hover{background:#ffffff14;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.workspace-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:46px;justify-content:center;width:46px}.workspace-body{display:flex;flex:1 1;flex-direction:column;min-width:0}.workspace-name{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-subtitle{color:#94a3b8;font-size:12px;margin-top:3px}.workspace-chevron{color:#cbd5e1;flex-shrink:0;font-size:18px;transition:transform .2s ease}.workspace-card:hover .workspace-chevron{transform:rotate(180deg)}.sidebar-footer{background:var(--color-sidebar);flex-shrink:0;padding:18px}.profile-card{align-items:center;background:#ffffff0d;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;gap:14px;padding:14px;transition:.25s;width:100%}.profile-card:hover{background:#ffffff14}.profile-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));flex-shrink:0;font-size:20px;height:52px;position:relative;width:52px}.profile-status{background:#22c55e;border:2px solid var(--color-sidebar);border-radius:50%;bottom:1px;height:14px;position:absolute;right:1px;width:14px}.profile-body{flex:1 1;min-width:0;text-align:left}.profile-name{color:#fff;font-size:14px;font-weight:600}.profile-role{color:#94a3b8;font-size:12px;margin-top:2px}.profile-email{color:#64748b;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{color:#cbd5e1;font-size:18px}.profile-menu{display:flex;flex-direction:column;gap:6px;margin-top:14px}.profile-action{align-items:center;background:#0000;border:none;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;font-size:14px;gap:14px;padding:12px;transition:.2s;width:100%}.profile-action:hover{background:#ffffff0f;color:#fff}.profile-action.logout:hover{background:#dc262626;color:#fca5a5}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:24px;height:72px;justify-content:space-between;padding:0 24px}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:18px}.topbar-title{color:#0f172a;font-size:22px;font-weight:700}.topbar-center{display:flex;flex:1 1;justify-content:center}.topbar-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:12px;height:46px;max-width:520px;padding:0 18px;width:100%}.topbar-search input{background:#0000;border:none;flex:1 1;font-size:15px;outline:none}.topbar-search-icon{color:#94a3b8;font-size:18px}.topbar-right{align-items:center;display:flex;gap:10px}.topbar-icon-button{align-items:center;background:#f8fafc;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:.2s;width:44px}.topbar-icon-button:hover{background:#e2e8f0}.topbar-menu-button{align-items:center;background:#f8fafc;border:none;border-radius:12px;cursor:pointer;display:none;font-size:20px;height:44px;justify-content:center;width:44px}@media (max-width:768px){.topbar{gap:16px;padding:0 16px}.topbar-menu-button{display:flex}.topbar-center{display:none}.topbar-title{font-size:18px}}.search-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:12px;height:48px;max-width:560px;padding:0 18px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.search-box-icon{color:#94a3b8;flex-shrink:0;font-size:18px}.search-box-input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:15px;outline:none}.search-box-input::placeholder{color:#94a3b8}.topbar-actions{align-items:center;display:flex;gap:10px}.topbar-action-button{align-items:center;background:#f8fafc;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:19px;height:44px;justify-content:center;position:relative;transition:background .2s ease,transform .2s ease;width:44px}.topbar-action-button:hover{background:#e2e8f0;transform:translateY(-1px)}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:10px;top:10px;width:8px}.topbar-profile-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:44px;transition:transform .2s ease;width:44px}.topbar-profile-button:hover{transform:scale(1.05)}.command-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;height:48px;justify-content:space-between;max-width:620px;padding:0 18px;transition:.2s;width:100%}.command-search:hover{background:#fff;border-color:var(--color-primary)}.command-search-left{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px}.command-search-icon{font-size:18px}.command-shortcut{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.topbar-notification-wrapper{align-items:center;display:flex;position:relative}.notification-button.active{background:#2563eb1a;color:#2563eb;color:var(--color-primary,#2563eb)}.notification-badge{align-items:center;background:#dc2626;border:2px solid #fff;border:2px solid var(--color-surface,#fff);border-radius:999px;color:#fff;display:flex;font-size:9px;font-weight:700;height:17px;justify-content:center;line-height:1;min-width:17px;padding:0 4px;pointer-events:none;position:absolute;right:-5px;top:-4px}.notification-button:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}@media (max-width:520px){.notification-badge{font-size:8px;height:16px;min-width:16px;right:-4px;top:-3px}}@media (prefers-color-scheme:dark){.notification-badge{border-color:#111827;border-color:var(--color-surface,#111827)}}.topbar-action-button:disabled{cursor:wait;opacity:.65}.topbar-action-button.refreshing svg{animation:topbar-refresh-spin .8s linear infinite}@keyframes topbar-refresh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.topbar-action-button.refreshing svg{animation:none}}.topbar-profile-wrapper{align-items:center;display:flex;position:relative}.topbar-profile-button.active{background:#2563eb1a;color:#2563eb;color:var(--color-primary,#2563eb)}.notification-item{align-items:flex-start;background:#0000;border:0;border-left:3px solid #0000;color:inherit;cursor:pointer;display:flex;gap:12px;padding:12px 14px 12px 18px;position:relative;text-align:left;transition:background-color .15s ease,border-color .15s ease;width:100%}.notification-item:hover{background:#f8fafc;background:var(--color-hover,#f8fafc)}.notification-item:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:-2px}.notification-item.unread{background:rgba(37,99,235,.045);border-left-color:#2563eb;border-left-color:var(--color-primary,#2563eb)}.notification-item.unread:hover{background:#2563eb14}.notification-icon{align-items:center;background:#2563eb1a;border-radius:10px;color:#2563eb;color:var(--color-primary,#2563eb);display:flex;flex:0 0 38px;height:38px;justify-content:center;margin-top:1px;width:38px}.notification-icon svg{height:18px;width:18px}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:center;display:flex;gap:7px;min-width:0}.notification-header h4{color:#111827;color:var(--color-text,#111827);flex:1 1;font-size:13px;font-weight:650;line-height:1.35;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-unread-dot{background:#2563eb;background:var(--color-primary,#2563eb);border-radius:50%;box-shadow:0 0 0 3px #2563eb1a;flex:0 0 auto;height:7px;width:7px}.notification-message{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#4b5563;color:var(--color-text-secondary,#4b5563);display:-webkit-box;font-size:12px;line-height:1.5;margin-top:4px;overflow:hidden}.notification-item.unread .notification-message{color:#374151;color:var(--color-text,#374151)}.notification-meta{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}.notification-time{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:10px;line-height:1.3}.notification-priority{align-items:center;border-radius:999px;display:inline-flex;font-size:9px;font-weight:700;line-height:1;min-height:18px;padding:2px 6px}.priority-low{background:#6b72801a;color:#6b7280}.priority-normal{background:#2563eb1a;color:#2563eb}.priority-high{background:#f59e0b1f;color:#d97706}.priority-critical{background:#ef44441f;color:#dc2626}.notification-actions{align-items:center;display:flex;flex:0 0 auto;gap:2px;margin-top:1px;opacity:0;transform:translateX(3px);transition:opacity .15s ease,transform .15s ease}.notification-item:focus-within .notification-actions,.notification-item:hover .notification-actions{opacity:1;transform:translateX(0)}.notification-action-button{align-items:center;background:#0000;border:0;border-radius:7px;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:background-color .13s ease,color .13s ease,transform .13s ease;width:28px}.notification-action-button:hover{background:#2563eb17;color:#2563eb;color:var(--color-primary,#2563eb)}.notification-action-button.danger:hover{background:#ef444417;color:#dc2626}.notification-action-button:active{transform:scale(.92)}.notification-action-button:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:1px}.notification-action-button svg{height:14px;width:14px}@media (max-width:520px){.notification-item{gap:10px;padding:12px 12px 12px 14px}.notification-icon{border-radius:9px;flex-basis:36px;height:36px;width:36px}.notification-icon svg{height:17px;width:17px}.notification-actions{opacity:1;transform:none}.notification-action-button{height:30px;width:30px}}@media (max-width:360px){.notification-item{padding-left:11px;padding-right:9px}.notification-icon{flex-basis:34px;height:34px;width:34px}.notification-header h4{font-size:12px}.notification-message{font-size:11px}.notification-actions{gap:0}.notification-action-button{height:26px;width:26px}.notification-action-button svg{height:13px;width:13px}}@media (prefers-color-scheme:dark){.notification-item:hover{background:hsla(0,0%,100%,.045)}.notification-item.unread{background:#2563eb1a}.notification-item.unread:hover{background:#2563eb26}.notification-header h4{color:#f9fafb;color:var(--color-text,#f9fafb)}.notification-message{color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}.notification-item.unread .notification-message{color:#f3f4f6}.notification-time{color:#9ca3af}}.notification-empty{flex-direction:column;min-height:230px;padding:32px 24px;text-align:center}.notification-empty,.notification-empty-icon{align-items:center;display:flex;justify-content:center}.notification-empty-icon{background:#2563eb14;border-radius:16px;color:#2563eb;color:var(--color-primary,#2563eb);height:58px;margin-bottom:16px;width:58px}.notification-empty-icon svg{height:27px;width:27px}.notification-empty-content{max-width:280px;width:100%}.notification-empty-title{color:#111827;color:var(--color-text,#111827);font-size:14px;font-weight:700;line-height:1.4;margin:0}.notification-empty-message{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px;line-height:1.55;margin:7px 0 0}@media (prefers-color-scheme:dark){.notification-empty-icon{background:#3b82f61f}.notification-empty-title{color:#f9fafb;color:var(--color-text,#f9fafb)}.notification-empty-message{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}}@media (max-width:520px){.notification-empty{min-height:210px;padding:28px 18px}.notification-empty-icon{height:54px;margin-bottom:14px;width:54px}.notification-empty-icon svg{height:25px;width:25px}}.notification-skeleton{width:100%}.notification-skeleton-item{align-items:flex-start;border-left:3px solid #0000;display:flex;gap:12px;min-height:82px;padding:12px 14px 12px 18px}.notification-skeleton-actions span,.notification-skeleton-icon span,.notification-skeleton-message span,.notification-skeleton-meta span,.notification-skeleton-title span{animation:notification-skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#94a3b81f 25%,#94a3b840 50%,#94a3b81f 75%);background-size:200% 100%;display:block}.notification-skeleton-icon{flex:0 0 38px;height:38px;width:38px}.notification-skeleton-icon span{border-radius:10px;height:38px;width:38px}.notification-skeleton-content{flex:1 1;min-width:0}.notification-skeleton-title{width:65%}.notification-skeleton-title span{border-radius:5px;height:12px;width:100%}.notification-skeleton-message{display:flex;flex-direction:column;gap:5px;margin-top:8px}.notification-skeleton-message span{border-radius:4px;height:9px;width:92%}.notification-skeleton-message span:last-child{width:68%}.notification-skeleton-meta{margin-top:8px;width:55px}.notification-skeleton-meta span{border-radius:4px;height:7px;width:100%}.notification-skeleton-actions{align-items:center;display:flex;flex:0 0 auto;gap:4px;margin-top:2px}.notification-skeleton-actions span{border-radius:7px;height:26px;width:26px}@keyframes notification-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.notification-skeleton-actions span,.notification-skeleton-icon span,.notification-skeleton-message span,.notification-skeleton-meta span,.notification-skeleton-title span{animation:none}}@media (max-width:520px){.notification-skeleton-item{gap:10px;min-height:78px;padding:12px 12px 12px 14px}.notification-skeleton-icon,.notification-skeleton-icon span{height:36px;width:36px}.notification-skeleton-actions span{height:27px;width:27px}}@media (max-width:360px){.notification-skeleton-item{gap:9px;padding-left:11px;padding-right:9px}.notification-skeleton-icon,.notification-skeleton-icon span{height:34px;width:34px}.notification-skeleton-actions span{height:24px;width:24px}}.notification-dropdown{background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:14px;box-shadow:0 18px 45px #0f172a29,0 4px 12px #0f172a14;max-width:calc(100vw - 24px);opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;visibility:hidden;width:420px;z-index:1000}.notification-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.notification-dropdown-header{align-items:center;background:#fff;background:var(--color-surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.notification-dropdown-header>div:first-child{min-width:0}.notification-dropdown-header h3{color:#111827;color:var(--color-text,#111827);font-size:17px;font-weight:700;line-height:1.3;margin:0}.notification-counter{color:#6b7280;color:var(--color-text-muted,#6b7280);display:block;font-size:12px;line-height:1.4;margin-top:3px}.notification-header-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.close-dropdown-button,.mark-all-button{align-items:center;background:#0000;border:0;border-radius:8px;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease,transform .15s ease;width:34px}.mark-all-button:hover:not(:disabled){background:#2563eb17;color:#2563eb;color:var(--color-primary,#2563eb)}.close-dropdown-button:hover{background:#ef444414;color:#dc2626}.mark-all-button:disabled{cursor:not-allowed;opacity:.4}.close-dropdown-button:active,.mark-all-button:active:not(:disabled){transform:scale(.94)}.close-dropdown-button svg,.mark-all-button svg{height:17px;width:17px}.notification-dropdown-body{max-height:520px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#6b728059 #0000;scrollbar-width:thin}.notification-group{padding:8px 0}.notification-group+.notification-group{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb)}.notification-group-title{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:11px;font-weight:700;letter-spacing:.06em;margin:0;padding:7px 18px;text-transform:uppercase}.notification-dropdown-footer{align-items:center;background:#f8fafc;background:var(--color-surface-secondary,#f8fafc);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:12px;justify-content:space-between;min-height:52px;padding:9px 14px 9px 18px}.notification-footer-left{min-width:0}.notification-total{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px;white-space:nowrap}.notification-footer-actions{align-items:center;display:flex;gap:6px}.notification-refresh-button{align-items:center;background:#0000;border:0;border-radius:8px;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:34px}.notification-refresh-button:hover:not(:disabled){background:#2563eb17;color:#2563eb;color:var(--color-primary,#2563eb)}.notification-refresh-button:disabled{cursor:not-allowed;opacity:.45}.notification-refresh-button svg{height:16px;width:16px}.notification-all-link{align-items:center;border-radius:8px;color:#2563eb;color:var(--color-primary,#2563eb);display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;min-height:34px;padding:0 10px;text-decoration:none;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.notification-all-link:hover{background:#2563eb17}.notification-all-link svg{height:14px;width:14px}.notification-dropdown a:focus-visible,.notification-dropdown button:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}.notification-dropdown-body::-webkit-scrollbar{width:6px}.notification-dropdown-body::-webkit-scrollbar-track{background:#0000}.notification-dropdown-body::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:999px}.notification-dropdown-body::-webkit-scrollbar-thumb:hover{background:#6b728080}.notification-refresh-button .rotating{animation:notification-refresh-spin .8s linear infinite}@keyframes notification-refresh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.notification-dropdown{width:390px}}@media (max-width:520px){.notification-dropdown{border-radius:14px;left:12px;max-width:none;position:fixed;right:12px;top:68px;width:auto}.notification-dropdown-body{max-height:calc(100vh - 190px)}.notification-dropdown-header{padding:14px 15px}.notification-dropdown-footer{padding-left:15px}}@media (max-width:360px){.notification-dropdown{left:8px;right:8px;top:62px}.notification-dropdown-header h3{font-size:16px}.notification-total{display:none}}@media (prefers-color-scheme:dark){.notification-dropdown{box-shadow:0 20px 50px #0006,0 4px 14px #00000040}.notification-dropdown,.notification-dropdown-header{background:#111827;background:var(--color-surface,#111827);border-color:#374151;border-color:var(--color-border,#374151)}.notification-dropdown-footer{background:#1f2937;background:var(--color-surface-secondary,#1f2937)}.notification-dropdown-footer,.notification-group+.notification-group{border-color:#374151;border-color:var(--color-border,#374151)}.notification-dropdown-header h3{color:#f9fafb;color:var(--color-text,#f9fafb)}}.profile-dropdown{animation:profile-dropdown-enter .16s ease-out;background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:14px;box-shadow:0 18px 45px #0f172a29,0 4px 12px #0f172a14;max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:310px;z-index:1000}.profile-dropdown-header{align-items:flex-start;display:flex;gap:12px;padding:16px}.profile-dropdown-avatar{align-items:center;background:#2563eb1a;border-radius:12px;color:#2563eb;color:var(--color-primary,#2563eb);display:flex;flex:0 0 42px;height:42px;justify-content:center;width:42px}.profile-dropdown-avatar svg{height:20px;width:20px}.profile-dropdown-identity{min-width:0}.profile-dropdown-name{color:#111827;color:var(--color-text,#111827);font-size:14px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-role{color:#2563eb;color:var(--color-primary,#2563eb);font-size:11px;font-weight:600;margin-top:2px}.profile-dropdown-email{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:11px;line-height:1.4;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-divider{background:#e5e7eb;background:var(--color-border,#e5e7eb);height:1px;margin:3px 0}.profile-dropdown-item{align-items:center;background:#0000;border:0;color:#374151;color:var(--color-text,#374151);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:11px;min-height:44px;padding:0 15px;text-align:left;transition:background-color .14s ease,color .14s ease;width:100%}.profile-dropdown-item:hover:not(:disabled){background:#f8fafc;background:var(--color-hover,#f8fafc)}.profile-dropdown-item:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:-2px}.profile-dropdown-item>svg:first-child{color:#6b7280;color:var(--color-text-muted,#6b7280);flex:0 0 auto;height:17px;width:17px}.profile-dropdown-item>span{flex:1 1;min-width:0}.profile-dropdown-arrow{color:#9ca3af!important;color:var(--color-text-muted,#9ca3af)!important;flex:0 0 auto;height:14px!important;width:14px!important}.profile-dropdown-item.logout-item,.profile-dropdown-item.logout-item>svg:first-child{color:#dc2626}.profile-dropdown-item.logout-item:hover:not(:disabled){background:#dc262612}.profile-dropdown-item:disabled{cursor:wait;opacity:.6}@keyframes profile-dropdown-enter{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-dropdown-item .spinning{animation:profile-dropdown-spin .8s linear infinite}@keyframes profile-dropdown-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.profile-dropdown,.profile-dropdown-item .spinning{animation:none}}@media (max-width:520px){.profile-dropdown{max-width:calc(100vw - 24px);position:fixed;right:12px;top:68px;width:300px}}@media (max-width:360px){.profile-dropdown{right:8px;width:calc(100vw - 16px)}}@media (prefers-color-scheme:dark){.profile-dropdown{background:#111827;background:var(--color-surface,#111827);border-color:#374151;border-color:var(--color-border,#374151);box-shadow:0 20px 50px #0006,0 4px 14px #00000040}.profile-dropdown-divider{background:#374151;background:var(--color-border,#374151)}.profile-dropdown-name{color:#f9fafb;color:var(--color-text,#f9fafb)}.profile-dropdown-item{color:#e5e7eb}.profile-dropdown-item:hover:not(:disabled){background:#ffffff0d}}:root{--users-bg:#f8fafc;--card-bg:#fff;--primary:#2563eb;--primary-light:#dbeafe;--title:#0f172a;--text:#334155;--muted:#64748b;--radius:16px}.users-page{background:#f8fafc;background:var(--users-bg);display:flex;flex:1 1;height:100%;overflow:hidden}.users-loading{align-items:center;color:#64748b;color:var(--muted);display:flex;flex:1 1;font-size:18px;justify-content:center}.users-panel{background:#fff;border-right:1px solid #e2e8f0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:380px;overflow:hidden;width:380px}.user-details{background:var(--users-bg);overflow:auto}.users-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.users-header h2{color:#0f172a;color:var(--title);font-size:22px;font-weight:700;margin:0}.users-header span{align-items:center;background:#2563eb;background:var(--primary);border-radius:999px;color:#fff;display:flex;font-size:13px;font-weight:700;height:34px;justify-content:center;min-width:34px;padding:0 10px}.user-search{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:18px}.user-search-input{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-sizing:border-box;color:#334155;color:var(--text);font-size:14px;height:44px;outline:none;padding:0 16px;transition:.25s;width:100%}.user-search-input:focus{background:#fff;border-color:#2563eb;border-color:var(--primary)}.users-scroll{background:#fff;flex:1 1;overflow-x:hidden;overflow-y:auto}.users-scroll::-webkit-scrollbar{width:8px}.users-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.users-scroll::-webkit-scrollbar-track{background:#0000}.empty-users{color:#64748b;color:var(--muted);font-size:15px;height:100%;justify-content:center;padding:30px;text-align:center}.empty-users,.user-card{align-items:center;display:flex}.user-card{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);cursor:pointer;gap:16px;padding:16px 20px;transition:background .2s,transform .15s}.user-card:hover{background:#f8fafc}.user-card:active{transform:scale(.99)}.user-card.selected{background:#dbeafe;background:var(--primary-light);border-left:4px solid #2563eb;border-left:4px solid var(--primary);padding-left:16px}.user-card-avatar{align-items:center;background:#2563eb;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:22px;font-weight:700;height:56px;justify-content:center;min-width:56px;overflow:hidden;width:56px}.user-card-avatar img{height:100%;object-fit:cover;width:100%}.user-card-content{flex:1 1;min-width:0}.user-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.user-card-header h3{color:#0f172a;color:var(--title);font-size:16px;font-weight:600;margin:0}.user-card-content small,.user-card-header h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-content small{color:#64748b;color:var(--muted);display:block;font-size:13px;margin-top:6px}.user-role{align-items:center;background:#eff6ff;border-radius:999px;color:#2563eb;color:var(--primary);display:inline-flex;font-size:11px;font-weight:700;justify-content:center;padding:4px 10px;white-space:nowrap}.user-details{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:32px}.user-details-mobile-header{align-items:center;display:flex;margin-bottom:24px}.back-button{background:#2563eb;background:var(--primary);border-radius:12px;color:#fff;font-size:14px;padding:10px 18px;transition:.25s}.back-button:hover{background:#1d4ed8}.user-profile{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;gap:24px;margin-bottom:28px;padding:28px}.profile-avatar,.user-profile{align-items:center;display:flex}.profile-avatar{background:#2563eb;background:var(--primary);border-radius:50%;color:#fff;font-size:42px;font-weight:700;height:110px;justify-content:center;min-width:110px;overflow:hidden;width:110px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.user-profile h2{color:#0f172a;color:var(--title);font-size:28px;margin:0}.user-profile p{color:#64748b;color:var(--muted);font-size:15px;margin-top:8px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.detail-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;padding:20px;transition:.2s}.detail-card:hover{box-shadow:0 8px 24px #0f172a14;transform:translateY(-2px)}.detail-card label{color:#64748b;color:var(--muted);display:block;font-size:13px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.detail-card span{color:#0f172a;color:var(--title);font-size:17px;font-weight:600}.user-details-empty{align-items:center;color:#64748b;color:var(--muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.user-details-empty h2{margin-bottom:12px}@media(max-width:900px){.user-details{padding:18px}.user-profile{flex-direction:column;padding:22px;text-align:center}.profile-avatar{font-size:32px;height:88px;min-width:88px;width:88px}.user-profile h2{font-size:22px}.details-grid{grid-template-columns:1fr}}.dashboard-page{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1800px;padding:24px;width:100%}.dashboard-error{background:#fef2f2;border:1px solid #fecaca;border-radius:16px;color:#b91c1c;font-weight:600;padding:16px 20px}.welcome-banner{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:24px;box-sizing:border-box;color:#fff;display:flex;gap:32px;justify-content:space-between;overflow:hidden;padding:32px;width:100%}.welcome-banner-left{flex:1 1;min-width:0}.welcome-banner-right{display:flex;flex-direction:column;flex-shrink:0;gap:14px;justify-content:center}.welcome-badge{align-items:center;background:#ffffff29;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px}.welcome-banner-left h1{font-size:34px;font-weight:700;line-height:1.2;margin:18px 0 12px}.welcome-banner-left p{line-height:1.7;margin:0;max-width:700px;opacity:.95}.welcome-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:16px;font-size:14px;gap:12px;padding:14px 18px}.refresh-button,.welcome-info{align-items:center;display:flex}.refresh-button{background:#fff;border:none;border-radius:14px;color:var(--color-primary);cursor:pointer;font-weight:600;gap:10px;justify-content:center;padding:12px 18px;transition:all .25s ease}.refresh-button:hover{box-shadow:0 8px 18px #0f172a2e;transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.welcome-summary{display:flex;flex-direction:column;gap:2px}.welcome-summary strong{font-size:22px;font-weight:700}.welcome-summary span{font-size:13px;opacity:.9}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:20px;cursor:pointer;display:flex;gap:20px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s}.stat-card:hover{border-color:#bfdbfe;box-shadow:0 10px 26px #0f172a14;transform:translateY(-4px)}.stat-card-top{flex-shrink:0}.stat-card-icon{align-items:center;border-radius:18px;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}.stat-card-body{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.stat-card-title{color:var(--color-muted);font-size:14px}.stat-card-value{color:var(--color-sidebar);font-size:28px;font-weight:700;line-height:1.1;margin:0}.stat-card-subtitle{color:var(--color-success);font-size:13px}.stat-card-loading{color:#94a3b8;font-size:24px;font-weight:600}@media (max-width:1024px){.welcome-banner{align-items:flex-start;flex-direction:column}.welcome-banner-right{width:100%}}@media (max-width:768px){.dashboard-page{padding:16px}.welcome-banner{padding:24px}.welcome-banner-left h1{font-size:28px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:18px}.stat-card-icon{font-size:24px;height:56px;width:56px}}.dashboard-workspace{display:flex;flex-direction:column;gap:24px}.dashboard-workspace-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.dashboard-left{min-width:0}.dashboard-right{display:flex;flex-direction:column;gap:24px;min-width:0}.dashboard-widget{border:1px solid var(--color-border);border-radius:20px;box-shadow:0 2px 12px #0f172a0d;padding:24px;transition:box-shadow .25s ease,border-color .25s ease}.dashboard-widget:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a14}.dashboard-widget-header{align-items:center;gap:16px;justify-content:space-between;margin-bottom:24px}.dashboard-widget-header h2{color:var(--color-sidebar);font-size:20px}.dashboard-widget-header span{color:var(--color-muted);font-size:14px}.card-badge{align-items:center;background:#eff6ff;border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 12px}.activity-summary-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.activity-stat{background:#f8fafc;border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:18px;transition:transform .2s ease,border-color .2s ease}.activity-stat:hover{border-color:#bfdbfe;transform:translateY(-2px)}.activity-label{color:var(--color-muted);font-size:14px}.activity-value{color:var(--color-sidebar);font-size:28px;font-weight:700}.activity-placeholder{border:2px dashed #cbd5e1;color:var(--color-muted);margin-top:28px;min-height:260px;padding:32px;text-align:center}.activity-placeholder,.chart-placeholder{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:18px;display:flex;justify-content:center}.chart-placeholder{color:#94a3b8;font-size:15px;min-height:320px}@media (max-width:1200px){.dashboard-workspace-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-widget{padding:18px}.dashboard-widget-header{align-items:flex-start;flex-direction:column}.activity-summary-grid{grid-template-columns:1fr}}.quick-actions-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-button{background:#f8fafc;border:1px solid var(--color-border);color:var(--color-text);flex-direction:column;gap:12px;justify-content:center;min-height:120px;padding:20px;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.quick-action-button:hover{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 10px 24px #2563eb1f;color:var(--color-primary)}.quick-action-button:focus-visible{outline:3px solid #2563eb40}.quick-action-icon{font-size:28px}.quick-action-button span{font-size:14px;font-weight:600;text-align:center}.recent-activity-list{display:flex;flex-direction:column;gap:12px}.activity-row{align-items:center;border-radius:16px;display:flex;gap:16px;padding:16px;transition:background .2s ease,transform .2s ease}.activity-row:hover{background:#f8fafc}.activity-icon,.activity-row:focus-within{background:#eff6ff}.activity-icon{align-items:center;border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.activity-content strong{color:var(--color-sidebar);font-size:15px;font-weight:600}.activity-content span{color:var(--color-muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row small{color:#94a3b8;flex-shrink:0;font-size:13px}.empty-activity{align-items:center;color:#94a3b8;display:flex;justify-content:center;min-height:180px;text-align:center}.dashboard-page ::-webkit-scrollbar{height:10px;width:10px}.dashboard-page ::-webkit-scrollbar-track{background:#0000}.dashboard-page ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.dashboard-page ::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes babigoFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-widget{animation:babigoFadeIn .25s ease}button{font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:3px solid #2563eb40;outline-offset:3px}@media (max-width:900px){.quick-actions-grid{grid-template-columns:1fr}.activity-row{align-items:flex-start}.activity-row small{display:none}}@media (max-width:640px){.activity-icon{font-size:18px;height:42px;width:42px}.quick-action-button{min-height:100px;padding:18px}}:root{--quick-primary:#1565c0;--quick-primary-dark:#0d47a1;--quick-primary-light:#42a5f5;--quick-success:#16a34a;--quick-warning:#f59e0b;--quick-danger:#dc2626;--quick-background:#f4f7fb;--quick-surface:#fff;--quick-border:#e5e7eb;--quick-text:#1e293b;--quick-text-light:#64748b;--quick-radius:22px;--quick-transition:.25s ease;--quick-shadow:0 10px 35px #0f172a14;--quick-shadow-hover:0 20px 50px #1565c02e}.dashboard-widget{background:#fff;background:var(--quick-surface);border:1px solid #e5e7eb;border:1px solid var(--quick-border);border-radius:22px;border-radius:var(--quick-radius);box-shadow:0 10px 35px #0f172a14;box-shadow:var(--quick-shadow);display:flex;flex-direction:column;gap:28px;padding:30px;transition:.25s ease;transition:var(--quick-transition)}.dashboard-widget:hover{box-shadow:0 20px 50px #1565c02e;box-shadow:var(--quick-shadow-hover)}.dashboard-widget-header{display:flex;flex-direction:column;gap:8px}.dashboard-widget-header h2{color:#1e293b;color:var(--quick-text);font-size:1.45rem;font-weight:700;margin:0}.dashboard-widget-header p{color:#64748b;color:var(--quick-text-light);font-size:.95rem;line-height:1.6;margin:0}.dashboard-widget-header:after{background:linear-gradient(90deg,#1565c0,#42a5f5);background:linear-gradient(90deg,var(--quick-primary),var(--quick-primary-light));border-radius:999px;content:"";height:4px;margin-top:8px;width:70px}.quick-action-primary{align-items:center;background:linear-gradient(135deg,#1565c0,#42a5f5);background:linear-gradient(135deg,var(--quick-primary) 0,var(--quick-primary-light) 100%);border:none;border-radius:24px;box-shadow:0 20px 45px #1565c040;color:#fff;cursor:pointer;display:flex;gap:24px;overflow:hidden;padding:30px;position:relative;text-align:left;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;width:100%}.quick-action-primary:before{background:radial-gradient(circle at top right,#ffffff40,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.quick-action-primary:hover{box-shadow:0 28px 60px #1565c059;filter:brightness(1.03);transform:translateY(-5px)}.quick-action-primary:active{transform:translateY(-1px)}.quick-action-primary:focus-visible{outline:4px solid #ffffff73;outline-offset:4px}.quick-action-primary-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:22px;display:flex;flex-shrink:0;height:82px;justify-content:center;width:82px}.quick-action-primary-icon svg{color:#fff;font-size:2.6rem}.quick-action-primary-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.quick-action-primary-content h3{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:.2px;margin:0}.quick-action-primary-content p{color:#ffffffeb;font-size:1rem;line-height:1.7;margin:0}.quick-action-primary:after{color:#ffffffd9;content:"→";font-size:2rem;font-weight:700;transition:transform .25s ease}.quick-action-primary:hover:after{transform:translateX(8px)}.quick-actions-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.quick-action-button{align-items:center;background:#fff;background:var(--quick-surface);border:1px solid #e5e7eb;border:1px solid var(--quick-border);border-radius:18px;box-shadow:0 4px 14px #0f172a0d;cursor:pointer;display:flex;gap:18px;padding:22px;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;width:100%}.quick-action-button:hover{background:#f8fbff;border-color:#1565c040;box-shadow:0 12px 28px #1565c01f;transform:translateY(-3px)}.quick-action-button:active{transform:translateY(-1px)}.quick-action-button:focus-visible{outline:3px solid #1565c040;outline-offset:3px}.quick-action-icon{align-items:center;background:#1565c01a;border-radius:16px;color:#1565c0;color:var(--quick-primary);display:flex;flex-shrink:0;font-size:1.45rem;height:54px;justify-content:center;transition:background .25s ease,color .25s ease,transform .25s ease;width:54px}.quick-action-button:hover .quick-action-icon{background:#1565c0;background:var(--quick-primary);color:#fff;transform:rotate(-8deg) scale(1.08)}.quick-action-button div{display:flex;flex:1 1;flex-direction:column;gap:5px}.quick-action-button strong{color:#1e293b;color:var(--quick-text);font-size:1rem;font-weight:700}.quick-action-button span{color:#64748b;color:var(--quick-text-light);font-size:.88rem;line-height:1.5}.quick-action-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.quick-action-button:disabled:hover{background:#fff;background:var(--quick-surface);border-color:#e5e7eb;border-color:var(--quick-border)}.quick-action-button:disabled .quick-action-icon{background:#e5e7eb;color:#94a3b8;transform:none}.dashboard-widget-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--quick-border);margin-top:10px;padding-top:20px;text-align:center}.dashboard-widget-footer small{color:#64748b;color:var(--quick-text-light);display:block;font-size:.85rem;line-height:1.6}@media (max-width:992px){.dashboard-widget{padding:24px}.quick-action-primary{gap:20px;padding:24px}.quick-action-primary-icon{height:70px;width:70px}.quick-action-primary-icon svg{font-size:2.2rem}.quick-action-primary-content h3{font-size:1.35rem}}@media (max-width:768px){.dashboard-widget{gap:22px;padding:20px}.quick-action-primary{align-items:flex-start;flex-direction:column;gap:18px;padding:24px;text-align:left}.quick-action-primary:after{display:none}.quick-action-primary-icon{height:64px;width:64px}.quick-action-primary-icon svg{font-size:2rem}.quick-action-primary-content h3{font-size:1.3rem}.quick-action-primary-content p{font-size:.95rem}.quick-actions-grid{grid-template-columns:1fr}.quick-action-button{padding:18px}}@media (max-width:480px){.dashboard-widget{border-radius:18px;padding:18px}.dashboard-widget-header h2{font-size:1.25rem}.dashboard-widget-header p{font-size:.9rem}.quick-action-primary{border-radius:20px}.quick-action-primary-content h3{font-size:1.15rem}.quick-action-button{gap:14px}.quick-action-icon{font-size:1.2rem;height:46px;width:46px}}@media (prefers-color-scheme:dark){.dashboard-widget{background:#16202a;border-color:#ffffff14}.dashboard-widget-header h2{color:#f8fafc}.dashboard-widget-footer small,.dashboard-widget-header p,.quick-action-button span{color:#cbd5e1}.quick-action-button{background:#1e293b;border-color:#ffffff14}.quick-action-button:hover{background:#243447}.quick-action-button strong{color:#f8fafc}}@keyframes quickFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dashboard-widget{animation:quickFadeUp .35s ease}.trip-card{background:#fff;border:1px solid #0f172a0f;border-radius:22px;box-shadow:0 10px 30px #0f172a0f;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:22px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.trip-card:hover{border-color:#1565c033;box-shadow:0 18px 40px #0f172a1a;transform:translateY(-4px)}.trip-card-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.trip-route{flex-wrap:wrap;gap:14px}.trip-city,.trip-route{align-items:center;display:flex}.trip-city{color:#16324f;font-size:1rem;font-weight:700;gap:8px}.trip-city svg{color:#1565c0}.trip-route-arrow{color:#64748b;font-size:1.25rem;font-weight:700}.trip-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;letter-spacing:.3px;padding:8px 14px;white-space:nowrap}.trip-status.published{background:#22c55e1f;border-color:#22c55e2e;color:#15803d}.trip-status.completed{background:#2563eb1a;border-color:#2563eb2e;color:#1d4ed8}.trip-status.cancelled{background:#ef44441f;border-color:#ef44442e;color:#dc2626}.trip-card-body{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.trip-info{align-items:center;color:#334155;display:flex;font-size:.95rem;gap:12px;line-height:1.5;min-height:42px}.trip-info svg{color:#1565c0;flex-shrink:0;font-size:1rem}.trip-info span{flex:1 1;word-break:break-word}.trip-card-details{border-top:1px solid #0f172a14;display:flex;flex-direction:column;gap:14px;padding-top:18px}.trip-description{background:linear-gradient(135deg,#1565c00d,#1565c005);border:1px solid #1565c014;border-radius:16px;margin-top:6px;padding:16px 18px}.trip-description strong{color:#16324f;display:block;font-size:.92rem;font-weight:700;margin-bottom:8px}.trip-description p{color:#475569;font-size:.92rem;line-height:1.7;margin:0;white-space:pre-line}.trip-card-details .trip-info:first-child{background:#1565c00f;border:1px solid #1565c01a;border-radius:14px;padding:14px 16px}.trip-card-details .trip-info:first-child svg{color:#1565c0;font-size:1.15rem}.trip-card-details .trip-info:first-child span{color:#1565c0;font-size:1rem;font-weight:700}.trip-info{transition:background-color .2s ease,transform .2s ease}.trip-info:hover{background:rgba(15,23,42,.025);border-radius:12px;transform:translateX(2px)}.trip-card-footer{border-top:1px solid #0f172a14;display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;padding-top:20px}.trip-action-button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;flex:1 1;font-size:.92rem;font-weight:600;gap:10px;height:46px;justify-content:center;min-width:130px;transition:all .25s ease}.trip-action-button svg{font-size:1rem}.trip-action-button.edit{background:#1565c014;color:#1565c0}.trip-action-button.edit:hover{background:#1565c026;transform:translateY(-2px)}.trip-action-button.success{background:#22c55e1a;color:#15803d}.trip-action-button.success:hover{background:#22c55e2e;transform:translateY(-2px)}.trip-action-button.warning{background:#f59e0b1f;color:#b45309}.trip-action-button.warning:hover{background:#f59e0b33;transform:translateY(-2px)}.trip-action-button.danger{background:#ef44441a;color:#dc2626}.trip-action-button.danger:hover{background:#ef44442e;transform:translateY(-2px)}.trip-action-button:active{transform:scale(.97)}@media (max-width:992px){.trip-card{padding:20px}.trip-card-body{gap:14px;grid-template-columns:1fr}}@media (max-width:768px){.trip-card{border-radius:18px;gap:18px;padding:18px}.trip-card-header{align-items:stretch;flex-direction:column;gap:14px}.trip-route{justify-content:flex-start}.trip-status{align-self:flex-start}.trip-card-footer{flex-direction:column}.trip-action-button{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.trip-card{padding:16px}.trip-city{font-size:.92rem}.trip-route-arrow{font-size:1rem}.trip-info{font-size:.9rem}.trip-description{padding:14px}.trip-action-button{font-size:.9rem;height:44px}}@media (prefers-color-scheme:dark){.trip-card{background:#16202a;border-color:#ffffff14;box-shadow:0 12px 30px #0000004d}.trip-card:hover{border-color:#3b82f659}.trip-city{color:#f8fafc}.trip-route-arrow{color:#94a3b8}.trip-info{color:#e2e8f0}.trip-description{background:#3b82f614;border-color:#3b82f61f}.trip-description strong{color:#f8fafc}.trip-description p{color:#cbd5e1}.trip-card-details,.trip-card-footer{border-top-color:#ffffff14}}@keyframes tripCardFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.trip-card{animation:tripCardFade .35s ease}.trip-filters{width:100%}.trip-filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.trip-filter-button{align-items:center;background:#fff;border:1px solid #0f172a14;border-radius:999px;color:#475569;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:600;justify-content:center;min-height:44px;padding:0 20px;transition:all .25s ease}.trip-filter-button:hover{background:#1565c00d;border-color:#1565c033;color:#1565c0;transform:translateY(-2px)}.trip-filter-button:active{transform:scale(.97)}.trip-filter-button:focus-visible{box-shadow:0 0 0 4px #1565c026;outline:none}.trip-filter-button.active{background:linear-gradient(135deg,#1565c0,#1976d2);border-color:#0000;box-shadow:0 10px 24px #1565c033;color:#fff}.trip-filter-button.active:hover{color:#fff;transform:translateY(-2px)}@media (max-width:768px){.trip-filters-container{gap:10px}.trip-filter-button{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;justify-content:center;min-width:140px}}@media (max-width:480px){.trip-filters-container{align-items:stretch;flex-direction:column}.trip-filter-button{width:100%}}@media (prefers-color-scheme:dark){.trip-filter-button{background:#16202a;border-color:#ffffff14;color:#e2e8f0}.trip-filter-button:hover{background:#3b82f61f;border-color:#3b82f640;color:#fff}.trip-filter-button.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}}.empty-trips{min-height:420px;padding:40px 24px}.empty-trips,.empty-trips-card{align-items:center;box-sizing:border-box;display:flex;justify-content:center;width:100%}.empty-trips-card{background:#fff;background:var( --color-surface,#fff );border:1px solid #e5e7eb;border:1px solid var( --color-border,#e5e7eb );border-radius:20px;box-shadow:0 10px 30px #0f172a0f;flex-direction:column;max-width:620px;padding:48px 40px;text-align:center}.empty-trips-icon{align-items:center;background:#2563eb14;border-radius:20px;color:#2563eb;color:var( --color-primary,#2563eb );display:flex;height:72px;justify-content:center;margin-bottom:22px;width:72px}.empty-trips-icon svg{stroke-width:1.8;height:34px;width:34px}.empty-trips-card h2{color:#111827;color:var( --color-text,#111827 );font-size:22px;font-weight:700;line-height:1.35;margin:0}.empty-trips-card p{color:#6b7280;color:var( --color-text-muted,#6b7280 );font-size:14px;font-weight:400;line-height:1.7;margin:12px 0 28px;max-width:500px}.empty-trips-button{align-items:center;background:#2563eb;background:var( --color-primary,#2563eb );border:1px solid #0000;border-radius:10px;box-shadow:0 5px 14px #2563eb33;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:9px;justify-content:center;line-height:1;min-height:44px;padding:0 20px;text-decoration:none;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.empty-trips-button svg{stroke-width:2;height:17px;width:17px}.empty-trips-button:hover{background:#1d4ed8;background:var( --color-primary-dark,#1d4ed8 );box-shadow:0 7px 18px #2563eb42;transform:translateY(-1px)}.empty-trips-button:active{box-shadow:0 3px 10px #2563eb2e;transform:translateY(0)}.empty-trips-button:focus-visible{outline:2px solid #2563eb;outline:2px solid var( --color-primary,#2563eb );outline-offset:3px}@media (prefers-color-scheme:dark){.empty-trips-card{background:#111827;background:var( --color-surface,#111827 );border-color:#374151;border-color:var( --color-border,#374151 );box-shadow:0 10px 30px #0003}.empty-trips-icon{background:#3b82f61f;color:#60a5fa}.empty-trips-card h2{color:#f9fafb;color:var( --color-text,#f9fafb )}.empty-trips-card p{color:#9ca3af;color:var( --color-text-muted,#9ca3af )}}@media (max-width:768px){.empty-trips{min-height:360px;padding:32px 20px}.empty-trips-card{border-radius:18px;max-width:560px;padding:40px 30px}.empty-trips-card h2{font-size:20px}.empty-trips-card p{font-size:13px}}@media (max-width:520px){.empty-trips{min-height:320px;padding:24px 14px}.empty-trips-card{border-radius:16px;padding:34px 20px}.empty-trips-icon{border-radius:17px;height:62px;margin-bottom:18px;width:62px}.empty-trips-icon svg{height:29px;width:29px}.empty-trips-card h2{font-size:18px}.empty-trips-card p{font-size:13px;line-height:1.6;margin-bottom:24px;margin-top:10px}.empty-trips-button{max-width:280px;min-height:44px;padding:0 16px;width:100%}}@media (max-width:360px){.empty-trips{padding:20px 10px}.empty-trips-card{padding:30px 16px}.empty-trips-card h2{font-size:17px}.empty-trips-button,.empty-trips-card p{font-size:12px}}@media (prefers-reduced-motion:reduce){.empty-trips-button{transition:none}.empty-trips-button:hover{transform:none}}.my-trips-page{animation:fadeMyTrips .35s ease;display:flex;flex-direction:column;gap:28px;padding:32px}.my-trips-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.my-trips-header h1{color:#16324f;font-size:2rem;font-weight:700;margin:0}.my-trips-header p{color:#64748b;font-size:.97rem;line-height:1.6;margin-top:8px}.new-trip-button{align-items:center;background:linear-gradient(135deg,#1565c0,#1976d2);border-radius:14px;box-shadow:0 12px 30px #1565c02e;color:#fff;display:inline-flex;font-weight:600;gap:10px;justify-content:center;padding:14px 22px;text-decoration:none;transition:.25s}.new-trip-button:hover{box-shadow:0 18px 36px #1565c047;transform:translateY(-2px)}.new-trip-button svg{font-size:1.1rem}.my-trips-search{align-items:center;background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 8px 24px #0f172a0d;display:flex;gap:14px;padding:16px 20px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.my-trips-search:hover{border-color:#1565c038}.my-trips-search:focus-within{border-color:#1565c0;box-shadow:0 0 0 4px #1565c01a,0 12px 30px #1565c01f;transform:translateY(-1px)}.my-trips-search svg{color:#64748b;flex-shrink:0;font-size:1.2rem;transition:color .25s ease}.my-trips-search:focus-within svg{color:#1565c0}.my-trips-search input{background:#0000;border:none;color:#16324f;flex:1 1;font-family:inherit;font-size:1rem;font-weight:500;outline:none}.my-trips-search input::placeholder{color:#94a3b8;font-weight:400}.loading-trips{align-items:center;background:#fff;border:1px solid #0f172a0f;border-radius:20px;box-shadow:0 10px 24px #0f172a0d;color:#64748b;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:220px}.trips-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:992px){.my-trips-page{gap:24px;padding:24px}.my-trips-header{align-items:flex-start}.my-trips-header h1{font-size:1.75rem}.trips-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.my-trips-page{gap:20px;padding:18px 16px 32px}.my-trips-header{align-items:stretch;flex-direction:column;gap:18px}.my-trips-header h1{font-size:1.5rem}.my-trips-header p{font-size:.92rem}.new-trip-button{justify-content:center;width:100%}.my-trips-search{border-radius:16px;padding:14px 16px}.my-trips-search input{font-size:.95rem}.trips-grid{gap:18px;grid-template-columns:1fr}}@media (max-width:480px){.my-trips-page{padding:14px 12px 24px}.my-trips-header h1{font-size:1.3rem}.new-trip-button{border-radius:12px;font-size:.95rem;padding:13px 18px}.my-trips-search{padding:12px 14px}.my-trips-search svg{font-size:1rem}.loading-trips{font-size:.95rem;min-height:180px}}@media (prefers-color-scheme:dark){.my-trips-page{background:#0f172a}.my-trips-header h1{color:#f8fafc}.my-trips-header p{color:#cbd5e1}.my-trips-search{background:#16202a;border-color:#ffffff14;box-shadow:0 8px 24px #00000040}.my-trips-search input{color:#f8fafc}.my-trips-search input::placeholder,.my-trips-search svg{color:#94a3b8}.my-trips-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 12px 30px #00000059}.loading-trips{background:#16202a;border-color:#ffffff14;color:#e2e8f0}}.my-trips-page::-webkit-scrollbar{width:10px}.my-trips-page::-webkit-scrollbar-track{background:#0000}.my-trips-page::-webkit-scrollbar-thumb{background:#1565c059;border-radius:999px}.my-trips-page::-webkit-scrollbar-thumb:hover{background:#1565c099}@keyframes fadeMyTrips{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.trips-grid>*{animation:fadeMyTrips .35s ease}.my-trips-page *{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}:root{--trip-primary:#1565c0;--trip-primary-dark:#0d47a1;--trip-primary-light:#42a5f5;--trip-success:#16a34a;--trip-danger:#dc2626;--trip-warning:#f59e0b;--trip-background:#f4f7fb;--trip-surface:#fff;--trip-border:#e5e7eb;--trip-text:#1e293b;--trip-text-light:#64748b;--trip-radius:22px;--trip-shadow:0 10px 35px #0f172a14;--trip-shadow-hover:0 18px 45px #1565c026;--trip-transition:.25s ease}.create-trip-page{background:#f4f7fb;background:var(--trip-background);min-height:100vh;padding:40px 24px 60px}.create-trip-container{margin:0 auto;max-width:1100px;width:100%}.create-trip-header{align-items:center;display:flex;gap:24px;margin-bottom:32px}.create-trip-header>div{flex:1 1}.create-trip-header h1{color:#1e293b;color:var(--trip-text);font-size:2rem;font-weight:700;margin:0}.create-trip-header p{color:#64748b;color:var(--trip-text-light);font-size:1rem;line-height:1.7;margin-top:8px}.back-button{align-items:center;background:#fff;background:var(--trip-surface);border:none;border-radius:16px;box-shadow:0 10px 35px #0f172a14;box-shadow:var(--trip-shadow);color:#1565c0;color:var(--trip-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 22px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;transition:transform var(--trip-transition),box-shadow var(--trip-transition),background var(--trip-transition)}.back-button:hover{background:#eef6ff;box-shadow:0 18px 45px #1565c026;box-shadow:var(--trip-shadow-hover);transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.back-button svg{font-size:1rem}.create-trip-form{display:flex;flex-direction:column;gap:28px}.form-card{background:#fff;background:var(--trip-surface);border:1px solid #e5e7eb;border:1px solid var(--trip-border);border-radius:22px;border-radius:var(--trip-radius);box-shadow:0 10px 35px #0f172a14;box-shadow:var(--trip-shadow);padding:28px;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--trip-transition),box-shadow var(--trip-transition)}.form-card:hover{box-shadow:0 18px 45px #1565c026;box-shadow:var(--trip-shadow-hover);transform:translateY(-2px)}.form-card h2{align-items:center;color:#1e293b;color:var(--trip-text);display:flex;font-size:1.2rem;font-weight:700;gap:12px;margin:0 0 24px}.form-card h2 svg{color:#1565c0;color:var(--trip-primary);font-size:1.15rem}.form-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group label{align-items:center;color:var(--trip-text);display:flex;font-size:.95rem;gap:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--trip-border);border-radius:14px;box-sizing:border-box;color:#1e293b;color:var(--trip-text);font-family:inherit;font-size:.95rem;outline:none;padding:14px 16px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;transition:border-color var(--trip-transition),box-shadow var(--trip-transition),background var(--trip-transition);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,#0000 50%,#1565c0 0),linear-gradient(135deg,#1565c0 50%,#0000 0);background-image:linear-gradient(45deg,#0000 50%,var(--trip-primary) 50%),linear-gradient(135deg,var(--trip-primary) 50%,#0000 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;cursor:pointer;padding-right:48px}.form-group textarea{line-height:1.7;min-height:130px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#1565c0;border-color:var(--trip-primary);box-shadow:0 0 0 4px #1565c01f}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.form-error{align-items:center;animation:tripFadeIn .25s ease;background:#dc262614;border:1px solid #dc262633;border-radius:16px;color:#dc2626;color:var(--trip-danger);display:flex;font-size:.95rem;font-weight:500;line-height:1.6;padding:16px 18px}.create-trip-actions{align-items:center;display:flex;gap:18px;justify-content:flex-end;margin-top:12px}.secondary-button{align-items:center;background:#fff;background:var(--trip-surface);border:1px solid #e5e7eb;border:1px solid var(--trip-border);border-radius:14px;color:#1e293b;color:var(--trip-text);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;height:52px;justify-content:center;min-width:150px;padding:0 24px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.secondary-button:hover{background:#f7faff;border-color:#1565c0;border-color:var(--trip-primary);box-shadow:0 10px 25px #1565c01a;transform:translateY(-2px)}.secondary-button:active{transform:translateY(0)}.primary-button{align-items:center;background:linear-gradient(135deg,#1565c0,#42a5f5);background:linear-gradient(135deg,var(--trip-primary),var(--trip-primary-light));border:none;border-radius:16px;box-shadow:0 16px 35px #1565c040;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;height:54px;justify-content:center;min-width:240px;padding:0 28px;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.primary-button:hover{box-shadow:0 22px 45px #1565c059;filter:brightness(1.03);transform:translateY(-3px)}.primary-button:active{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible{outline:3px solid #1565c040;outline-offset:3px}.primary-button:disabled,.secondary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.primary-button:disabled{background:linear-gradient(135deg,#90caf9,#64b5f6)}@keyframes tripFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--login-primary:#1565c0;--login-primary-dark:#0d47a1;--login-background:#f5f8fc;--login-surface:#fff;--login-border:#e3eaf4;--login-text:#1e293b;--login-text-light:#64748b;--login-radius:28px;--login-shadow:0 25px 80px #0f172a1f}.login-page{align-items:center;background:#f5f8fc;background:var(--login-background);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:32px}.login-container{background:#fff;background:var(--login-surface);border-radius:28px;border-radius:var(--login-radius);box-shadow:0 25px 80px #0f172a1f;box-shadow:var(--login-shadow);display:grid;grid-template-columns:58% 42%;max-width:1320px;min-height:760px;overflow:hidden;width:100%}.login-carousel{background:#0f4c81;display:flex;overflow:hidden;position:relative}.login-carousel img,.login-carousel-image{height:100%;object-fit:cover;width:100%}.login-carousel-overlay{background:linear-gradient(#0f4c8140,#08182bd1);inset:0;position:absolute}.login-carousel-content{bottom:0;color:#fff;display:flex;flex-direction:column;gap:18px;left:0;padding:60px;position:absolute;right:0;z-index:2}.login-carousel-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;padding:10px 18px;width:-webkit-max-content;width:max-content}.login-carousel-title{font-size:52px;font-weight:800;line-height:1.15;margin:0}.login-carousel-description{font-size:18px;line-height:1.8;max-width:520px;opacity:.95}.login-carousel-indicators{align-items:center;display:flex;gap:10px;margin-top:12px}.login-carousel-dot{background:#ffffff59;border-radius:50%;height:12px;transition:.3s;width:12px}.login-carousel-dot.active{background:#fff;border-radius:999px;width:36px}.login-panel{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:64px}.login-logo{align-items:center;display:flex;gap:16px;margin-bottom:40px}.login-logo img{height:58px;object-fit:contain;width:58px}.login-logo-text{display:flex;flex-direction:column}.login-logo-text h1{color:#1565c0;color:var(--login-primary);font-size:32px;font-weight:800;margin:0}.login-logo-text span{color:#64748b;color:var(--login-text-light);font-size:14px}.login-header{margin-bottom:40px}.login-header h2{color:#1e293b;color:var(--login-text);font-size:34px;font-weight:700;margin:0 0 12px}.login-header p{color:#64748b;color:var(--login-text-light);line-height:1.8;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-group label{color:var(--login-text)}.form-group input{border:1px solid var(--login-border)}.form-group input:focus{border-color:var(--login-primary)}.login-error{background:#feecec;border:1px solid #ffcdd2;border-radius:14px;color:#c62828;font-size:14px;font-weight:600;padding:16px}.login-button{background:#1565c0;background:var(--login-primary);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:58px;transition:.25s}.login-button:hover{background:#0d47a1;background:var(--login-primary-dark);transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.login-links{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:28px}.login-links a{color:#1565c0;color:var(--login-primary);font-size:15px;font-weight:600;text-decoration:none;transition:.25s}.login-links a:hover{color:#0d47a1;color:var(--login-primary-dark);text-decoration:underline}.login-divider{align-items:center;color:#64748b;color:var(--login-text-light);display:flex;font-size:14px;gap:18px;margin:36px 0}.login-divider:after,.login-divider:before{background:#e3eaf4;background:var(--login-border);content:"";flex:1 1;height:1px}.login-trust{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.login-trust-card{background:#f8fafc;border:1px solid #e3eaf4;border:1px solid var(--login-border);border-radius:18px;padding:18px;transition:.25s}.login-trust-card:hover{box-shadow:0 12px 30px #0f172a14;transform:translateY(-4px)}.login-trust-icon{align-items:center;background:#e8f1fd;border-radius:14px;color:#1565c0;color:var(--login-primary);display:flex;font-size:24px;height:52px;justify-content:center;margin-bottom:14px;width:52px}.login-trust-title{color:#1e293b;color:var(--login-text);font-size:16px;font-weight:700;margin:0 0 8px}.login-trust-description{font-size:14px;line-height:1.7;margin:0}.login-footer,.login-trust-description{color:#64748b;color:var(--login-text-light)}.login-footer{align-items:center;border-top:1px solid #e3eaf4;border-top:1px solid var(--login-border);display:flex;flex-wrap:wrap;font-size:13px;gap:16px;justify-content:space-between;margin-top:42px;padding-top:24px}.login-footer a{color:#64748b;color:var(--login-text-light);text-decoration:none;transition:.25s}.login-footer a:hover,.login-version{color:#1565c0;color:var(--login-primary)}.login-version{align-items:center;background:#eef4fd;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 14px}.login-panel{animation:loginFade .7s ease}.login-carousel-content{animation:loginSlide 1s ease}@keyframes loginFade{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes loginSlide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.login-page{padding:24px}.login-container{grid-template-columns:1fr 1fr;min-height:680px}.login-panel{padding:48px}.login-carousel-content{padding:40px}.login-carousel-title{font-size:40px}}@media (max-width:992px){.login-page{padding:20px}.login-container{grid-template-columns:1fr}.login-carousel{min-height:340px}.login-panel{padding:40px}.login-carousel-title{font-size:34px}.login-carousel-description{font-size:16px}.login-trust{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.login-page{align-items:stretch;padding:0}.login-container{border-radius:0;box-shadow:none;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh;width:100%}.login-carousel{max-height:320px;min-height:260px}.login-carousel-content{gap:14px;padding:28px}.login-carousel-title{font-size:28px}.login-carousel-description{font-size:15px;line-height:1.6}.login-carousel-badge{font-size:12px}.login-panel{padding:28px 22px 36px}.login-logo{justify-content:center;margin-bottom:24px}.login-logo-text{align-items:center}.login-header{text-align:center}.login-header h2{font-size:28px}.login-header p{font-size:15px}.login-form{gap:20px}.form-group input{font-size:16px;height:54px}.login-button{height:56px}.login-links{align-items:center;flex-direction:column}.login-divider{margin:28px 0}.login-trust{grid-template-columns:1fr}.login-footer{flex-direction:column;text-align:center}}@media (max-width:480px){.login-carousel{min-height:220px}.login-carousel-content{padding:20px}.login-carousel-title{font-size:22px}.login-carousel-description{font-size:14px}.login-panel{padding:22px 18px 28px}.login-header h2{font-size:24px}.login-logo img{height:48px;width:48px}.login-logo-text h1{font-size:26px}.login-trust-card{padding:16px}}:root{--register-primary:#1565c0;--register-primary-dark:#0d47a1;--register-background:#f5f8fc;--register-surface:#fff;--register-border:#e3eaf4;--register-text:#1e293b;--register-text-light:#64748b;--register-radius:28px;--register-shadow:0 25px 80px #0f172a1f}.register-page{align-items:center;background:#f5f8fc;background:var(--register-background);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:32px}.register-container{background:#fff;background:var(--register-surface);border-radius:28px;border-radius:var(--register-radius);box-shadow:0 25px 80px #0f172a1f;box-shadow:var(--register-shadow);display:grid;grid-template-columns:58% 42%;max-width:1320px;min-height:760px;overflow:hidden;width:100%}.register-carousel{background:#0f4c81;display:flex;overflow:hidden;position:relative}.register-carousel img,.register-carousel-image{height:100%;object-fit:cover;width:100%}.register-carousel-overlay{background:linear-gradient(#0f4c8140,#08182bd1);inset:0;position:absolute}.register-carousel-content{bottom:0;color:#fff;display:flex;flex-direction:column;gap:18px;left:0;padding:60px;position:absolute;right:0;z-index:2}.register-carousel-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;padding:10px 18px;width:-webkit-max-content;width:max-content}.register-carousel-title{font-size:52px;font-weight:800;line-height:1.15;margin:0}.register-carousel-description{font-size:18px;line-height:1.8;max-width:520px;opacity:.95}.register-carousel-indicators{align-items:center;display:flex;gap:10px;margin-top:12px}.register-carousel-dot{background:#ffffff59;border-radius:50%;height:12px;transition:.3s;width:12px}.register-carousel-dot.active{background:#fff;border-radius:999px;width:36px}.register-panel{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:64px}.register-logo{align-items:center;display:flex;gap:16px;margin-bottom:40px}.register-logo img{height:58px;object-fit:contain;width:58px}.register-logo-text{display:flex;flex-direction:column}.register-logo-text h1{color:#1565c0;color:var(--register-primary);font-size:32px;font-weight:800;margin:0}.register-logo-text span{color:#64748b;color:var(--register-text-light);font-size:14px}.register-header{margin-bottom:40px}.register-header h2{color:#1e293b;color:var(--register-text);font-size:34px;font-weight:700;margin:0 0 12px}.register-header p{color:#64748b;color:var(--register-text-light);line-height:1.8;margin:0}.register-form{display:flex;flex-direction:column;gap:24px}.form-group label{color:var(--register-text);font-size:15px}.form-group input{background:#fff;border:1px solid #e3eaf4;border:1px solid var(--register-border);box-sizing:border-box;padding:16px 18px;width:100%}.form-group input::placeholder{color:#94a3b8}.form-group input:hover{border-color:#90caf9}.form-group input:focus{border-color:var(--register-primary)}.register-error{background:#feecec;border:1px solid #ffcdd2;border-radius:14px;color:#c62828;font-size:14px;font-weight:600;padding:16px}.register-button{background:#1565c0;background:var(--register-primary);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:58px;transition:.25s}.register-button:hover{background:#0d47a1;background:var(--register-primary-dark);transform:translateY(-2px)}.register-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.register-links{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:28px}.register-links a{color:#1565c0;color:var(--register-primary);font-size:15px;font-weight:600;text-decoration:none;transition:.25s}.register-links a:hover{color:#0d47a1;color:var(--register-primary-dark);text-decoration:underline}.register-divider{align-items:center;color:#64748b;color:var(--register-text-light);display:flex;font-size:14px;gap:18px;margin:36px 0}.register-divider:after,.register-divider:before{background:#e3eaf4;background:var(--register-border);content:"";flex:1 1;height:1px}.register-trust{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.register-trust-card{background:#f8fafc;border:1px solid #e3eaf4;border:1px solid var(--register-border);border-radius:18px;padding:18px;transition:.25s}.register-trust-card:hover{box-shadow:0 12px 30px #0f172a14;transform:translateY(-4px)}.register-trust-icon{align-items:center;background:#e8f1fd;border-radius:14px;color:#1565c0;color:var(--register-primary);display:flex;font-size:24px;height:52px;justify-content:center;margin-bottom:14px;width:52px}.register-trust-title{color:#1e293b;color:var(--register-text);font-size:16px;font-weight:700;margin:0 0 8px}.register-trust-description{font-size:14px;line-height:1.7;margin:0}.register-footer,.register-trust-description{color:#64748b;color:var(--register-text-light)}.register-footer{align-items:center;border-top:1px solid #e3eaf4;border-top:1px solid var(--register-border);display:flex;flex-wrap:wrap;font-size:13px;gap:16px;justify-content:space-between;margin-top:42px;padding-top:24px}.register-footer a{color:#64748b;color:var(--register-text-light);text-decoration:none;transition:.25s}.register-footer a:hover,.register-version{color:#1565c0;color:var(--register-primary)}.register-version{align-items:center;background:#eef4fd;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 14px}.register-panel{animation:registerFade .7s ease}.register-carousel-content{animation:registerSlide 1s ease}@keyframes registerFade{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes registerSlide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.register-page{padding:24px}.register-container{grid-template-columns:1fr 1fr;min-height:680px}.register-panel{padding:48px}.register-carousel-content{padding:40px}.register-carousel-title{font-size:40px}}@media (max-width:992px){.register-page{padding:20px}.register-container{grid-template-columns:1fr}.register-carousel{min-height:340px}.register-panel{padding:40px}.register-carousel-title{font-size:34px}.register-carousel-description{font-size:16px}.register-trust{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.register-page{align-items:stretch;padding:0}.register-container{border-radius:0;box-shadow:none;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh;width:100%}.register-carousel{max-height:320px;min-height:260px}.register-carousel-content{gap:14px;padding:28px}.register-carousel-title{font-size:28px}.register-carousel-description{font-size:15px;line-height:1.6}.register-carousel-badge{font-size:12px}.register-panel{padding:28px 22px 36px}.register-logo{justify-content:center;margin-bottom:24px}.register-logo-text{align-items:center}.register-header{text-align:center}.register-header h2{font-size:28px}.register-header p{font-size:15px}.register-form{gap:20px}.form-group input{font-size:16px;height:54px}.register-button{height:56px}.register-links{align-items:center;flex-direction:column}.register-divider{margin:28px 0}.register-trust{grid-template-columns:1fr}.register-footer{flex-direction:column;text-align:center}}@media (max-width:480px){.register-carousel{min-height:220px}.register-carousel-content{padding:20px}.register-carousel-title{font-size:22px}.register-carousel-description{font-size:14px}.register-panel{padding:22px 18px 28px}.register-header h2{font-size:24px}.register-logo img{height:48px;width:48px}.register-logo-text h1{font-size:26px}.register-trust-card{padding:16px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}:root{--primary:#1565c0;--primary-dark:#0d47a1;--background:#f4f7fb;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--text-light:#64748b;--success:#16a34a;--error:#dc2626;--radius:24px;--shadow:0 25px 80px #0f172a1a}.forgot-password-page{align-items:center;background:#f4f7fb;background:var(--background);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:32px}.forgot-password-container{background:#fff;background:var(--surface);border-radius:24px;border-radius:var(--radius);box-shadow:0 25px 80px #0f172a1a;box-shadow:var(--shadow);max-width:560px;padding:48px;width:100%}.forgot-password-logo{align-items:center;display:flex;gap:16px;margin-bottom:40px}.forgot-password-logo img{height:56px;width:56px}.forgot-password-logo h1{color:#1565c0;color:var(--primary);font-size:30px;margin:0}.forgot-password-logo span{color:#64748b;color:var(--text-light);font-size:14px}.forgot-password-header{margin-bottom:36px}.forgot-password-header h2{color:#1e293b;color:var(--text);font-size:32px;margin:0 0 14px}.forgot-password-header p{color:#64748b;color:var(--text-light);line-height:1.8;margin:0}.forgot-password-form{gap:22px}.forgot-password-form,.form-group{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#1e293b;color:var(--text);font-weight:600}.form-group input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;font-size:15px;outline:none;padding:16px;transition:.25s}.form-group input:focus{border-color:#1565c0;border-color:var(--primary);box-shadow:0 0 0 4px #1565c01f}.forgot-password-button{background:#1565c0;background:var(--primary);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:56px;transition:.25s}.forgot-password-button:hover{background:#0d47a1;background:var(--primary-dark);transform:translateY(-2px)}.forgot-password-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.forgot-password-error{background:#feecec;border:1px solid #fecaca;border-radius:16px;color:#dc2626;color:var(--error);padding:16px}.forgot-password-success{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:16px;color:#16a34a;color:var(--success);padding:16px}.forgot-password-links{margin-top:28px;text-align:center}.forgot-password-links a{color:#1565c0;color:var(--primary);font-weight:600;text-decoration:none}.forgot-password-links a:hover{text-decoration:underline}.forgot-password-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#64748b;color:var(--text-light);display:flex;font-size:13px;justify-content:space-between;margin-top:36px;padding-top:24px}@media (max-width:768px){.forgot-password-page{padding:20px}.forgot-password-container{border-radius:20px;padding:32px 24px}.forgot-password-header h2{font-size:26px}.forgot-password-footer{flex-direction:column;gap:12px;text-align:center}}@media (max-width:480px){.forgot-password-page{padding:0}.forgot-password-container{border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;min-height:100vh}} /*# sourceMappingURL=main.33752879.css.map*/