:root{--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--primary:var(--purple-600);--primary-hover:var(--purple-700);--primary-light:var(--purple-100);--primary-dark:var(--purple-800);--white:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--success:#22c55e;--success-light:#dcfce7;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:var(--purple-500);--info-light:var(--purple-100);--bg-primary:var(--white);--bg-secondary:var(--gray-50);--bg-tertiary:var(--purple-50);--bg-sidebar:var(--white);--bg-card:var(--white);--bg-hover:var(--purple-50);--bg-active:var(--purple-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--text-inverse:var(--white);--text-accent:var(--purple-600);--border-light:var(--gray-200);--border-default:var(--gray-300);--border-focus:var(--purple-500);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-purple:0 4px 14px 0 #9333ea26;--shadow-purple-lg:0 10px 25px 0 #9333ea33;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Fira Code","Monaco",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}@media (prefers-color-scheme:dark){:root.dark-mode{--bg-primary:var(--gray-900);--bg-secondary:var(--gray-800);--bg-card:var(--gray-800);--text-primary:var(--white);--text-secondary:var(--gray-300);--border-light:var(--gray-700);--border-default:var(--gray-600)}}html{scroll-behavior:smooth}body{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6}.app,body{background-color:var(--bg-secondary)}.header{background:var(--white);border-bottom:1px solid var(--border-light)}.header>div:first-child{padding:0 var(--space-6)}.header-title{color:var(--text-primary);font-size:var(--text-xl)}.header-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.nav-item.active:before{background:#6366f1;border-radius:0 3px 3px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-item.active .nav-icon{opacity:1}.sidebar.collapsed .nav-text,.sidebar.collapsed .sidebar-title{display:none}.main-content{min-height:100vh;padding:var(--space-6);transition:margin-left .2s ease}.sidebar.collapsed~.main-content,body:has(.sidebar.collapsed) .main-content{margin-left:72px}.content-card,.stat-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:box-shadow var(--transition-normal)}.content-card:hover,.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card{padding:var(--space-6)}.stat-header{margin-bottom:var(--space-4)}.stat-title{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.5px;text-transform:uppercase}.stat-icon{background:var(--purple-100);border-radius:var(--radius-lg);color:var(--purple-600);height:44px;width:44px}.stat-value{color:var(--text-primary);font-size:var(--text-3xl);margin-bottom:var(--space-2)}.stat-change{font-size:var(--text-sm);gap:var(--space-1)}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.btn{border:none;border-radius:var(--radius-md);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--purple-600) 0,var(--purple-700) 100%);box-shadow:var(--shadow-purple);color:var(--white)}.btn-primary:hover{background:linear-gradient(135deg,var(--purple-700) 0,var(--purple-800) 100%);box-shadow:var(--shadow-purple-lg);transform:translateY(-1px)}.btn-secondary{background:var(--white);border:1px solid var(--purple-200);color:var(--purple-700)}.btn-secondary:hover{background:var(--purple-50);border-color:var(--purple-300)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--purple-50);color:var(--purple-700)}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px #9333ea1a}.search-input{background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px #9333ea1a}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.5px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.status-active,.status-completed{background-color:var(--success-light);color:#166534}.status-inactive{background-color:var(--error-light)}.status-pending{background-color:var(--warning-light)}.status-in-progress,.status-serwis{background-color:var(--purple-100);color:var(--purple-800)}.notification-button{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:var(--space-2);transition:all var(--transition-fast)}.notification-button:hover{background-color:var(--purple-50);border-color:var(--purple-200)}.notification-count{background:var(--purple-600);border:2px solid var(--white);border-radius:var(--radius-full);color:var(--white)}.notification-dropdown{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:480px;width:380px}.user-avatar{background:linear-gradient(135deg,var(--purple-500) 0,var(--purple-700) 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-purple);color:var(--white);font-size:var(--text-sm);font-weight:600}.user-info{background-color:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.user-name{color:var(--text-primary);font-size:var(--text-sm)}.user-role{color:var(--text-secondary);font-size:var(--text-xs)}.dropdown-menu{background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin-top:var(--space-2)}.dropdown-menu-item{color:var(--text-primary);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.dropdown-menu-item:hover{background-color:var(--purple-50);color:var(--purple-700)}.dropdown-menu-item.logout-item{border-top:1px solid var(--border-light);color:var(--error)}.dropdown-menu-item.logout-item:hover{background-color:var(--error-light)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop)}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6)}.modal-header{border-bottom:1px solid var(--border-light);margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.modal-header h2{color:var(--text-primary);font-size:var(--text-xl)}.modal-close-button{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close-button:hover{background:var(--purple-100);color:var(--purple-700)}table{border-collapse:collapse;width:100%}th{background:var(--gray-50);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid var(--border-light)}td{font-size:var(--text-sm);padding:var(--space-4)}tr:hover td{background-color:var(--purple-50)}.stats-grid{grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.page-header,.stats-grid{margin-bottom:var(--space-6)}.page-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.page-subtitle{color:var(--text-secondary);font-size:var(--text-base)}.empty-state,.loading{color:var(--text-secondary);padding:var(--space-12)}.empty-state h3{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-2)}@media (max-width:768px){.main-content{margin-left:0;padding:var(--space-4)}.sidebar{transform:translateX(-100%);z-index:var(--z-fixed)}.sidebar.open{transform:translateX(0)}.stats-grid{gap:var(--space-3);grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.stat-value{font-size:var(--text-2xl)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--bg-secondary,#fafafa);color:#18181b;color:var(--text-primary,#18181b);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif)}.app{display:flex;min-height:100vh}.header{background:#fff;background:var(--white,#fff);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-light,#e4e4e7);display:flex;flex-direction:column}.header>div:first-child{align-items:center;display:flex;height:64px;justify-content:space-between;padding:0 24px}.header-banners{width:100%}.header-left{align-items:center;display:flex;gap:16px}.header-title{color:#18181b;color:var(--text-primary,#18181b);font-size:24px;font-weight:600}.header-subtitle{color:#71717a;color:var(--text-secondary,#71717a);font-size:14px}.header-right{align-items:center;display:flex;gap:20px;height:64px;padding-right:12px}.header-notification-container{display:inline-block;position:relative;z-index:1000}.notification-button{align-items:center;background:#fff;background:var(--white,#fff);border:1px solid #e4e4e7;border:1px solid var(--border-light,#e4e4e7);border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;position:relative;transition:all .2s ease;width:40px}.notification-button:hover{background-color:#faf5ff;background-color:var(--purple-50,#faf5ff);border-color:#d8b4fe;border-color:var(--purple-300,#d8b4fe);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);transform:translateY(-1px)}.notification-button:focus{box-shadow:0 0 0 2px #a855f7;box-shadow:0 0 0 2px var(--purple-500,#a855f7);outline:none}.notification-button:active{transform:translateY(0)}.notification-button svg{color:#6b7280;height:18px;transition:color .2s ease;width:18px}.notification-button:hover svg{color:#374151}.notification-count{align-items:center;animation:notificationPulse 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;position:absolute;right:-4px;top:-4px}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:500px;max-width:calc(100vw - 32px);overflow:hidden;pointer-events:auto;position:absolute;right:0;top:calc(100% + 8px);width:400px;z-index:1001}.notification-dropdown-content{max-height:400px;overflow-y:auto;padding:8px 0;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-item{border:none;border-radius:8px;cursor:pointer;display:block;margin:0 8px 4px;transition:all .2s ease}.notification-item:hover{background-color:#f1f5f9}.notification-item.unread{background-color:#fef3c7;border-left:3px solid #f59e0b}.notification-item.unread:hover{background-color:#fde68a}.notification-item-content{align-items:flex-start;display:flex;gap:12px;position:relative;width:100%}.notification-icon{font-size:16px;text-align:center;width:20px}.notification-text{flex:1 1;max-width:calc(100% - 60px);min-width:0;overflow:hidden;padding-right:35px}.notification-title{color:#1f2937;font-size:15px}.notification-message,.notification-title{word-wrap:break-word;margin:0 0 6px;max-width:100%;overflow-wrap:break-word}.notification-message{-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;width:100%}.notification-date{color:#9ca3af;font-size:11px;margin:0}.notification-status-dot{background:#a855f7;background:var(--purple-500,#a855f7);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notification-actions{gap:4px;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s}.notification-item:hover .notification-actions{opacity:1}.notification-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;transition:background-color .2s;width:18px}.notification-delete-btn:hover{background:#dc2626}.notification-header-actions{align-items:center;display:flex;gap:8px}.delete-all-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.delete-all-btn:hover{background:#dc2626}.notification-badge{background:#ef4444;border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.notification-badge,.user-menu{align-items:center;display:flex;flex-shrink:0;position:relative}.user-menu{height:100%;z-index:5}.user-info-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:flex;height:100%;min-width:0;padding:0;transition:all .2s}.user-avatar{background:#9333ea;background:var(--purple-600,#9333ea);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #9333ea4d;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;margin-right:12px;margin-top:2px;width:36px}.user-avatar,.user-info{align-items:center;display:flex}.user-info{background-color:#f8fafc;border-radius:8px;height:-webkit-fit-content;height:fit-content;min-width:0;padding:8px 12px}.user-text{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-right:12px;min-width:0}.user-name{font-weight:600;margin-bottom:2px}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu-item{align-items:center;background:none;border:none;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;min-height:48px;padding:12px 16px;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.dropdown-menu-item:hover{background-color:#f8fafc;color:#1f2937}.dropdown-menu-item.logout-item{border-top:1px solid #f1f5f9;color:#dc2626}.dropdown-menu-item.logout-item:hover{background-color:#fef2f2;color:#b91c1c}.dropdown-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-top:2px;max-width:200px;overflow:hidden;position:absolute;right:0;top:100%;width:200px;z-index:1000}.dropdown-menu-content{padding:8px 0}.user-name{color:#1f2937;font-size:14px;font-weight:500}.user-role{color:#6b7280;font-size:12px}.sidebar{background:#fff;border-right:1px solid #f1f5f9;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .2s ease;width:260px}.sidebar-header{gap:12px;padding:20px 16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.sidebar-title{color:#1e293b;font-size:15px;font-weight:600;letter-spacing:-.01em}.sidebar-nav{padding:8px 12px}.nav-item{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:450;gap:10px;margin-bottom:2px;padding:10px 12px;text-decoration:none;transition:all .15s ease}.nav-item:hover{background-color:#f8fafc;color:#475569}.nav-item.active{background-color:#f1f5f9;color:#6366f1;font-weight:500}.nav-icon{font-size:16px;height:18px;width:18px}.nav-text{overflow:hidden;white-space:nowrap}.sidebar-toggle{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;margin-left:auto;transition:all .15s ease;width:28px}.sidebar-toggle:hover{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 12px}.sidebar.collapsed .sidebar-title{display:none}.sidebar.collapsed .sidebar-toggle{margin-left:0}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-text{display:none}.sidebar.mobile{box-shadow:4px 0 24px #00000014;z-index:1000}.sidebar.mobile.collapsed{transform:translateX(-100%);width:260px}.main-content{flex:1 1;margin-left:260px;min-height:calc(100vh - 64px);padding:150px 24px 24px;transition:margin-left .2s ease,padding-top .3s ease}.sidebar.collapsed+div .main-content,body:has(.sidebar.collapsed) .main-content{margin-left:72px}@media (max-width:768px){.main-content{margin-left:0}.sidebar.mobile.collapsed+div .main-content,body:has(.sidebar.mobile.collapsed) .main-content{margin-left:0}}.page-header{margin-bottom:24px}.page-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:8px}.page-subtitle{color:#6b7280;font-size:16px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-header{margin-bottom:16px}.stat-title{color:#6b7280;font-size:14px;font-weight:500}.stat-icon{border-radius:8px;height:40px;width:40px}.stat-value{font-size:32px;font-weight:600}.stat-change{align-items:center;display:flex;font-size:14px;gap:4px}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.content-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.content-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:between;padding:24px}.content-title{color:#1f2937;font-size:18px;font-weight:600}.content-body{padding:0}.btn{border:1px solid #0000;border-radius:8px;gap:8px;padding:8px 16px}.btn-primary{background-color:#9333ea;background-color:var(--purple-600,#9333ea)}.btn-primary:hover{background-color:#7c3aed;background-color:var(--purple-700,#7c3aed)}.btn-secondary:hover{background-color:#f9fafb}.btn-sm{font-size:13px;padding:6px 12px}.status-badge{align-items:center;border-radius:16px;display:inline-flex;font-weight:500;padding:4px 12px;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.status-pending{background-color:#fef3c7;color:#92400e}.status-completed,.status-serwis{background-color:#dbeafe;color:#1e40af}.status-diagnoza{background-color:#fef3c7;color:#92400e}.status-gwarancja{background-color:#d1fae5;color:#065f46}.search-filters{align-items:center;display:flex;gap:16px;margin-bottom:24px}.search-input{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px}.search-input:focus{outline:none}.filter-select{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px}.loading{padding:48px}.empty-state{color:#6b7280;padding:48px}.empty-state h3{color:#1f2937;font-size:18px;margin-bottom:8px}.spinning{animation:spin 1s linear infinite}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:90vw;overflow:auto;padding:24px;position:relative}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.modal-close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.modal-close-button:hover{background:#f3f4f6;color:#1f2937}.modal-body{margin-bottom:20px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.form-group{margin-bottom:16px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#a855f7;border-color:var(--purple-500,#a855f7);box-shadow:0 0 0 3px #a855f71a;outline:none}.form-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-content{margin:10px;max-width:calc(100vw - 20px)}}.vehicles-page{padding:24px}.vehicle-list{margin-top:24px}.vehicle-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:24px}.vehicle-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.vehicle-card:hover{box-shadow:0 4px 12px #00000026}.vehicle-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 20px 0}.vehicle-name{color:#1f2937;font-size:18px;font-weight:600;margin:0}.inspection-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.inspection-badge.overdue,.inspection-badge.urgent{background-color:#dc3545!important}.inspection-badge.warning{background-color:#fd7e14!important}.inspection-badge.soon{background-color:#ffc107!important;color:#000}.inspection-badge.ok{background-color:#28a745!important}.vehicle-card-body{padding:20px}.vehicle-info{margin-bottom:16px}.info-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#6b7280}.info-label,.info-value{font-size:14px;font-weight:500}.info-value{color:#1f2937;text-align:right}.info-value.overdue,.info-value.urgent{color:#dc3545}.info-value.warning{color:#fd7e14}.info-value.soon{color:#ffc107}.info-value.ok{color:#28a745}.vehicle-notes{background-color:#faf5ff;background-color:var(--purple-50,#faf5ff);border-left:4px solid #a855f7;border-left:4px solid var(--purple-500,#a855f7);border-radius:6px;margin-top:16px;padding:12px}.vehicle-notes strong{color:#374151;font-size:14px}.vehicle-notes p{color:#6b7280;font-size:14px;line-height:1.5;margin:8px 0 0}.vehicle-card-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.vehicle-card-actions .btn{font-size:14px;padding:6px 12px}.vehicle-form-modal{max-width:700px;width:90%}.vehicle-form .form-help{color:#6b7280;font-size:12px;line-height:1.4;margin-top:4px}.required{color:#dc3545}.vehicle-details-modal{max-width:800px;width:90%}.vehicle-details{padding:0}.vehicle-basic-info{margin-bottom:32px}.vehicle-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.vehicle-header h3{color:#1f2937;font-size:24px;font-weight:600;margin:0}.details-grid{grid-gap:16px;gap:16px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item strong{color:#6b7280;font-size:14px;font-weight:500}.detail-item span{color:#1f2937;font-size:16px;font-weight:500}.detail-item span.overdue,.detail-item span.urgent{color:#dc3545}.detail-item span.warning{color:#fd7e14}.detail-item span.soon{color:#ffc107}.detail-item span.ok{color:#28a745}.notes-content{background-color:#faf5ff;background-color:var(--purple-50,#faf5ff);border-left:4px solid #a855f7;border-left:4px solid var(--purple-500,#a855f7);border-radius:6px;color:#374151;color:var(--text-primary,#374151);line-height:1.6;margin-top:8px;padding:16px}.inspection-notifications{border-top:2px solid #f3f4f6;padding-top:24px}.inspection-notifications h4{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:center;background-color:#f9fafb;border-left:4px solid #e5e7eb;border-radius:6px;gap:16px;grid-template-columns:1fr 120px 120px;padding:12px 16px}.notification-type{color:#374151;font-weight:500}.notification-date{color:#6b7280;font-size:14px;text-align:center}.notification-status{text-align:right}.status-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.status-badge.sent{background-color:#28a745!important}.status-badge.partial{background-color:#ffc107!important;color:#000}.status-badge.pending{background-color:#fd7e14!important}.status-badge.scheduled{background-color:#6c757d!important}.notification-sent{color:#6b7280;font-size:12px;grid-column:1/-1;margin-top:4px}.no-notifications{color:#6b7280;padding:32px;text-align:center}.loading-small{color:#6b7280;font-size:14px;padding:16px;text-align:center}@media (max-width:768px){.details-grid,.notification-item,.vehicle-grid{grid-template-columns:1fr}.notification-item,.notification-status{text-align:center}.vehicle-card-actions{flex-wrap:wrap;justify-content:center}}.inspection-complete-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.inspection-complete-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.inspection-complete-btn:active{box-shadow:0 2px 4px #10b98133;transform:translateY(0)}.inspection-complete-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.inspection-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.inspection-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:420px;padding:32px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.inspection-modal h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0 0 16px}.inspection-modal .success-text{background:#d1fae5;border-radius:8px;color:#10b981;font-size:14px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.inspection-modal .form-group{margin-bottom:24px}.inspection-modal label{color:#374151;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.inspection-modal input[type=date]{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.inspection-modal input[type=date]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.inspection-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.inspection-modal .btn-cancel{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.inspection-modal .btn-cancel:hover{background:#e5e7eb;color:#4b5563}.inspection-modal .btn-save{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.inspection-modal .btn-save:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d}.inspection-modal .btn-save:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.tabs-container{border-bottom:1px solid #e5e7eb}.tabs-nav{display:flex;gap:0}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button:hover{color:#7c3aed;color:var(--purple-700,#7c3aed)}.tab-button.active,.tab-button:hover{background-color:#faf5ff;background-color:var(--purple-50,#faf5ff)}.tab-button.active{border-bottom-color:#9333ea;border-bottom-color:var(--purple-600,#9333ea);color:#9333ea;color:var(--purple-600,#9333ea)}.tab-button.active:before{background:#faf5ff;background:var(--purple-50,#faf5ff);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}@media (max-width:768px){.notification-dropdown{max-height:calc(100vh - 100px);right:-16px;width:calc(100vw - 16px)}.header-right{gap:24px;padding-right:16px}.header-notification-container{height:40px;margin-right:20px;width:40px}.notification-button{height:40px;padding:6px;width:40px}.notification-button svg{height:18px;width:18px}.notification-count{font-size:10px;height:16px;right:1px;top:1px;width:16px}}@media (max-width:480px){.notification-dropdown{left:auto;right:-8px;transform:none;width:calc(100vw - 8px)}.header-right{gap:16px;padding-right:8px}.header-notification-container{height:36px;margin-right:12px;width:36px}.notification-button{height:36px;padding:4px;width:36px}.notification-button svg{height:16px;width:16px}.notification-count{font-size:9px;height:14px;right:0;top:0;width:14px}}@media (max-width:600px){.notification-dropdown{left:8px;margin-top:0;position:fixed;right:8px;top:70px;width:auto}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.notification-button svg{transform:translateZ(0)}}@media (max-width:768px){.app .header,.app .sidebar{display:none}.main-content{margin-left:0!important;padding:0!important}.MuiButton-root,button{min-height:44px;min-width:44px}body{line-height:1.5}body,input,select,textarea{font-size:16px}}@media (min-width:769px) and (max-width:1024px){.app .sidebar{width:200px}.main-content{margin-left:200px!important}}@media (max-width:768px) and (orientation:landscape){.mobile-header{height:48px}.mobile-bottom-nav{height:56px}}@media (display-mode:standalone){.mobile-header{padding-top:env(safe-area-inset-top)}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}@keyframes scan{0%{opacity:1;top:0}50%{opacity:.8}to{opacity:1;top:100%}}.qr-scanner-line{animation:scan 2s linear infinite}@media (max-width:768px){.MuiCard-root{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px}.MuiCardContent-root{padding:16px}.MuiCardContent-root:last-child{padding-bottom:16px}.MuiGrid-container{margin:0;width:100%}.MuiGrid-item{padding:8px}}.mobile-bottom-nav{background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 8px #0000001a;left:0;position:fixed;right:0;z-index:1000}@media (max-width:768px){.MuiFormControl-root,.MuiTextField-root{margin-bottom:16px}.MuiInputBase-root{font-size:16px}.MuiButton-root{font-size:16px;height:48px}}.mobile-loading{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.mobile-loading .MuiCircularProgress-root{margin-bottom:16px}@media (max-width:768px){.orders-mobile-card{-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.orders-mobile-card:active{box-shadow:0 1px 3px #0003;transform:scale(.98)}.orders-mobile-status-pill{border-radius:12px;font-size:11px;padding:4px 8px;white-space:nowrap}.orders-mobile-info-row{align-items:center;display:flex;font-size:13px;gap:8px;line-height:1.4}.orders-mobile-divider{border-top:1px solid #f3f4f6;margin:12px 0}.orders-mobile-cost-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133}button,input[type=button],input[type=submit]{min-height:44px;touch-action:manipulation}.mobile-tap-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.mobile-card{-webkit-user-select:none;user-select:none}.stats-grid{gap:12px!important;grid-template-columns:1fr!important;margin-bottom:16px!important}.stat-card{padding:16px!important}.stat-title{font-size:13px!important}.stat-value{font-size:24px!important}.stat-change{font-size:12px!important}.stat-icon{font-size:16px!important;height:32px!important;width:32px!important}}.modern-devices{background:#fafafa;background:var(--bg-secondary,#fafafa);max-width:100%;min-height:calc(100vh - 70px);padding:20px}.edit-modal-content::-webkit-scrollbar,.modern-devices::-webkit-scrollbar{height:8px;width:8px}.edit-modal-content::-webkit-scrollbar-track,.modern-devices::-webkit-scrollbar-track{background:#f1f5f9}.edit-modal-content::-webkit-scrollbar-thumb,.modern-devices::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d8b4fe,#c084fc);background:linear-gradient(135deg,var(--purple-300,#d8b4fe) 0,var(--purple-400,#c084fc) 100%);border-radius:4px}.edit-modal-content::-webkit-scrollbar-thumb:hover,.modern-devices::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c084fc,#a855f7);background:linear-gradient(135deg,var(--purple-400,#c084fc) 0,var(--purple-500,#a855f7) 100%)}.details-modal-content,.edit-modal-container,.edit-modal-content,.modern-devices{scrollbar-color:#c084fc #f1f5f9;scrollbar-color:var(--purple-400,#c084fc) #f1f5f9;scrollbar-width:thin}.edit-modal-container{scrollbar-color:#9333ea #f1f5f9;scrollbar-color:var(--purple-600,#9333ea) #f1f5f9}.details-modal-content{scrollbar-color:#a855f7 #f1f5f9;scrollbar-color:var(--purple-500,#a855f7) #f1f5f9}.empty-state{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin:40px auto;max-width:600px;padding:48px 24px}.empty-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);background:linear-gradient(135deg,var(--purple-500,#a855f7) 0,var(--purple-700,#7c3aed) 100%);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0 0 12px}.empty-text{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 24px}.empty-button{background:linear-gradient(135deg,#a855f7,#7c3aed);background:linear-gradient(135deg,var(--purple-500,#a855f7) 0,var(--purple-700,#7c3aed) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #9333ea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 28px;transition:all .3s ease}.empty-button:hover{box-shadow:0 6px 20px #9333ea66;transform:translateY(-2px)}.devices-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#a855f7,#7c3aed);background:linear-gradient(90deg,var(--purple-500,#a855f7),var(--purple-700,#7c3aed));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{border-color:#a855f7;border-color:var(--purple-500,#a855f7);box-shadow:0 8px 16px #9333ea26;transform:translateY(-2px)}.stat-card:hover:before{transform:scaleX(1)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-label{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon.total{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-icon.maintenance{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:36px;font-weight:700;margin-bottom:8px}.stat-description{color:#9ca3af;font-size:13px;font-weight:500}.devices-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1 1;font-size:14px;min-width:250px;outline:none;padding:14px 18px;transition:all .3s ease}.search-input:focus{border-color:#a855f7;border-color:var(--purple-500,#a855f7);box-shadow:0 0 0 3px #a855f71a}.search-input::placeholder{color:#9ca3af}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:14px;min-width:150px;outline:none;padding:14px 18px;transition:all .3s ease}.filter-select:focus{border-color:#a855f7;border-color:var(--purple-500,#a855f7);box-shadow:0 0 0 3px #a855f71a}.add-button{background:linear-gradient(135deg,#9333ea,#7c3aed);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-700,#7c3aed) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #9333ea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.add-button:hover:not(:disabled){box-shadow:0 6px 20px #9333ea66;transform:translateY(-2px)}.add-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.devices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.device-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.device-card:before{background:linear-gradient(180deg,#a855f7,#7c3aed);background:linear-gradient(to bottom,var(--purple-500,#a855f7),var(--purple-700,#7c3aed));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.device-card:hover{border-color:#a855f7;border-color:var(--purple-500,#a855f7);box-shadow:0 8px 16px #9333ea26;transform:translateY(-2px)}.device-card:hover:before{transform:scaleY(1)}.device-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.device-info{flex:1 1}.device-name{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 8px}.device-icon{font-size:24px}.device-model{color:#6b7280;font-size:14px;margin:0 0 4px}.device-serial{background:#f3f4f6;border-radius:6px;color:#9ca3af;display:inline-block;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.device-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.device-status.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.device-status.maintenance{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.device-status.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.device-details{grid-gap:12px;display:grid;gap:12px;margin-bottom:16px}.device-detail-item{align-items:flex-start;color:#64748b;display:flex;font-size:14px;gap:8px}.device-detail-icon{flex-shrink:0;font-size:16px;margin-top:2px}.device-detail-label{color:#475569;font-weight:600;min-width:80px}.device-detail-value{color:#64748b;flex:1 1}.device-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.action-btn{align-items:center;background:#f8fafc;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;transition:all .2s ease}.action-btn:hover:not(:disabled){background:#f3e8ff;background:var(--purple-100,#f3e8ff);color:#9333ea;color:var(--purple-600,#9333ea);transform:translateY(-1px)}.action-btn.primary{background:linear-gradient(135deg,#a855f7,#7c3aed);background:linear-gradient(135deg,var(--purple-500,#a855f7) 0,var(--purple-700,#7c3aed) 100%);box-shadow:0 2px 8px #9333ea4d;color:#fff}.action-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #9333ea66;transform:translateY(-2px)}.action-btn.danger{color:#ef4444}.action-btn.danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.action-btn:disabled{cursor:not-allowed;opacity:.5}.address-badge{align-items:center;animation:pulse-green 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;color:#92400e;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.85}}.no-devices{background:#fff;border:2px dashed #e5e7eb;border-radius:16px;padding:60px 24px;text-align:center}.no-devices-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:20px;opacity:.5}.no-devices-text{color:#6b7280;font-size:16px;margin:0}@media (max-width:768px){.modern-devices{padding:12px 12px 100px}.devices-stats{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:28px}.devices-controls{flex-direction:column;gap:12px}.add-button,.filter-select,.search-input{width:100%}.devices-grid{gap:12px;grid-template-columns:1fr}.device-card{padding:16px}.device-actions{flex-direction:column}.action-btn{width:100%}}.details-modal-overlay{align-items:flex-start;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.details-modal-container{background-color:#fff;border-radius:0;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px;width:100%}.details-modal-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.details-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);background:linear-gradient(135deg,var(--purple-500,#a855f7) 0,var(--purple-700,#7c3aed) 100%);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0}.details-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:4px;transition:all .2s ease;width:40px}.details-modal-close:hover{background:#f3f4f6;color:#ef4444}.details-modal-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow:auto}.details-modal-content::-webkit-scrollbar{width:8px}.details-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.details-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a855f7,#7c3aed);background:linear-gradient(135deg,var(--purple-500,#a855f7) 0,var(--purple-700,#7c3aed) 100%);border-radius:4px}.details-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%)}.details-section{border:2px solid #0000;border-radius:12px;margin-bottom:24px;padding:20px;transition:all .3s ease}.details-section:hover{border-color:#e0e7ff;box-shadow:0 4px 12px #3b82f61a}.details-section.device-info{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.details-section.customer-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.details-section.address-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.details-section.service-history{background:linear-gradient(135deg,#fef3c7,#fde68a)}.details-section.documents-info{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.details-section-title{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.details-section-icon{font-size:24px}.details-grid{grid-gap:12px;display:grid;font-size:14px;gap:12px;grid-template-columns:1fr 1fr}.details-item{line-height:1.6;word-break:break-word}.details-item strong{color:#374151;font-weight:600}.details-notes{margin-top:12px}.details-notes-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;line-height:1.6;margin:8px 0 0;padding:12px}.details-custom-fields{margin-top:16px}.details-custom-fields-title{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.details-custom-fields-grid{grid-gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px;padding:12px}.details-custom-field{font-size:14px;word-break:break-word}.details-custom-field strong{color:#374151}.details-address{align-items:flex-start;background:#fff;border:1px solid #d1fae5;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:12px}.details-address-icon{flex-shrink:0;font-size:20px;margin-top:2px}.details-address-text{color:#065f46;flex:1 1;font-weight:500;line-height:1.6}@media (max-width:768px){.details-modal-container{padding:16px}.details-modal-header{margin-bottom:16px;padding-bottom:12px}.details-modal-title{font-size:18px}.details-modal-close{font-size:28px;height:44px;width:44px}.details-section{margin-bottom:16px;padding:12px}.details-section-title{font-size:16px}.details-grid{font-size:13px;gap:8px;grid-template-columns:1fr}.details-custom-fields-grid{gap:6px;grid-template-columns:1fr}.details-custom-field{font-size:13px}}.edit-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:85vh;max-width:800px;overflow-y:auto;width:95%}.edit-modal-container::-webkit-scrollbar{width:8px}.edit-modal-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 16px 16px 0}.edit-modal-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%);border-radius:4px}.edit-modal-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#581c87);background:linear-gradient(135deg,var(--purple-700,#7c3aed) 0,var(--purple-900,#581c87) 100%)}.edit-modal-header{align-items:center;background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%);border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 24px 16px}.edit-modal-header-content h2{font-size:24px;font-weight:600;margin:0 0 4px}.edit-modal-header-content p{font-size:14px;margin:0;opacity:.9}.edit-modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.edit-modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.edit-modal-content{padding:24px}.edit-device-info-display{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.edit-device-info-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.edit-device-info-indicator{background-color:#10b981;border-radius:50%;display:inline-block;height:8px;width:8px}.edit-device-info-grid{grid-gap:12px;display:grid;font-size:14px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.edit-device-info-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.edit-device-info-item strong{color:#374151}.edit-device-info-item span{color:#6b7280;margin-left:8px}.edit-form{gap:20px}.edit-form,.edit-form-group{display:flex;flex-direction:column}.edit-form-group{gap:8px}.edit-form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px}.edit-form-label.required:after{color:#ef4444;content:"*";margin-left:2px}.edit-form-input,.edit-form-select,.edit-form-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.edit-form-input:focus,.edit-form-select:focus,.edit-form-textarea:focus{border-color:#9333ea;border-color:var(--purple-600,#9333ea);box-shadow:0 0 0 3px #9333ea1a}.edit-form-textarea{min-height:80px;resize:vertical}.edit-form-checkbox-group{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px;transition:all .2s}.edit-form-checkbox-group:hover{background:#f3f4f6}.edit-form-checkbox{cursor:pointer;height:18px;width:18px}.edit-form-checkbox-label{color:#374151;cursor:pointer;font-size:14px;font-weight:500}.edit-custom-fields{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:8px;padding:16px}.edit-custom-fields-title{color:#1e40af;font-size:14px;font-weight:600;margin-bottom:12px}.edit-custom-field-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr auto;margin-bottom:8px}.edit-custom-field-input{border:1px solid #dbeafe;border-radius:6px;font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s}.edit-custom-field-input:focus{border-color:#3b82f6}.edit-remove-field-btn{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;transition:all .2s}.edit-remove-field-btn:hover{background:#fecaca}.edit-add-field-btn{background:#dbeafe;border:none;border-radius:6px;color:#1e40af;cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .2s}.edit-add-field-btn:hover{background:#bfdbfe}.edit-form-actions{border-top:2px solid #f3f4f6;display:flex;gap:12px;margin-top:24px;padding-top:20px}.edit-form-submit{background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px #9333ea4d;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.edit-form-submit:hover:not(:disabled){box-shadow:0 6px 20px #9333ea66;transform:translateY(-2px)}.edit-form-submit:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.edit-form-cancel{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease}.edit-form-cancel:hover{background:#e5e7eb}@media (max-width:768px){.edit-modal-overlay{padding:0}.edit-modal-container{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.edit-modal-header{border-radius:0;padding:20px 16px 16px}.edit-modal-header-content h2{font-size:20px}.edit-device-info-display,.edit-modal-content{padding:16px}.edit-device-info-grid{gap:10px}.edit-custom-field-item,.edit-device-info-grid{grid-template-columns:1fr}.edit-form-actions{flex-direction:column}}.wizard-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.wizard-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.wizard-modal-header{align-items:center;background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%);color:#fff;display:flex;justify-content:space-between;padding:24px}.wizard-modal-header h3{font-size:20px;font-weight:600;margin:0}.wizard-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:32px}.wizard-modal-close:hover{background-color:#fff3}.wizard-progress{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px}.wizard-progress-step{align-items:center;display:flex;max-width:100px}.wizard-progress-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.wizard-progress-circle.active{background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%);box-shadow:0 4px 6px -1px #9333ea66;color:#fff}.wizard-progress-circle.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wizard-progress-circle.inactive{background-color:#e5e7eb;color:#9ca3af}.wizard-progress-line{flex:1 1;height:2px;margin:0 8px;transition:background-color .3s ease}.wizard-progress-line.completed{background:linear-gradient(90deg,#10b981,#059669)}.wizard-progress-line.active{background:linear-gradient(90deg,#9333ea,#6b21a8);background:linear-gradient(90deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%)}.wizard-progress-line.inactive{background-color:#e5e7eb}.wizard-modal-body{flex:1 1;overflow-y:auto;padding:24px;scrollbar-color:#9333ea #f1f5f9;scrollbar-color:var(--purple-600,#9333ea) #f1f5f9;scrollbar-width:thin}.wizard-modal-body::-webkit-scrollbar{width:8px}.wizard-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.wizard-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%);border-radius:10px}.wizard-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#581c87);background:linear-gradient(135deg,var(--purple-700,#7c3aed) 0,var(--purple-900,#581c87) 100%)}.wizard-step-content h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.wizard-form-group{margin-bottom:16px}.wizard-form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.wizard-form-input,.wizard-form-select,.wizard-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.wizard-form-input:focus,.wizard-form-select:focus,.wizard-form-textarea:focus{border-color:#9333ea;border-color:var(--purple-600,#9333ea);box-shadow:0 0 0 3px #9333ea1a;outline:none}.wizard-form-textarea{min-height:80px;resize:vertical}.wizard-form-input::placeholder,.wizard-form-textarea::placeholder{color:#9ca3af}.wizard-info-box{border:1px solid;border-radius:8px;margin-top:16px;padding:16px}.wizard-info-box.customer-info{background-color:#f0f9ff;border-color:#bae6fd}.wizard-info-box.model-info{background-color:#f0fdf4;border-color:#bbf7d0}.wizard-info-box.warning{background-color:#fef3c7;border-color:#fde047}.wizard-info-box h5{border-bottom:1px solid #0000001a;color:#1f2937;font-size:15px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.wizard-info-box p{grid-gap:8px 12px;color:#4b5563;display:grid;font-size:14px;gap:8px 12px;grid-template-columns:auto 1fr;line-height:1.8;margin:0}.wizard-info-box p br{display:none}.wizard-info-box strong{color:#1f2937;font-weight:600;text-align:left;white-space:nowrap}.wizard-info-box span{color:#4b5563;text-align:left}.wizard-custom-fields{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:20px}.wizard-custom-fields h5{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.wizard-modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.wizard-nav-left,.wizard-nav-right{display:flex;gap:12px}.wizard-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.wizard-btn-prev{background:#fff;border:1px solid #d1d5db;color:#6b7280}.wizard-btn-prev:hover{background:#f9fafb;border-color:#9ca3af}.wizard-btn-cancel{background:#fff;border:1px solid #fca5a5;color:#ef4444}.wizard-btn-cancel:hover{background:#fef2f2;border-color:#ef4444}.wizard-btn-next{background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%);border:none;color:#fff}.wizard-btn-next:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#581c87);background:linear-gradient(135deg,var(--purple-700,#7c3aed) 0,var(--purple-900,#581c87) 100%);box-shadow:0 4px 6px -1px #9333ea66;transform:translateY(-1px)}.wizard-btn-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.wizard-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 6px -1px #10b98166;transform:translateY(-1px)}.wizard-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}@media (max-width:768px){.wizard-modal-overlay{padding:0}.wizard-modal-container{border-radius:0;max-height:100vh;max-width:100%}.wizard-modal-header{padding:20px}.wizard-modal-header h3{font-size:18px}.wizard-progress{padding:16px}.wizard-progress-circle{font-size:12px;height:28px;width:28px}.wizard-modal-body{padding:20px}.wizard-step-content h4{font-size:16px}.wizard-modal-footer{flex-direction:column;gap:12px;padding:16px 20px}.wizard-nav-left,.wizard-nav-right{width:100%}.wizard-nav-right{flex-direction:column-reverse}.wizard-btn{justify-content:center;width:100%}}:root{--adminlte-primary:#0d6efd;--adminlte-secondary:#6c757d;--adminlte-success:#198754;--adminlte-info:#0dcaf0;--adminlte-warning:#ffc107;--adminlte-danger:#dc3545;--adminlte-light:#f8f9fa;--adminlte-dark:#212529;--sidebar-width:250px;--sidebar-mini-width:78px;--navbar-height:57px;--footer-height:57px;--transition-speed:0.3s;--border-radius:0.375rem;--card-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px #0003}.app-wrapper{background-color:#f4f6f9;min-height:100vh}.app-main{margin-left:250px;margin-left:var(--sidebar-width);min-height:calc(100vh - 114px);min-height:calc(100vh - var(--navbar-height) - var(--footer-height));padding:1rem;transition:margin-left .3s;transition:margin-left var(--transition-speed)}.sidebar-collapse .app-main{margin-left:78px;margin-left:var(--sidebar-mini-width)}@media (max-width:991.98px){.app-main{margin-left:0!important}}.card{border:none;border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px #0003;box-shadow:var(--card-shadow);margin-bottom:1rem}.card-header{align-items:center;background-color:initial;border-bottom:1px solid rgba(0,0,0,.125);display:flex;justify-content:space-between;padding:.75rem 1rem}.card-title{font-size:1rem;font-weight:600;margin:0}.card-tools{align-items:center;display:flex;gap:.5rem}.card-body{padding:1rem}.card-primary .card-header{background:linear-gradient(90deg,#0d6efd,#0b5ed7);color:#fff}.card-success .card-header{background:linear-gradient(90deg,#198754,#157347);color:#fff}.card-info .card-header{background:linear-gradient(90deg,#0dcaf0,#0bb2d4);color:#fff}.card-warning .card-header{background:linear-gradient(90deg,#ffc107,#e5a800);color:#212529}.card-danger .card-header{background:linear-gradient(90deg,#dc3545,#c82333);color:#fff}.card-outline{border-top:3px solid}.card-outline.card-primary{border-top-color:#0d6efd;border-top-color:var(--adminlte-primary)}.card-outline.card-success{border-top-color:#198754;border-top-color:var(--adminlte-success)}.card-outline.card-info{border-top-color:#0dcaf0;border-top-color:var(--adminlte-info)}.card-outline.card-warning{border-top-color:#ffc107;border-top-color:var(--adminlte-warning)}.card-outline.card-danger{border-top-color:#dc3545;border-top-color:var(--adminlte-danger)}.small-box{border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px #0003;box-shadow:var(--card-shadow);display:block;margin-bottom:1rem;overflow:hidden;position:relative}.small-box .inner{padding:1rem}.small-box .inner h3{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;padding:0;white-space:nowrap}.small-box .inner p{font-size:1rem;margin:0}.small-box .small-box-icon{font-size:5rem;opacity:.15;padding:.5rem 1rem;position:absolute;right:0;top:0;z-index:0}.small-box .small-box-footer{background-color:#0000001a;color:#fffc;display:block;padding:.5rem;text-align:center;text-decoration:none;transition:background-color .2s}.small-box .small-box-footer:hover{background-color:#00000026;color:#fff}.info-box{background-color:#fff;box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px #0003;box-shadow:var(--card-shadow);margin-bottom:1rem;min-height:80px;padding:.5rem}.info-box,.info-box-icon{border-radius:.375rem;border-radius:var(--border-radius);display:flex}.info-box-icon{align-items:center;font-size:2rem;justify-content:center;width:70px}.info-box-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 1rem}.info-box-text{font-size:.875rem;text-transform:uppercase}.info-box-number{display:block;font-size:1.25rem;font-weight:700}.table{margin-bottom:0}.table thead th{background-color:#f8f9fa;border-top:none;color:#495057;font-weight:600}.table tbody tr:hover{background-color:#00000005}.btn,.table-responsive{border-radius:.375rem;border-radius:var(--border-radius)}.btn-group-sm>.btn,.btn-sm{font-size:.75rem;padding:.25rem .5rem}.btn-app{background-color:#fafafa;border:1px solid #ddd;border-radius:.375rem;border-radius:var(--border-radius);color:#666;font-size:12px;height:60px;margin:0 0 10px 10px;min-width:80px;padding:15px 5px;position:relative;text-align:center}.btn-app>.fa,.btn-app>.fab,.btn-app>.far,.btn-app>.fas{display:block;font-size:20px}.form-control,.form-select{border-radius:.375rem;border-radius:var(--border-radius)}.form-control:focus,.form-select:focus{border-color:#0d6efd;border-color:var(--adminlte-primary);box-shadow:0 0 0 .2rem #0d6efd40}.form-label{font-weight:500;margin-bottom:.25rem}.input-group-text{border-radius:.375rem;border-radius:var(--border-radius)}.modal-header{border-bottom:1px solid #dee2e6;padding:1rem 1.5rem}.modal-title{font-weight:600}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem}.badge{font-weight:500;padding:.35em .65em}.badge-pill{border-radius:50rem}.badge-status-active{background-color:#198754;background-color:var(--adminlte-success);color:#fff}.badge-status-inactive{background-color:#6c757d;background-color:var(--adminlte-secondary);color:#fff}.badge-status-pending{background-color:#ffc107;background-color:var(--adminlte-warning);color:#212529}.badge-status-completed{background-color:#0dcaf0;background-color:var(--adminlte-info);color:#fff}.badge-status-cancelled{background-color:#dc3545;background-color:var(--adminlte-danger);color:#fff}.app-sidebar{background-color:#f8f9fa;border-right:1px solid #dee2e6;bottom:0;left:0;overflow-x:hidden;position:fixed;top:0;transition:width .3s,transform .3s;transition:width var(--transition-speed),transform var(--transition-speed);width:250px;width:var(--sidebar-width);z-index:1030}.sidebar-brand{border-bottom:1px solid #dee2e6;height:57px;height:var(--navbar-height);justify-content:center}.brand-link,.sidebar-brand{align-items:center;display:flex}.brand-link{color:#212529;font-size:1.1rem;font-weight:500;padding:0 1rem;text-decoration:none}.brand-link:hover{color:#0d6efd;color:var(--adminlte-primary)}.sidebar-wrapper{height:calc(100vh - 57px);height:calc(100vh - var(--navbar-height));overflow-y:auto}.user-panel{border-bottom:1px solid #dee2e6;padding:1rem}.user-panel .info a{color:#212529;font-weight:500;text-decoration:none}.user-panel .info a:hover{color:#0d6efd;color:var(--adminlte-primary)}.sidebar-search{padding:0 1rem 1rem}.form-control-sidebar{background-color:#fff;border:1px solid #ced4da;color:#495057}.form-control-sidebar:focus{border-color:#0d6efd;border-color:var(--adminlte-primary)}.sidebar-menu{display:block;list-style:none;margin:0;padding:0}.app-sidebar .nav,.app-sidebar ul{display:block!important;flex-direction:column!important}.nav-header{color:#6c757d;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem .5rem;text-transform:uppercase}.nav-item{display:block;margin:0}.nav-item,.nav-link{position:relative;width:100%}.nav-link{align-items:center;color:#495057;display:flex;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#007bff0d}.nav-link.active,.nav-link:hover{color:#0d6efd;color:var(--adminlte-primary)}.nav-link.active{background-color:#007bff1a;font-weight:500}.nav-icon{flex-shrink:0;font-size:1rem;margin-right:.5rem;text-align:center;width:1.6rem}.nav-link p{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:.5rem;margin:0}.nav-item.has-treeview{display:block;width:100%}.nav-treeview{background-color:#00000008;clear:both;display:none;list-style:none;margin:0;overflow:hidden;padding:0;width:100%}.menu-open>.nav-treeview{display:block!important}.nav-treeview .nav-item{clear:both;display:block;width:100%}.nav-treeview .nav-link{clear:both;color:#6c757d;display:flex;font-size:.9rem;padding:.65rem 1rem .65rem 3.2rem;width:100%}.nav-treeview .nav-link:hover{background-color:#007bff14;color:#0d6efd;color:var(--adminlte-primary)}.nav-treeview .nav-link.active{background-color:#007bff26;color:#0d6efd;color:var(--adminlte-primary);font-weight:500}.nav-treeview .nav-icon{font-size:.75rem;margin-right:.5rem;width:1.2rem}.nav-arrow{flex-shrink:0;font-size:.75rem;margin-left:auto;transition:transform .2s}.menu-open>.nav-link .nav-arrow{transform:rotate(-90deg)}.badge.right{font-size:.65rem;margin-left:.5rem}.app-header{align-items:center;background-color:#fff;border-bottom:1px solid #dee2e6;display:flex;height:57px;height:var(--navbar-height);left:250px;left:var(--sidebar-width);padding:0;position:fixed;right:0;top:0;transition:left .3s;transition:left var(--transition-speed);z-index:1020}.app-header .container-fluid{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:0 1rem;width:100%}.app-header .navbar-nav{flex-direction:row;gap:.25rem;list-style:none;margin:0;padding:0}.app-header .nav-item,.app-header .nav-link,.app-header .navbar-nav{align-items:center;display:flex}.app-header .nav-link{color:#495057;padding:.5rem .75rem;text-decoration:none;transition:color .2s;white-space:nowrap}.app-header .nav-link:hover{color:#0d6efd;color:var(--adminlte-primary)}.navbar-search-block{align-items:center;display:flex}.navbar-search-block .form-inline{margin:0}.navbar-search-block .input-group{align-items:stretch;display:flex}.form-control-navbar{border:1px solid #ced4da;border-radius:.25rem 0 0 .25rem;font-size:.875rem;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem}.form-control-navbar:focus{border-color:#0d6efd;border-color:var(--adminlte-primary);box-shadow:0 0 0 .2rem #0d6efd40;outline:0}.input-group-append{display:flex}.btn-navbar{background-color:#f8f9fa;border:1px solid #ced4da;border-left:none;color:#495057;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s}.btn-navbar:hover{background-color:#e9ecef;color:#0d6efd;color:var(--adminlte-primary)}.btn-navbar:last-child{border-radius:0 .25rem .25rem 0}.sidebar-collapse .app-header{left:78px;left:var(--sidebar-mini-width)}@media (max-width:991.98px){.app-header{left:0!important}.form-control-navbar{min-width:150px!important}}.app-footer{background-color:#fff;border-top:1px solid #dee2e6;margin-left:250px;margin-left:var(--sidebar-width);padding:1rem;transition:margin-left .3s;transition:margin-left var(--transition-speed)}.sidebar-collapse .app-footer{margin-left:78px;margin-left:var(--sidebar-mini-width)}@media (max-width:991.98px){.app-footer{margin-left:0!important}}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:600;margin:0}.page-header .breadcrumb{background:#0000;margin:0;padding:0}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{text-align:center}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#0d6efd;border-top:3px solid var(--adminlte-primary);height:3rem;width:3rem}.empty-state{color:#6c757d;padding:3rem 1rem;text-align:center}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state h5{font-weight:600;margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.callout{background-color:#f8f9fa;border-left:4px solid;border-radius:.375rem;border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem}.callout-primary{border-left-color:#0d6efd;border-left-color:var(--adminlte-primary)}.callout-success{border-left-color:#198754;border-left-color:var(--adminlte-success)}.callout-info{border-left-color:#0dcaf0;border-left-color:var(--adminlte-info)}.callout-warning{border-left-color:#ffc107;border-left-color:var(--adminlte-warning)}.callout-danger{border-left-color:#dc3545;border-left-color:var(--adminlte-danger)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2}.text-truncate-2,.text-truncate-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3}.hover-shadow:hover{box-shadow:0 .5rem 1rem #00000026!important}.hover-lift:hover{transform:translateY(-3px);transition:transform .2s}.chart-container{height:300px;position:relative;width:100%}@media (max-width:767.98px){.small-box .inner h3{font-size:1.5rem}.small-box .small-box-icon{font-size:3rem}.card-body{padding:.75rem}.table-responsive{font-size:.875rem}}.control-sidebar{background-color:#343a40;color:#c2c7d0;height:100%;overflow-y:auto;position:fixed;right:-250px;top:0;transition:right .3s ease-in-out;width:250px;z-index:1035}.control-sidebar-open .control-sidebar{right:0}.control-sidebar h5,.control-sidebar h6{color:#fff}.control-sidebar .form-check-label{color:#c2c7d0}.control-sidebar .list-group-item{background-color:initial;color:#c2c7d0}.control-sidebar .list-group-item:hover{background-color:#ffffff1a;color:#fff}[data-bs-theme=dark] .control-sidebar{background-color:#1a1d21}[data-bs-theme=dark]{--adminlte-light:#212529;--adminlte-dark:#f8f9fa}[data-bs-theme=dark] .app-wrapper{background-color:#1a1d21}[data-bs-theme=dark] .app-sidebar{background-color:#212529;border-right-color:#343a40}[data-bs-theme=dark] .sidebar-brand{border-bottom-color:#343a40}[data-bs-theme=dark] .brand-link{color:#f8f9fa}[data-bs-theme=dark] .brand-link:hover{color:#0d6efd;color:var(--adminlte-primary)}[data-bs-theme=dark] .user-panel{border-bottom-color:#343a40}[data-bs-theme=dark] .user-panel .info a{color:#f8f9fa}[data-bs-theme=dark] .user-panel .info a:hover{color:#0d6efd;color:var(--adminlte-primary)}[data-bs-theme=dark] .form-control-sidebar{background-color:#343a40;border-color:#495057;color:#f8f9fa}[data-bs-theme=dark] .nav-header{color:#adb5bd}[data-bs-theme=dark] .nav-link{color:#ffffffbf}[data-bs-theme=dark] .nav-link:hover{background-color:#ffffff1a;color:#fff}[data-bs-theme=dark] .nav-link.active{background-color:#0d6efd4d;color:#fff}[data-bs-theme=dark] .nav-treeview{background-color:#0000004d}[data-bs-theme=dark] .nav-treeview .nav-link{color:#ffffffa6}[data-bs-theme=dark] .nav-treeview .nav-link:hover{background-color:#ffffff1f;color:#fff}[data-bs-theme=dark] .nav-treeview .nav-link.active{background-color:#0d6efd59;color:#fff}[data-bs-theme=dark] .card{background-color:#212529;color:#f8f9fa}[data-bs-theme=dark] .card-header{border-bottom-color:#343a40}[data-bs-theme=dark] .table thead th{background-color:#343a40;color:#f8f9fa}[data-bs-theme=dark] .table tbody tr:hover{background-color:#ffffff0d}[data-bs-theme=dark] .app-header{background-color:#212529;border-bottom-color:#343a40}[data-bs-theme=dark] .app-header .nav-link{color:#ffffffbf}[data-bs-theme=dark] .app-header .nav-link:hover{color:#fff}[data-bs-theme=dark] .form-control-navbar{background-color:#343a40;border-color:#495057;color:#f8f9fa}[data-bs-theme=dark] .form-control-navbar:focus{background-color:#3a4046;border-color:#0d6efd;color:#fff}[data-bs-theme=dark] .btn-navbar{background-color:#343a40;border-color:#495057;color:#adb5bd}[data-bs-theme=dark] .btn-navbar:hover{background-color:#495057;color:#fff}[data-bs-theme=dark] .app-footer{background-color:#212529;border-top-color:#343a40}[data-bs-theme=dark] .modal-content{background-color:#212529;color:#f8f9fa}[data-bs-theme=dark] .modal-footer,[data-bs-theme=dark] .modal-header{border-color:#343a40}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{background-color:#343a40;border-color:#495057;color:#f8f9fa}[data-bs-theme=dark] .list-group-item{background-color:#212529;border-color:#343a40;color:#f8f9fa}[data-bs-theme=dark] .empty-state{color:#adb5bd}[data-bs-theme=dark] .callout{background-color:#343a40}[data-bs-theme=dark] body{background-color:#1a1d21;color:#f8f9fa}[data-bs-theme=dark] html{background-color:#1a1d21}[data-bs-theme=dark] .bg-white{background-color:#212529!important}[data-bs-theme=dark] .text-dark{color:#f8f9fa!important}[data-bs-theme=dark] .text-muted{color:#adb5bd!important}[data-bs-theme=dark] .border{border-color:#343a40!important}[data-bs-theme=dark] .table{border-color:#343a40;color:#f8f9fa}[data-bs-theme=dark] .table td,[data-bs-theme=dark] .table th{border-color:#343a40}[data-bs-theme=dark] .table-striped tbody tr:nth-of-type(odd){background-color:#ffffff05}[data-bs-theme=dark] .table-hover tbody tr:hover{background-color:#ffffff0d}[data-bs-theme=dark] .btn-light{background-color:#343a40;border-color:#495057;color:#f8f9fa}[data-bs-theme=dark] .btn-light:hover{background-color:#495057;border-color:#5a6268;color:#fff}[data-bs-theme=dark] .btn-outline-secondary{border-color:#495057;color:#adb5bd}[data-bs-theme=dark] .btn-outline-secondary:hover{background-color:#495057;border-color:#5a6268;color:#fff}[data-bs-theme=dark] .dropdown-menu{background-color:#212529;border-color:#343a40}[data-bs-theme=dark] .dropdown-item{color:#f8f9fa}[data-bs-theme=dark] .dropdown-item:hover{background-color:#343a40;color:#fff}[data-bs-theme=dark] .dropdown-divider{border-top-color:#343a40}[data-bs-theme=dark] .alert{border-color:#343a40}[data-bs-theme=dark] .alert-info{background-color:#0c353e;border-color:#0dcaf0;color:#6edff6}[data-bs-theme=dark] .alert-warning{background-color:#332701;border-color:#ffc107;color:#ffda6a}[data-bs-theme=dark] .alert-danger{background-color:#2c0b0e;border-color:#dc3545;color:#ea868f}[data-bs-theme=dark] .alert-success{background-color:#051b11;border-color:#198754;color:#75b798}[data-bs-theme=dark] .badge{border:1px solid #343a40}[data-bs-theme=dark] input[type=email],[data-bs-theme=dark] input[type=number],[data-bs-theme=dark] input[type=password],[data-bs-theme=dark] input[type=search],[data-bs-theme=dark] input[type=tel],[data-bs-theme=dark] input[type=text],[data-bs-theme=dark] textarea{background-color:#343a40;border-color:#495057;color:#f8f9fa}[data-bs-theme=dark] input[type=email]:focus,[data-bs-theme=dark] input[type=number]:focus,[data-bs-theme=dark] input[type=password]:focus,[data-bs-theme=dark] input[type=search]:focus,[data-bs-theme=dark] input[type=tel]:focus,[data-bs-theme=dark] input[type=text]:focus,[data-bs-theme=dark] textarea:focus{background-color:#3a4046;border-color:#0d6efd;color:#fff}[data-bs-theme=dark] .input-group-text{background-color:#343a40;border-color:#495057;color:#adb5bd}[data-bs-theme=dark] select.form-control,[data-bs-theme=dark] select.form-select{background-color:#343a40;border-color:#495057;color:#f8f9fa}[data-bs-theme=dark] .pagination .page-link{background-color:#212529;border-color:#343a40;color:#f8f9fa}[data-bs-theme=dark] .pagination .page-link:hover{background-color:#343a40;border-color:#495057;color:#fff}[data-bs-theme=dark] .pagination .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd}[data-bs-theme=dark] .small-box{color:#fff}[data-bs-theme=dark] .info-box{background-color:#212529;color:#f8f9fa}[data-bs-theme=dark] hr{border-color:#343a40;opacity:1}.smtp-config-container{margin:0 auto;max-width:800px;padding:24px}.smtp-config-header{margin-bottom:32px}.smtp-config-header h2{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.smtp-config-description{color:#6b7280;font-size:14px;margin:0}.smtp-config-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-section{border-bottom:1px solid #e5e7eb;padding:24px}.form-section:last-child{border-bottom:none}.form-section h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{flex:1 1;min-width:0}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:40px}.password-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:8px;transition:background-color .2s}.password-toggle:hover{background-color:#f3f4f6}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background-color:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.form-hint{color:#6b7280;display:block;font-size:12px;margin-top:4px}.smtp-config-actions{background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#3b82f6;border-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-secondary{background-color:#fff;border-color:#d1d5db}.btn-secondary:hover:not(:disabled){background-color:#f9fafb}.smtp-config-help{background:#f8fafc;border-radius:8px;margin-top:32px;padding:20px}.smtp-config-help h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.help-section{margin-bottom:16px}.help-section:last-child{margin-bottom:0}.help-section h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.help-section ul{margin:0;padding-left:20px}.help-section li{color:#6b7280;font-size:13px;margin-bottom:4px}.help-section li:last-child{margin-bottom:0}.loading{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:center;padding:40px}@media (max-width:640px){.smtp-config-container{padding:16px}.form-row{flex-direction:column;gap:12px}.smtp-config-actions{flex-direction:column;gap:8px}.smtp-config-actions .btn{width:100%}}body{overflow:auto!important}.activate-container{align-items:center;background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--purple-600,#9333ea) 0,var(--purple-800,#6b21a8) 100%);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 20px;position:relative;z-index:1}.activate-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;max-height:90vh;max-width:450px;overflow-y:auto;padding:40px;text-align:center;width:100%}.activate-card.error-card{border-top:4px solid #dc2626}.activate-card.success-card{border-top:4px solid #16a34a}.header{margin-bottom:30px}.header .icon{display:block;font-size:48px;margin-bottom:16px}.header h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.header .subtitle{color:#6b7280;font-size:16px;margin:0}.user-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:20px}.welcome-message h3{color:#1e40af;font-size:20px;font-weight:600;margin:0 0 8px}.welcome-message .email{color:#64748b;font-size:14px;font-style:italic;margin:0 0 8px}.welcome-message .role{color:#059669;font-size:14px;font-weight:500;margin:0}.company-info{background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-top:16px;padding:16px}.company-header{align-items:center;color:#374151;display:flex;font-size:14px;margin-bottom:12px}.company-icon{font-size:18px;margin-right:8px}.company-details{padding-left:26px}.company-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.company-nip{color:#6b7280;font-size:13px;margin-bottom:4px}.company-address{color:#6b7280;font-size:13px;line-height:1.4}.admin-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-top:16px;padding:16px;text-align:center}.admin-icon{display:block;font-size:24px;margin-bottom:8px}.admin-notice strong{color:#92400e;display:block;font-size:16px;margin-bottom:8px}.admin-notice p{color:#78350f;font-size:13px;line-height:1.4;margin:0}.activation-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#a855f7;border-color:var(--purple-500,#a855f7);box-shadow:0 0 0 3px #a855f71a;outline:none}.form-group input.invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group .hint{color:#6b7280;display:block;font-size:12px;margin-top:4px}.password-strength{margin-top:8px}.strength-bar{background-color:#e5e7eb;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.strength-fill{border-radius:3px;height:100%;transition:all .3s ease}.strength-fill.strength-0,.strength-fill.strength-1{background-color:#dc2626}.strength-fill.strength-2{background-color:#f59e0b}.strength-fill.strength-3{background-color:#eab308}.strength-fill.strength-4{background-color:#22c55e}.strength-fill.strength-5{background-color:#16a34a}.strength-text{font-size:12px;font-weight:500;text-align:right}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px}.requirements-title{color:#374151;font-size:13px;font-weight:600;margin-bottom:8px}.requirement{align-items:center;color:#6b7280;display:flex;font-size:12px;margin-bottom:4px;transition:all .3s ease}.requirement.met{color:#16a34a}.requirement-icon{font-weight:700;margin-right:8px;width:16px}.requirement.met .requirement-icon{color:#16a34a}.password-feedback{margin-top:8px}.feedback-message{color:#dc2626;font-size:12px;margin-bottom:2px}.password-mismatch{color:#dc2626}.password-match,.password-mismatch{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:4px}.password-match{color:#16a34a}.error-alert{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.btn-primary,.error-alert .error-icon{font-size:16px}.btn-primary{align-items:center;background:#9333ea;background:var(--purple-600,#9333ea);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.btn-primary:hover:not(:disabled){background:#7c3aed;background:var(--purple-700,#7c3aed);box-shadow:0 10px 20px #9333ea33;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;margin-right:12px;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.submit-btn{margin-top:10px}.footer-links{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.link-btn{background:none;border:none;color:#9333ea;color:var(--purple-600,#9333ea);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.link-btn:hover{color:#7c3aed;color:var(--purple-700,#7c3aed)}.error-icon,.success-icon{display:block;font-size:64px;margin-bottom:20px}.error-card h2{color:#dc2626}.success-card h2{color:#16a34a}.error-message,.success-message{color:#4b5563;font-size:16px;line-height:1.5;margin:16px 0}.redirect-info{color:#6b7280;font-size:14px;font-style:italic;margin:16px 0 24px}.actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.loading-spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#9333ea;border-top:4px solid var(--purple-600,#9333ea);height:40px;margin:0 auto 20px;width:40px}.loading-spinner,.spinner{animation:spin 1s linear infinite}.spinner{border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.activate-container{align-items:flex-start;padding:40px 12px 20px}.activate-card{margin:0;max-height:calc(100vh - 80px);padding:30px 20px}.header .icon{font-size:40px}.header h2{font-size:24px}.actions{flex-direction:column}.btn-secondary{margin-bottom:8px;margin-right:0}}@media (max-width:768px){.activate-container{padding:30px 15px}.activate-card{max-width:400px}}@media (max-height:700px){.activate-container{align-items:flex-start;padding-top:20px}.activate-card{max-height:calc(100vh - 40px)}}.notification-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.notification{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f;margin-bottom:12px;max-width:500px;min-width:350px;opacity:0;pointer-events:auto;transform:translateX(100%);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.notification.show{opacity:1;transform:translateX(0)}.notification.removing{opacity:0;transform:translateX(100%) scale(.95);transition:all .3s ease-in-out}.notification-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;font-size:20px;margin-top:2px}.notification-body{flex:1 1;min-width:0}.notification-title{color:#111827;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.notification-message{color:#6b7280;font-size:13px;line-height:1.5}.notification-line{margin-top:4px}.notification-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;transition:all .2s;width:24px}.notification-close:hover{background-color:#f3f4f6;color:#374151}.notification-actions{display:flex;gap:8px;margin-top:12px}.notification-btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.notification-btn-confirm{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.notification-btn-confirm:hover{background-color:#2563eb}.notification-btn-cancel{background-color:#fff;border-color:#d1d5db;color:#6b7280}.notification-btn-cancel:hover{background-color:#f9fafb;color:#374151}.notification-success{border-left-color:#10b981}.notification-success .notification-title{color:#065f46}.notification-error{border-left-color:#ef4444}.notification-error .notification-title{color:#991b1b}.notification-warning{border-left-color:#f59e0b}.notification-warning .notification-title{color:#92400e}.notification-info{border-left-color:#3b82f6}.notification-info .notification-title{color:#1e40af}.notification-loading{border-left-color:#8b5cf6}.notification-loading .notification-title{color:#5b21b6}.notification-loading .notification-icon{animation:spin 2s linear infinite}.notification-confirm{border-left-color:#f59e0b}.notification-confirm .notification-title{color:#92400e}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.notification-container{left:16px;right:16px;top:16px}.notification{max-width:none;min-width:auto}.notification-content{padding:14px}}.settings-page{margin:0 auto;max-width:1200px;padding:24px}.settings-header{margin-bottom:32px}.settings-header h1{color:#18181b;color:var(--text-primary,#18181b);font-size:32px;font-weight:700;margin:0 0 8px}.settings-header p{color:#71717a;color:var(--text-secondary,#71717a);font-size:16px;margin:0}.settings-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:280px 1fr;min-height:600px}.settings-sidebar{background:#fff;background:var(--white,#fff);border:1px solid #e4e4e7;border:1px solid var(--border-light,#e4e4e7);border-radius:12px;box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:24px 0}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav-item{align-items:center;background:none;border:none;color:#71717a;color:var(--text-secondary,#71717a);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 24px;text-align:left;transition:all .2s ease;width:100%}.settings-nav-item:hover{background-color:#faf5ff;background-color:var(--purple-50,#faf5ff);color:#7c3aed;color:var(--purple-700,#7c3aed)}.settings-nav-item.active{background-color:#f3e8ff;background-color:var(--purple-100,#f3e8ff);border-right:3px solid #9333ea;border-right:3px solid var(--purple-600,#9333ea);color:#7c3aed;color:var(--purple-700,#7c3aed)}.settings-nav-icon{font-size:18px;text-align:center;width:20px}.settings-nav-text{flex:1 1}.settings-content{background:#fff;background:var(--white,#fff);border:1px solid #e4e4e7;border:1px solid var(--border-light,#e4e4e7);border-radius:12px;box-shadow:var(--shadow-sm);min-height:500px;overflow:hidden}@media (max-width:768px){.settings-page{padding:16px}.settings-container{gap:20px;grid-template-columns:1fr}.settings-sidebar{padding:16px 0}.settings-nav-item{font-size:14px;padding:10px 16px}.settings-header h1{font-size:28px}}@media (max-width:480px){.settings-page{padding:12px}.settings-header{margin-bottom:20px}.settings-header h1{font-size:24px}.settings-nav-item{padding:8px 12px}}
/*# sourceMappingURL=main.06bf0cfb.css.map*/