@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-base:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:1400px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sidebar:200;--z-header:300;--z-modal-overlay:400;--z-modal:500;--z-toast:600}:root,[data-theme=light]{--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-bg-card:#ffffffd9;--color-bg-card-hover:#fff;--color-bg-glass:#ffffffb3;--color-bg-input:#fff;--color-bg-sidebar:#fff;--color-bg-header:#ffffffd9;--color-accent-primary:#6366f1;--color-accent-primary-hover:#4f46e5;--color-accent-primary-light:#6366f11f;--color-accent-secondary:#8b5cf6;--color-gradient-primary:linear-gradient(135deg, #6366f1, #8b5cf6);--color-gradient-accent:linear-gradient(135deg, #6366f1, #a78bfa);--color-gradient-success:linear-gradient(135deg, #10b981, #059669);--color-gradient-warning:linear-gradient(135deg, #f59e0b, #d97706);--color-gradient-danger:linear-gradient(135deg, #ef4444, #dc2626);--color-gradient-glass:linear-gradient(135deg, #fff6 0%, #ffffff1a 100%);--color-success:#10b981;--color-success-light:#10b98126;--color-warning:#f59e0b;--color-warning-light:#f59e0b26;--color-danger:#ef4444;--color-danger-light:#ef444426;--color-info:#3b82f6;--color-info-light:#3b82f626;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-text-accent:#6366f1;--color-text-inverse:#fff;--color-border:#1e293b14;--color-border-hover:#1e293b26;--color-border-focus:#6366f1;--color-border-card:#1e293b0d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-premium:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--shadow-glass:0 8px 32px 0 #1f268712;--shadow-glow:0 0 20px #6366f133;--shadow-card:0 4px 12px #0000000d, 0 0 0 1px #1e293b08}[data-theme=dark]{--color-bg-primary:#0a0e1a;--color-bg-secondary:#111827;--color-bg-tertiary:#1e293b;--color-bg-card:#1e293bb3;--color-bg-card-hover:#1e293be6;--color-bg-glass:#ffffff08;--color-bg-input:#0f172acc;--color-bg-sidebar:#0d1117;--color-bg-header:#0d1117d9;--color-accent-primary:#6366f1;--color-accent-primary-hover:#818cf8;--color-accent-primary-light:#6366f126;--color-accent-secondary:#8b5cf6;--color-gradient-primary:linear-gradient(135deg, #6366f1, #8b5cf6);--color-gradient-accent:linear-gradient(135deg, #6366f1, #a78bfa);--color-gradient-warm:linear-gradient(135deg, #f59e0b, #ef4444);--color-gradient-cool:linear-gradient(135deg, #06b6d4, #3b82f6);--color-gradient-success:linear-gradient(135deg, #22c55e, #10b981);--color-success:#22c55e;--color-success-light:#22c55e26;--color-warning:#f59e0b;--color-warning-light:#f59e0b26;--color-danger:#ef4444;--color-danger-light:#ef444426;--color-info:#3b82f6;--color-info-light:#3b82f626;--color-pending:#f59e0b;--color-confirmed:#22c55e;--color-rejected:#ef4444;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-text-accent:#a5b4fc;--color-text-inverse:#0f172a;--color-border:#94a3b81a;--color-border-hover:#94a3b833;--color-border-focus:#6366f1;--color-border-card:#94a3b814;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 20px #6366f14d;--shadow-card:0 4px 16px #0003, 0 0 0 1px #94a3b80d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-primary-hover)}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:var(--color-accent-primary);color:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.5rem 1rem;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#fff;position:absolute;inset:0}.btn:hover:after{opacity:.05}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-gradient-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn-success{background:var(--color-gradient-success);color:#fff;box-shadow:0 2px 8px #22c55e4d}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{background:#dc2626}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.btn-sm{font-size:var(--font-size-xs);padding:.35rem .75rem}.btn-lg{font-size:var(--font-size-md);padding:.75rem 1.5rem}.btn-icon{width:36px;height:36px;padding:.5rem}.input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);padding:.625rem .875rem}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-primary-light)}.input:hover:not(:focus){border-color:var(--color-border-hover)}.input-error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px var(--color-danger-light)!important}.textarea{resize:vertical;min-height:80px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.card{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover)}.card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-body{padding:var(--spacing-xl)}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:.2rem .6rem;display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-default{background:var(--color-bg-glass);color:var(--color-text-secondary)}.table-container{border-radius:var(--radius-lg);width:100%;overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-glass);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.75rem 1rem;position:sticky;top:0}.table td{font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);padding:.75rem 1rem}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-glass)}.table tbody tr:hover td{color:var(--color-text-primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-overlay);padding:var(--spacing-2xl);animation:fadeIn var(--transition-fast) ease-out;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:85vh;z-index:var(--z-modal);animation:slideUp var(--transition-base) ease-out;box-shadow:var(--shadow-xl);overflow-y:auto}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-body{padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--spacing-sm);display:flex}.toast-container{top:var(--spacing-xl);right:var(--spacing-xl);z-index:var(--z-toast);gap:var(--spacing-sm);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-sm);animation:slideInRight var(--transition-base) ease-out;min-width:300px;box-shadow:var(--shadow-lg);display:flex}.toast-success{background:var(--color-success-light);color:var(--color-success);border-left:3px solid var(--color-success)}.toast-error{background:var(--color-danger-light);color:var(--color-danger);border-left:3px solid var(--color-danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-card-hover) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.show-mobile-only{display:none!important}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.active{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot.inactive{background-color:var(--color-danger)}.animate-spin{animation:1s linear infinite spin}.store-card:hover{border-color:var(--color-primary-light);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.card-actions button:hover{background:var(--color-bg-tertiary);transform:scale(1.1)}.btn-test-integration:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a;background:linear-gradient(135deg,#6366f126 0%,#6366f114 100%)!important;border-color:#6366f166!important}.btn-test-integration:active:not(:disabled){transform:translateY(0)}.btn-test-integration:disabled{opacity:.6;cursor:not-allowed}.notification-modal{border:none!important;box-shadow:0 25px 50px -12px #00000040!important}.btn-close{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-close:hover{background:var(--color-bg-tertiary);color:var(--color-danger)!important}.page-enter{animation:fadeIn var(--transition-base) ease-out}.app-layout{min-height:100vh;display:flex}.app-content{margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;min-height:100vh;display:flex}.app-layout.sidebar-collapsed .app-content{margin-left:var(--sidebar-collapsed-width)}.page-wrapper{padding:var(--spacing-2xl);padding-top:calc(var(--header-height) + var(--spacing-2xl));max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);height:100vh;z-index:var(--z-sidebar);transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{padding:var(--spacing-xl);align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-border);min-height:var(--header-height);flex-shrink:0;display:flex}.sidebar-logo-icon{background:var(--color-gradient-primary);border-radius:var(--radius-md);color:#fff;width:36px;height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;opacity:1;transition:opacity var(--transition-fast)}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0;overflow:hidden}.sidebar-nav{padding:var(--spacing-md) 0;flex:1;overflow-y:auto}.sidebar-section{margin-bottom:var(--spacing-md)}.sidebar-section-title{padding:var(--spacing-sm) var(--spacing-xl);font-size:.6875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-section-title{text-align:center;padding:var(--spacing-sm) var(--spacing-md);font-size:0}.sidebar.collapsed .sidebar-section-title:before{content:"···";font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-link{align-items:center;gap:var(--spacing-md);padding:.5rem var(--spacing-xl);margin:2px var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:var(--color-text-primary);background:var(--color-bg-glass)}.sidebar-link.active{color:var(--color-accent-primary);background:var(--color-accent-primary-light)}.sidebar-link.active:before{content:"";background:var(--color-accent-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{flex-shrink:0;width:20px;height:20px}.sidebar-link-text{opacity:1;transition:opacity var(--transition-fast)}.sidebar.collapsed .sidebar-link-text{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .sidebar-link{margin:2px var(--spacing-sm);justify-content:center;padding:.6rem}.sidebar-link-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;font-size:.625rem;font-weight:var(--font-weight-bold);margin-left:auto;padding:.1rem .4rem}.sidebar.collapsed .sidebar-link-badge{min-width:14px;margin:0;padding:.05rem .25rem;font-size:.5625rem;position:absolute;top:2px;right:2px}.sidebar-footer{padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border);flex-shrink:0}.sidebar-toggle{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all var(--transition-fast);font-size:var(--font-size-xs);display:flex}.sidebar-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-glass)}.header{top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--color-bg-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);z-index:var(--z-header);padding:0 var(--spacing-2xl);transition:left var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:fixed}.app-layout.sidebar-collapsed .header{left:var(--sidebar-collapsed-width)}.header-left{align-items:center;gap:var(--spacing-lg);display:flex}.header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.header-breadcrumb{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:flex}.header-breadcrumb span{color:var(--color-text-secondary)}.header-right{align-items:center;gap:var(--spacing-base);display:flex}.header-search{position:relative}.header-search-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);width:240px;color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);padding:.45rem .75rem .45rem 2.25rem}.header-search-input:focus{border-color:var(--color-border-focus);width:320px;box-shadow:0 0 0 3px var(--color-accent-primary-light)}.header-search-icon{color:var(--color-text-muted);width:16px;height:16px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.header-notification{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-notification:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.header-notification-dot{background:var(--color-danger);border:2px solid var(--color-bg-header);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.header-user{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;padding:.3rem .75rem .3rem .3rem;display:flex}.header-user:hover{background:var(--color-bg-glass)}.header-avatar{background:var(--color-gradient-primary);color:#fff;width:32px;height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.header-user-info{flex-direction:column;display:flex}.header-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.2}.header-user-role{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.2}.auth-layout{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-layout:before{content:"";background:radial-gradient(at 20%,#6366f114 0%,#0000 50%),radial-gradient(at 80%,#8b5cf60f 0%,#0000 50%),radial-gradient(at 50% 100%,#6366f10a 0%,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite alternate authBgFloat;position:absolute;top:-50%;left:-50%}@keyframes authBgFloat{0%{transform:translate(0)rotate(0)}to{transform:translate(-2%,-2%)rotate(3deg)}}.auth-card{width:100%;max-width:420px;padding:var(--spacing-3xl);background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);z-index:1;animation:slideUp var(--transition-slow) ease-out;position:relative}.auth-logo{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-direction:column;display:flex}.auth-logo-icon{background:var(--color-gradient-primary);border-radius:var(--radius-lg);color:#fff;width:56px;height:56px;font-size:var(--font-size-2xl);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.auth-logo-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.auth-logo-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.auth-security-badge{border-radius:var(--radius-full);border:1px solid var(--color-accent-primary-light);color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:#6366f114;align-items:center;gap:6px;margin-top:2px;padding:6px 12px;display:inline-flex}.auth-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.auth-alert{border-radius:var(--radius-md);background:var(--color-danger-light);color:var(--color-danger);font-size:var(--font-size-sm);align-items:center;gap:8px;padding:10px 14px;display:flex}.auth-form .btn-primary{width:100%;font-size:var(--font-size-md);margin-top:var(--spacing-sm);padding:.75rem}.page-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-base);flex-wrap:wrap;display:flex}.page-header-left{gap:var(--spacing-xs);flex-direction:column;display:flex}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.page-header-right{align-items:center;gap:var(--spacing-sm);display:flex}.filter-bar{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.filter-bar .input,.filter-bar .select{width:auto;min-width:160px}.empty-state{padding:var(--spacing-4xl) var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:400px}.loading-spinner{padding:var(--spacing-4xl);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:18px;height:18px}.user-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--spacing-sm);animation:slideUp var(--transition-fast) ease-out;z-index:var(--z-dropdown);position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.user-dropdown-item:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.user-dropdown-item.danger{color:var(--color-danger)}.user-dropdown-divider{background:var(--color-border);height:1px;margin:var(--spacing-sm) 0}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);gap:0;display:flex}.tab{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000}.tab:hover{color:var(--color-text-secondary)}.tab.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.kpi-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.kpi-card{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);justify-content:space-between;align-items:flex-start;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi-gradient,var(--color-gradient-primary));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.kpi-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:hover:before{opacity:1}.kpi-info{gap:var(--spacing-sm);flex-direction:column;display:flex}.kpi-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.kpi-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.kpi-trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:4px;display:flex}.kpi-trend.up{color:var(--color-success)}.kpi-trend.down{color:var(--color-danger)}.kpi-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.charts-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}.chart-card{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.chart-card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.chart-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stats-grid{gap:var(--spacing-base);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-item{gap:var(--spacing-xs);padding:var(--spacing-base);background:var(--color-bg-glass);border-radius:var(--radius-md);flex-direction:column;display:flex}.stat-item-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.stat-item-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.pagination{justify-content:center;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xl);display:flex}.pagination-btn{border-radius:var(--radius-md);min-width:36px;height:36px;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled){background:var(--color-bg-glass);color:var(--color-text-primary)}.pagination-btn.active{background:var(--color-accent-primary);color:#fff}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0 var(--spacing-md)}@media (width<=768px){.sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{z-index:calc(var(--z-sidebar) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#00000080;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:all}.app-content{margin-left:0!important}.header{left:0!important}.page-wrapper{padding:var(--spacing-base);padding-top:calc(var(--header-height) + var(--spacing-base))}.kpi-grid{grid-template-columns:1fr 1fr}.charts-grid{grid-template-columns:1fr}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}}.premium-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);transition:transform .3s,box-shadow .3s,border-color .3s}.premium-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover);transform:translateY(-4px)}.timeline{gap:var(--spacing-lg);margin-top:var(--spacing-md);flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:10px;bottom:10px;left:19px}.timeline-item{gap:var(--spacing-md);z-index:1;display:flex;position:relative}.timeline-icon{border:4px solid var(--color-bg-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.timeline-content{background:var(--color-bg-glass);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);flex:1}.timeline-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.timeline-title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.timeline-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.progress-wrapper{margin-top:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--color-gradient-primary);height:100%;transition:width 1s ease-in-out}.funnel-container{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.funnel-stage{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-glass);border-radius:var(--radius-md);border:1px solid #0000;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.funnel-stage:hover{border-color:var(--color-accent-primary-light);transform:translate(4px)}.funnel-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.funnel-value{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.deal-item{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.deal-item:hover{background:var(--color-bg-glass)}.deal-item:last-child{border-bottom:none}.deal-info{align-items:center;gap:var(--spacing-md);display:flex}.deal-avatar{border-radius:var(--radius-md);background:var(--color-bg-tertiary);width:40px;height:40px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-weight:600;display:flex}.deal-details h4{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0}.deal-details p{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:4px 0 0}.deal-amount{color:var(--color-success);font-weight:700;font-size:var(--font-size-md)}