@import url(https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap);@scope (.auth-container){:scope{display:flex;margin:0;min-height:100vh;padding:0}.auth-image-section{align-items:center;background:url(https://traktcrm.com/wp-content/uploads/2026/04/login.webp) no-repeat 50%/cover;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.auth-logo img{height:40px;margin-bottom:20px;width:auto}.auth-image-placeholder{background:url(https://traktcrm.com/wp-content/uploads/2026/04/login.webp) no-repeat 50%/cover;height:100%;position:relative;width:100%}.auth-image-overlay{color:var(--color-text-inverse);left:50%;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.auth-image-title{color:var(--color-text-inverse);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:16px}.auth-image-subtitle{color:#ffffffe6;font-size:var(--font-size-xl);margin:0}.auth-form-section{align-items:center;background:var(--color-bg-primary);display:flex;flex:1 1;justify-content:center;padding:40px}.auth-form-container{max-width:450px;width:100%}.auth-header{margin-bottom:32px}.auth-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:8px;text-align:left}.auth-header p{color:var(--color-text-tertiary);font-size:var(--font-size-base);margin:0}.auth-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.form-group input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:12px 16px;width:100%}.form-group input:focus{border-color:var(--color-border-focus);outline:none}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:45px}.password-toggle-icon{align-items:center;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.password-toggle-icon:hover{color:var(--color-primary)}.form-options{justify-content:space-between;margin-bottom:24px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.remember-me input[type=checkbox]{cursor:pointer;height:16px;width:16px}.forgot-password{color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-button{background:var(--button-primary-bg);border:none;border-radius:var(--radius-md);color:var(--button-primary-color);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:0;padding:14px;width:100%}.auth-button:hover:not(:disabled){background:var(--button-primary-hover)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);margin:24px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--color-border);content:"";flex:1 1}.auth-divider span{padding:0 16px}.social-login{margin-bottom:24px}.social-button-wrapper{width:100%}.google-placeholder-btn{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-secondary);cursor:not-allowed;display:inline-flex;font-size:var(--font-size-base);font-weight:500;gap:12px;justify-content:center;opacity:.85;padding:12px 16px;text-decoration:none;width:100%}.google-placeholder-btn .google-icon{flex-shrink:0}.google-hint{color:var(--color-text-tertiary);font-size:12px;margin:10px 0 0;text-align:center}.google-hint code{background:var(--color-bg-secondary);border-radius:4px;font-size:11px;padding:2px 6px}.social-button-wrapper.google-loading{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:12px;text-align:center}.auth-footer{border-top:1px solid var(--color-border);padding-top:24px;text-align:center}.auth-footer p{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.auth-footer a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:20px;padding:12px;text-align:center}.otp-email-highlight{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:4px}.otp-form{margin-bottom:24px}.otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:28px}.otp-input{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);caret-color:var(--color-primary);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);height:58px;outline:none;text-align:center;transition:border-color var(--transition-base) var(--transition-ease),box-shadow var(--transition-base) var(--transition-ease);width:52px}.otp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1d3b851f}.otp-input:disabled{cursor:not-allowed;opacity:.5}.otp-info{color:var(--color-text-muted);margin-bottom:8px;margin-top:16px}.otp-info,.resend-section{align-items:center;display:flex;font-size:var(--font-size-sm);gap:8px;justify-content:center}.resend-section{color:var(--color-text-tertiary);margin-top:20px}.resend-timer{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.resend-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:0;text-decoration:underline}.resend-button:hover{color:var(--color-primary-hover)}.success-message{background-color:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success-dark);font-size:var(--font-size-sm);margin-bottom:20px;padding:12px;text-align:center}.verify-email-notice{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-dark);border-radius:var(--radius-md);margin-bottom:20px;padding:20px;text-align:center}.verify-email-icon{color:var(--color-warning-dark);margin-bottom:8px}.verify-email-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:12px}.verify-email-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px 24px;transition:background var(--transition-base) var(--transition-ease)}.verify-email-button:hover{background:var(--color-primary-hover)}@media (max-width:968px){.auth-image-section{display:none}:scope{flex-direction:column}.auth-image-section{min-height:300px}.auth-image-title{font-size:var(--font-size-3xl)}.auth-image-subtitle{font-size:var(--font-size-base)}.auth-form-section{padding:30px 20px}.otp-inputs{gap:8px}.otp-input{font-size:var(--font-size-xl);height:50px;width:44px}}@media (max-width:500px){.auth-header h1,.auth-image-title{font-size:var(--font-size-2xl)}.auth-image-subtitle{font-size:var(--font-size-sm)}.otp-inputs{gap:6px}.otp-input{font-size:var(--font-size-lg);height:46px;width:40px}}}:root{--color-primary:#1d3b85;--color-primary-dark:#1d3b85;--color-primary-light:#1d3b85;--color-primary-hover:#132c6d;--color-primary-active:#132c6d;--color-secondary:#764ba2;--color-secondary-dark:#5d3a7e;--color-secondary-light:#8f6bb0;--color-accent:#fbbc04;--color-accent-dark:#f9ab00;--color-accent-light:#fdd663;--color-success:#34a853;--color-success-dark:#259446;--color-success-light:#5cb870;--color-success-bg:#e8f5e9;--color-error:#ea4335;--color-error-dark:#c83428;--color-error-light:#ef6b5f;--color-error-bg:#fee;--color-warning:#fbbc04;--color-warning-dark:#f9ab00;--color-warning-light:#fdd663;--color-warning-bg:#fff8e1;--color-info:#1d3b85;--color-info-dark:#1d3b85;--color-info-light:#1d3b85;--color-info-bg:#e3f2fd;--color-white:#fff;--color-black:#000;--color-dark:#1a1a1a;--color-dark-gray:#333;--color-gray:#666;--color-light-gray:#999;--color-lighter-gray:#ccc;--color-page-bg:#eef5f9;--color-bg-primary:#fff;--color-bg-secondary:#f5f7fb;--color-bg-tertiary:#f9fafb;--color-bg-hover:#f3f4f6;--color-bg-active:#e5e7eb;--color-text-primary:#1a1a1a;--color-text-secondary:#333;--color-text-tertiary:#666;--color-text-muted:#999;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-border:#e0e0e0;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--color-border-focus:#1d3b85;--button-primary-bg:#1a1a1a;--button-primary-color:#fff;--button-primary-hover:#333;--button-primary-active:#000;--button-primary-disabled:#ccc;--button-secondary-bg:#fff;--button-secondary-color:#1a1a1a;--button-secondary-border:#e0e0e0;--button-secondary-hover:#f3f4f6;--button-success-bg:#34a853;--button-success-color:#fff;--button-success-hover:#259446;--button-error-bg:#ea4335;--button-error-color:#fff;--button-error-hover:#c83428;--button-link-color:#1d3b85;--button-link-hover:#3346b2;--font-family-primary:"Onest",sans-serif;--font-family-secondary:"Onest",sans-serif;--font-family-mono:"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-none:0;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000026;--shadow-inner:inset 0 2px 4px #0000000f;--transition-fast:150ms;--transition-base:200ms;--transition-slow:300ms;--transition-ease:ease;--transition-ease-in:ease-in;--transition-ease-out:ease-out;--transition-ease-in-out:ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-surface:var(--color-bg-primary);--color-surface-alt:var(--color-bg-tertiary);--color-heading:var(--color-text-primary);--color-text:var(--color-text-secondary);--shadow-soft:0 8px 24px #0f172a0f;--shadow-medium:0 16px 36px #0f172a14;--shadow-strong:0 28px 52px #0f172a1f}html{scrollbar-gutter:auto}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;background:var(--color-bg-secondary);color:#1a1a1a;color:var(--color-text-primary);font-family:Onest,sans-serif;font-family:var(--font-family-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#1d3b85;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#1d3b852e}.App{background:#f5f7fb;background:var(--color-bg-secondary);font-family:Onest,sans-serif;font-family:var(--font-family-primary);min-height:100vh;padding:20px}.container{margin:0 auto;max-width:1200px;padding:20px}h1{color:#1a1a1a;color:var(--color-text-primary);font-size:2rem;font-size:var(--font-size-3xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:10px}.subtitle,h1{text-align:center}.subtitle{color:#666;color:var(--color-text-tertiary);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:30px}.form-container,.users-container{background:#fff;background:var(--color-bg-primary);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:30px;padding:28px}.form-container h2,.users-container h2{color:#333;color:var(--color-text-secondary);font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:20px}.form-group{margin-bottom:15px}.form-group input{border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--font-size-base);padding:12px 15px;width:100%}.form-group input:focus{border-color:#1d3b85;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{display:flex;gap:10px}button{border:none;border-radius:8px;border-radius:var(--radius-lg);cursor:pointer;font-family:Onest,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);padding:12px 25px;transition:background-color .2s ease;transition:background-color var(--transition-base) var(--transition-ease)}.btn-primary,button[type=submit]{background:#1a1a1a;background:var(--button-primary-bg);color:#fff;color:var(--button-primary-color)}.btn-primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background:#333;background:var(--button-primary-hover)}.btn-primary:active:not(:disabled),button[type=submit]:active:not(:disabled){background:#000;background:var(--button-primary-active)}.btn-primary:disabled,button[type=submit]:disabled{background:#ccc;background:var(--button-primary-disabled);cursor:not-allowed;opacity:.6}.btn-secondary,.cancel-btn{background:#fff;background:var(--button-secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--button-secondary-border);color:#1a1a1a;color:var(--button-secondary-color)}.btn-secondary:hover,.cancel-btn:hover{background:#f3f4f6;background:var(--button-secondary-hover)}.btn-success,.edit-btn{background:#34a853;background:var(--button-success-bg);color:#fff;color:var(--button-success-color)}.btn-success:hover,.edit-btn:hover{background:#259446;background:var(--button-success-hover)}.btn-danger,.btn-error,.delete-btn{background:#ea4335;background:var(--button-error-bg);color:#fff;color:var(--button-error-color)}.btn-danger:hover,.btn-error:hover,.delete-btn:hover{background:#c83428;background:var(--button-error-hover)}.btn-link{background:#0000;color:#1d3b85;color:var(--button-link-color);padding:0;text-decoration:underline}.btn-link:hover{color:#3346b2;color:var(--button-link-hover)}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.user-card{background:#f9fafb;background:var(--color-bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);padding:20px}.user-card:hover{border-color:#1d3b85;border-color:var(--color-border-focus);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.user-info h3{color:#333;color:var(--color-text-secondary);font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:8px}.user-info p{color:#666;color:var(--color-text-tertiary);margin-bottom:8px;word-break:break-word}.user-info small{color:#999;color:var(--color-text-muted);font-size:.875rem;font-size:var(--font-size-sm)}.user-actions{display:flex;gap:8px;margin-top:15px}.delete-btn,.edit-btn{flex:1 1}.no-users{color:#999;color:var(--color-text-muted);font-size:1.125rem;font-size:var(--font-size-lg);padding:40px;text-align:center}@media (max-width:768px){.container{padding:10px}h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.form-container,.users-container{padding:20px}.users-grid{grid-template-columns:1fr}}.crm-shell{display:flex;min-height:100vh;position:relative}.crm-main{background:#eef5f9;background:var(--color-page-bg);margin-left:220px;transition:all .5s ease;width:100%}.crm-content,.crm-main{display:flex;flex:1 1;flex-direction:column}.crm-content{gap:32px;padding:0 15px}@media (max-width:1024px){.crm-content{padding:28px 24px 32px}}@media (max-width:768px){.crm-main{margin-left:0}.crm-content{padding:24px 20px 28px}}.sidebar{background:#211c52;border-right:1px solid #fff3;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .5s ease;width:220px;z-index:120}.sidebar.open{width:60px}.sidebar.open .sidebar-logo img{visibility:hidden}.sidebar.open nav.sidebar-nav{padding-inline:0}.sidebar.open nav.sidebar-nav .sidebar-item{padding-inline:10px}.sidebar.open nav.sidebar-nav .sidebar-item .sidebar-label{display:none}.sidebar.open nav.sidebar-nav .sidebar-item .sidebar-icon{margin-inline:8px}.sidebar.open+.crm-main{margin-left:60px}.sidebar.open .sidebar-logo{padding-inline:15px}.sidebar-logo img.sidebar-small_logo{display:none;filter:none}.sidebar.open .sidebar-logo img.sidebar-small_logo{display:block;visibility:inherit}.sidebar-logo{align-items:center;border-bottom:1px solid #fff3;display:flex;padding:24px 25px}.sidebar-logo img{filter:invert(1) brightness(8.5);height:40px;max-width:100%;width:auto}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#f9fafb}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-item{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;margin-bottom:4px;opacity:.6;padding:12px 16px;text-decoration:none}.sidebar-item.active,.sidebar-item:hover{color:#fff;font-weight:600;opacity:1}.sidebar-icon{align-items:center;color:inherit;display:inline-flex;height:20px;justify-content:center;margin-right:12px;width:20px}.sidebar-icon svg{stroke-width:2;height:100%;width:100%}.sidebar-item.active .sidebar-icon{color:#fff}.sidebar-label{font-size:.95rem;font-weight:500}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.topbar{background:#fff;box-shadow:0 0 1px 1px #0000000d,0 1px 2px -2px #0000000f,0 1px 3px 0 #00000012;isolation:isolate;justify-content:space-between;padding:6px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:1020;z-index:var(--z-index-sticky)}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:16px}.topbar-left h1{color:#1a1a1a;color:var(--color-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.hamburger-button{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-md);color:#333;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;transition:background-color .2s ease;transition:background-color var(--transition-base) var(--transition-ease)}.hamburger-button svg{color:#21232c;height:24px;width:24px}.topbar-right{align-items:center;display:flex;gap:5px}.topbar-notifications{position:relative}.notification-bell{align-items:center;background-color:#1a73e81f;border:none;border-radius:50%;color:#1d3b85;color:var(--color-primary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;position:relative;transition:color .2s ease,background-color .2s ease}.notification-badge,.notification-bell svg{height:20px;width:20px}.notification-badge{align-items:center;background:red;border-radius:12px;color:#fff;display:flex;font-size:9px;font-weight:700;justify-content:center;position:absolute;right:-5px;top:-5px}.notifications-dropdown{background:#fff;background:var(--color-surface);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 16px 36px #0f172a14;box-shadow:var(--shadow-medium);max-height:420px;overflow-y:auto;position:absolute;right:0;top:46px;width:340px;z-index:1060;z-index:var(--z-index-popover)}.notifications-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.notifications-header h3{color:#1a1a1a;color:var(--color-heading);font-size:1.05rem;font-weight:600;margin:0}.notifications-count{background:#6366f124;border-radius:999px;color:#1d3b85;color:var(--color-primary-dark);font-size:.8rem;font-weight:600;padding:4px 12px}.notifications-list{display:flex;flex-direction:column;gap:10px;padding:12px}.notification-item{background:#f9fafb;background:var(--color-surface-alt);border-radius:4px;border-radius:var(--radius-sm);padding:14px 16px;transition:background .2s ease,transform .2s ease}.notification-item.is-unread{background:#1a73e81f;border:1px solid #1a73e833}.notification-item:hover{background:#1a73e81f;transform:translateY(-1px)}.notification-item p{color:#1a1a1a;color:var(--color-heading);font-size:.92rem;line-height:1.45;margin:0 0 6px}.notification-time{color:#999;color:var(--color-text-muted);font-size:.8rem}.topbar-user{cursor:pointer;gap:12px;padding:2px 14px;position:relative}.topbar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#e3eefc;border-radius:50%;color:#1d3b85;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-name{color:#21232c;font-size:.92rem;font-weight:600}.user-email{font-size:.8rem}.dropdown-arrow,.user-email{color:#999;color:var(--color-text-muted)}.dropdown-arrow{font-size:.75rem}.user-dropdown{background:#fff;background:var(--color-surface);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 16px 36px #0f172a14;box-shadow:var(--shadow-medium);min-width:240px;overflow:hidden;position:absolute;right:0;top:40px;z-index:1060;z-index:var(--z-index-popover)}.dropdown-header{align-items:center;background:#f9fafb;background:var(--color-surface-alt);display:flex;gap:14px;padding:18px 22px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#1a73e8,#5390f5);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff47;color:#fff;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;width:48px}.dropdown-user{display:flex;flex-direction:column;gap:2px}.dropdown-name{color:#1a1a1a;color:var(--color-heading);font-size:.95rem;font-weight:600}.dropdown-email{color:#999;color:var(--color-text-muted);font-size:.82rem}.dropdown-divider{background-color:#e0e0e0;background-color:var(--color-border);height:1px;width:100%}.topbar-user:after{border-bottom:2px solid;border-right:2px solid;content:"";display:inline-block;height:6px;position:relative;top:-2px;transform:rotate(45deg);width:6px}.dropdown-item{align-items:center;background:none;border:none;color:#333;color:var(--color-text);cursor:pointer;display:flex;font-size:.92rem;font-weight:500;gap:10px;padding:14px 22px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:focus,.dropdown-item:hover{background:#1a73e81f;color:#1d3b85;color:var(--color-primary-dark);outline:none}.dropdown-item-icon{align-items:center;color:#999;color:var(--color-text-muted);display:inline-flex;height:18px;justify-content:center;width:18px}.dropdown-item:focus .dropdown-item-icon,.dropdown-item:hover .dropdown-item-icon{color:#1d3b85;color:var(--color-primary-dark)}.dropdown-item-icon svg{height:100%;width:100%}@media (max-width:900px){.user-info{display:none}}@media (max-width:768px){.notifications-dropdown{right:-40px;width:280px}}.skeleton{background:#e8e8e8;border-radius:4px;overflow:hidden;position:relative}.skeleton:after{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff80 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-line{height:14px;margin-bottom:8px}.skeleton-line:last-child{margin-bottom:0}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px}.skeleton-dashboard{padding:0}.skeleton-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.skeleton-metric-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px}.skeleton-metric-card .skeleton-line:first-child{height:12px;margin-bottom:14px;width:60%}.skeleton-metric-card .skeleton-line:nth-child(2){height:28px;margin-bottom:10px;width:40%}.skeleton-metric-card .skeleton-line:nth-child(3){height:10px;width:75%}.skeleton-charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.skeleton-chart-card{background:#fff;border:1px solid #eee;border-radius:12px;min-height:280px;padding:20px}.skeleton-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.skeleton-chart-header .skeleton-line:first-child{height:16px;width:120px}.skeleton-chart-tabs{display:flex;gap:8px}.skeleton-chart-tabs .skeleton-line{border-radius:4px;height:24px;width:50px}.skeleton-chart-body{align-items:flex-end;display:flex;gap:12px;height:200px;padding-top:20px}.skeleton-chart-bar{border-radius:4px 4px 0 0;flex:1 1}.skeleton-bottom-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.skeleton-table-container{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.skeleton-table-header{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:16px;padding:14px 20px}.skeleton-table-header .skeleton-line{margin-bottom:0}.skeleton-table-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:14px 20px}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-cell{flex:1 1}.skeleton-table-cell .skeleton-line{margin-bottom:0}.skeleton-table-cell-narrow{flex:0 0 40px}.skeleton-table-cell-avatar{align-items:center;display:flex;flex:1.5 1;gap:10px}.skeleton-kanban{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.skeleton-kanban-column{background:#f5f5f5;border-radius:12px;flex:1 1;min-width:280px;padding:16px}.skeleton-kanban-column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.skeleton-kanban-card{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:10px;padding:14px}.skeleton-kanban-card:last-child{margin-bottom:0}.skeleton-kanban-card .skeleton-line:first-child{height:14px;margin-bottom:10px;width:70%}.skeleton-kanban-card .skeleton-line:nth-child(2){height:12px;margin-bottom:8px;width:50%}.skeleton-kanban-card .skeleton-line:nth-child(3){height:12px;width:35%}.skeleton-summary-grid{display:flex;gap:16px;margin-bottom:24px}.skeleton-summary-card{background:#fff;border:1px solid #eee;border-radius:12px;flex:1 1;padding:20px;text-align:center}.skeleton-summary-card .skeleton-line:first-child{height:10px;margin:0 auto 12px;width:60%}.skeleton-summary-card .skeleton-line:nth-child(2){height:28px;margin:0 auto;width:40%}
/*# sourceMappingURL=main.91944b55.css.map*/