:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1)}@media(prefers-color-scheme: dark){:root{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--text-primary: var(--gray-100);--text-secondary: var(--gray-400)}}*{box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modern-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);transition:all var(--transition-base);border:1px solid var(--gray-200)}.modern-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.modern-card.glass{backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;font-size:.875rem;line-height:1.5}.btn-modern.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-modern.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-modern.btn-primary:active{transform:translateY(0)}.btn-modern.btn-secondary{background:#fff;color:var(--primary-600);border:2px solid var(--primary-600)}.btn-modern.btn-secondary:hover{background:var(--primary-50)}.btn-modern.btn-ghost{background:rgba(0,0,0,0);color:var(--gray-700)}.btn-modern.btn-ghost:hover{background:var(--gray-100)}.btn-modern.btn-sm{padding:var(--space-2) var(--space-4);font-size:.75rem}.btn-modern.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.input-modern{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:.875rem;transition:all var(--transition-fast);background:#fff}.input-modern:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-modern::placeholder{color:var(--gray-400)}.input-modern.input-error{border-color:var(--error)}.input-modern.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.badge-modern{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-modern.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-modern.badge-success{background:#d1fae5;color:#065f46}.badge-modern.badge-warning{background:#fef3c7;color:#92400e}.badge-modern.badge-error{background:#fee2e2;color:#991b1b}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.nav-modern{display:flex;gap:var(--space-2);padding:var(--space-4);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.nav-modern .nav-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--gray-700);text-decoration:none;transition:all var(--transition-fast);font-weight:500}.nav-modern .nav-item:hover{background:var(--gray-100);color:var(--primary-600)}.nav-modern .nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.toast-modern{position:fixed;bottom:var(--space-6);right:var(--space-6);max-width:400px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:var(--space-4);display:flex;align-items:start;gap:var(--space-3);border-left:4px solid var(--primary-500);animation:slideIn .3s ease-out;z-index:9999}.toast-modern.toast-success{border-left-color:var(--success)}.toast-modern.toast-error{border-left-color:var(--error)}.toast-modern.toast-warning{border-left-color:var(--warning)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.email-container-modern{background:var(--gray-50);min-height:max-content;padding:var(--space-6)}.email-container-modern .email-box{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;max-width:800px;margin:0 auto}.email-container-modern .email-box .email-header{background:var(--accent-gradient);color:#fff;padding:var(--space-8);text-align:center}.email-container-modern .email-box .email-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--space-2)}.email-container-modern .email-box .email-header .email-address{display:inline-flex;align-items:center;gap:var(--space-3);background:hsla(0,0%,100%,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:1.125rem;margin-top:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.email-container-modern .email-box .email-header .email-address:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.email-container-modern .email-box .email-list{padding:var(--space-6)}.email-container-modern .email-box .email-list .email-item{padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--gray-200);margin-bottom:var(--space-4);transition:all var(--transition-fast);cursor:pointer}.email-container-modern .email-box .email-list .email-item:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateX(4px)}.email-container-modern .email-box .email-list .email-item.unread{border-color:var(--primary-500);background:var(--primary-50)}.email-container-modern .email-box .email-list .email-item .email-sender{font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.email-container-modern .email-box .email-list .email-item .email-subject{color:var(--gray-700);margin-bottom:var(--space-2)}.email-container-modern .email-box .email-list .email-item .email-preview{color:var(--gray-500);font-size:.875rem}.email-container-modern .email-box .email-list .email-item .email-time{font-size:.75rem;color:var(--gray-400);margin-top:var(--space-2)}.sidebar-modern{background:#fff;height:100vh;width:280px;position:fixed;left:0;top:0;box-shadow:var(--shadow-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);z-index:1000}.sidebar-modern .logo-container{text-align:center;padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-200)}.sidebar-modern .logo-container img{max-width:160px;height:auto}.sidebar-modern .sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-modern .sidebar-nav .sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--gray-700);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.sidebar-modern .sidebar-nav .sidebar-item:hover{background:var(--gray-100);color:var(--primary-600);transform:translateX(4px)}.sidebar-modern .sidebar-nav .sidebar-item.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.sidebar-modern .sidebar-nav .sidebar-item svg,.sidebar-modern .sidebar-nav .sidebar-item i{width:20px;height:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-6);padding:var(--space-6)}.dashboard-grid .stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary-500);transition:all var(--transition-base)}.dashboard-grid .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.dashboard-grid .stat-card .stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.dashboard-grid .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.dashboard-grid .stat-card .stat-label{color:var(--gray-600);font-size:.875rem;font-weight:500}@media(max-width: 1024px){.sidebar-modern{transform:translateX(-100%);transition:transform var(--transition-base)}.sidebar-modern.active{transform:translateX(0)}.email-container-modern{padding:var(--space-4)}.email-container-modern .email-box .email-header h1{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr}}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.glass-effect{background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.3)}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.pulse-animation{animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@media print{.sidebar-modern,.nav-modern,.btn-modern{display:none}}/*# sourceMappingURL=modern-redesign.css.map */