:root{--oracle-blue: #0F4B9C;--oracle-teal: #00A3B2;--oracle-purple: #7B4DD1;--oracle-gradient: linear-gradient(135deg, #0F4B9C 0%, #00A3B2 100%);--sap-gray-10: #fafafa;--sap-gray-50: #f5f6f7;--sap-gray-90: #32363a;--sap-gray-100: #1d2226;--ms-blue: #0078d4;--ms-purple: #7160e8;--ms-green: #107c10;--ms-red: #d13438;--primary-gradient: linear-gradient(135deg, #0F4B9C 0%, #00A3B2 100%);--primary-blue: #0F4B9C;--deep-blue: #0d3d82;--electric-blue: #00A3B2;--success-emerald: #107c10;--warning-amber: #f59e0b;--error-coral: #d13438;--slate-50: #fafafa;--slate-100: #f5f6f7;--slate-600: #6b7280;--slate-700: #374151;--slate-800: #1e293b;--slate-900: #32363a;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .12);--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 20px 40px rgba(0,0,0,.1);--shadow-glow: 0 0 40px rgba(15, 75, 156, .15);--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, "SF Pro Display", "Segoe UI", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--border-radius-sm: 6px;--border-radius-lg: 12px;--border-radius-xl: 20px;--border-radius-round: 20px;font-family:var(--font-primary);line-height:1.6;font-weight:400;color-scheme:light;color:var(--slate-900);background-color:var(--slate-50);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary)}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--sap-gray-10);min-height:100vh;color:var(--sap-gray-90);line-height:1.6}.app{display:grid;grid-template-rows:60px 1fr;min-height:100vh;overflow-x:hidden;overflow-y:auto}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-blue: #0b63c5;--primary-dark: #084a96;--primary-light: #3a7bc8;--secondary-blue: #e8f0fe;--accent-orange: #ff6b00;--accent-purple: #667eea;--accent-purple-dark: #764ba2;--success: #28a745;--success-light: #d4edda;--warning: #ffc107;--warning-light: #fff3cd;--danger: #dc3545;--danger-light: #f8d7da;--info: #3b82f6;--info-light: #e8f4f8;--text-dark: #1e2a3a;--text-medium: #4a5568;--text-light: #718096;--border-light: #e2e8f0;--border-medium: #cbd5e0;--bg-light: #f8fafc;--bg-gray: #f7fafc;--white: #ffffff;--black: #000000;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 32px;--font-4xl: 40px;--font-5xl: 48px;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--letter-spacing-tight: -.05em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--space-0: 0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--sidebar-width: 280px;--sidebar-width-collapsed: 64px;--topbar-height: 70px;--max-content-width: 1440px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--card-shadow-hover: 0 10px 20px rgba(0, 0, 0, .1);--card-shadow-elevated: 0 12px 24px rgba(102, 126, 234, .15);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-light) 100%);--gradient-purple: linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-purple-dark) 100%);--gradient-success: linear-gradient(135deg, #28a745 0%, #20c997 100%);--gradient-warning: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);--gradient-danger: linear-gradient(135deg, #dc3545 0%, #c82333 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-base);line-height:var(--line-height-relaxed);color:var(--text-dark);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:var(--font-4xl);font-weight:var(--font-bold);line-height:var(--line-height-tight);color:var(--text-dark);margin-bottom:var(--space-md)}h2,.h2{font-size:var(--font-3xl);font-weight:var(--font-semibold);line-height:var(--line-height-tight);color:var(--text-dark);margin-bottom:var(--space-md)}h3,.h3{font-size:var(--font-2xl);font-weight:var(--font-semibold);line-height:var(--line-height-normal);color:var(--text-dark);margin-bottom:var(--space-sm)}h4,.h4{font-size:var(--font-xl);font-weight:var(--font-semibold);line-height:var(--line-height-normal);color:var(--text-dark);margin-bottom:var(--space-sm)}h5,.h5{font-size:var(--font-lg);font-weight:var(--font-semibold);line-height:var(--line-height-normal);color:var(--text-dark)}h6,.h6{font-size:var(--font-base);font-weight:var(--font-semibold);line-height:var(--line-height-normal);color:var(--text-dark)}p{margin-bottom:var(--space-md);color:var(--text-medium)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-4xl{font-size:var(--font-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-dark{color:var(--text-dark)}.text-medium{color:var(--text-medium)}.text-light{color:var(--text-light)}.text-primary{color:var(--primary-blue)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.m-0{margin:var(--space-0)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.mt-0{margin-top:var(--space-0)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:var(--space-0)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-0{padding:var(--space-0)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-semibold);line-height:1;cursor:pointer;transition:all var(--transition-base) var(--ease-in-out);border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn i{margin-right:var(--space-xs)}.btn-primary{background:var(--theme-gradient, var(--primary-blue));color:var(--white);border:none;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:var(--theme-primary, var(--primary-dark));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--primary-blue);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--secondary-blue);border-color:var(--primary-blue)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover:not(:disabled){background:#218838}.btn-warning{background:var(--warning);color:var(--text-dark)}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){background:#c82333}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-xs)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-base)}.card{background:var(--white);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--card-shadow);transition:transform var(--transition-slow) var(--ease-in-out),box-shadow var(--transition-slow) var(--ease-in-out)}.card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.card-title{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--text-dark)}.card-body{padding:var(--space-md) 0}.card-footer{padding-top:var(--space-md);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.card-bordered{border:1px solid var(--border-light)}.card-elevated{box-shadow:var(--card-shadow-elevated)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-semibold);line-height:1}.badge-primary{background-color:#0b63c51a;color:var(--primary-blue)}.badge-success{background-color:#28a7451a;color:var(--success)}.badge-warning{background-color:#ffc1071a;color:#856404}.badge-danger{background-color:#dc35451a;color:var(--danger)}.badge-info{background-color:#3b82f61a;color:var(--info)}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:var(--radius-full);margin-right:var(--space-xs)}.status-success{background-color:var(--success)}.status-warning{background-color:var(--warning)}.status-danger{background-color:var(--danger)}.status-info{background-color:var(--info)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--text-dark);margin-bottom:var(--space-xs)}.form-control{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-base);line-height:var(--line-height-normal);color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-base) var(--ease-in-out),box-shadow var(--transition-base) var(--ease-in-out)}.form-control:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0b63c51a}.form-control::placeholder{color:var(--text-light)}.form-control:disabled{background-color:var(--bg-light);cursor:not-allowed}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--space-lg)}.alert-success{background-color:var(--success-light);border-left-color:var(--success);color:#155724}.alert-warning{background-color:var(--warning-light);border-left-color:var(--warning);color:#856404}.alert-danger{background-color:var(--danger-light);border-left-color:var(--danger);color:#721c24}.alert-info{background-color:var(--info-light);border-left-color:var(--info);color:#004085}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}@media(max-width:1200px){:root{--sidebar-width: 240px;--font-4xl: 36px;--font-3xl: 28px}}@media(max-width:992px){:root{--sidebar-width: 100%;--font-4xl: 32px;--font-3xl: 24px;--font-2xl: 20px}}@media(max-width:768px){:root{--space-xl: 24px;--space-2xl: 32px;--font-4xl: 28px;--font-3xl: 22px}}@media(max-width:576px){:root{--space-lg: 16px;--space-xl: 20px;--topbar-height: 60px}}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.border{border:1px solid var(--border-light)}.border-top{border-top:1px solid var(--border-light)}.border-bottom{border-bottom:1px solid var(--border-light)}.border-left{border-left:1px solid var(--border-light)}.border-right{border-right:1px solid var(--border-light)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}:root{--primary-color: #667eea;--secondary-color: #764ba2;--gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.app{display:flex;min-height:100vh;height:100vh;background:var(--theme-bg, #f8fafc);padding-top:60px;padding-left:280px;overflow:hidden}.main-content-v2,.main-content{flex:1;padding:2rem;height:calc(100vh - 60px);width:calc(100vw - 280px);overflow-y:auto;background:var(--theme-bg, #f8fafc)}@media(max-width:768px){.app{padding-left:70px}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.card{background:var(--white);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--border-light);border-top:4px solid var(--primary-blue);transition:all var(--transition-slow) var(--ease-in-out)}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.card h3{color:var(--text-dark);font-size:var(--font-base);font-weight:var(--font-semibold);margin-bottom:var(--space-sm)}.card h4{color:var(--text-medium);font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px}.metric{font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--text-dark);line-height:var(--line-height-tight)}.card.card-primary{background:var(--gradient-primary);color:var(--white);border:none;border-top:none}.card.card-primary h3,.card.card-primary h4,.card.card-primary .metric{color:var(--white)}.card.card-success{border-top-color:var(--success)}.card.card-warning{border-top-color:var(--warning)}.card.card-danger{border-top-color:var(--danger)}.card.card-info{border-top-color:var(--info)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-light)}.page-header h1{margin-bottom:var(--space-xs)}.page-subtitle{font-size:var(--font-lg);color:var(--text-medium);font-weight:var(--font-normal)}.page-actions{display:flex;gap:var(--space-md)}.section{background:var(--white);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--card-shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.section-title{font-size:var(--font-2xl);font-weight:var(--font-semibold);color:var(--text-dark)}@media(max-width:1200px){.sidebar{width:240px}.main-content{margin-left:240px;width:calc(100vw - 240px)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:992px){.sidebar{width:100%;height:auto;position:relative;top:0;display:flex;overflow-x:auto;padding:var(--space-md) 0;flex-direction:row}.sidebar ul{display:flex;flex-direction:row;gap:var(--space-sm)}.sidebar a{white-space:nowrap;border-left:none;border-bottom:4px solid transparent}.sidebar a.active{border-left:none;border-bottom-color:var(--primary-blue)}.main-content{margin-left:0;margin-top:calc(var(--topbar-height) + 60px);width:100vw}}@media(max-width:768px){.main-content{padding:var(--space-md)}.dashboard-grid{grid-template-columns:1fr;gap:var(--space-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.page-actions{width:100%;justify-content:space-between}}@media(max-width:576px){.page h1,.metric{font-size:var(--font-3xl)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2.5rem;width:100%;max-width:440px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.auth-subtitle{font-size:.875rem;color:#6b7280;margin:0}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem}.alert-error{background-color:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.alert svg{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#374151}.form-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;transition:all .2s;background:#fff}.form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.form-input.input-error{border-color:#ef4444}.form-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:.75rem;color:#ef4444;margin-top:-.25rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:2.5rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.password-toggle:hover{color:#6b7280}.password-toggle:focus{outline:none;color:#8b5cf6}.form-options{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin-top:-.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.link-text{color:#8b5cf6;text-decoration:none;font-weight:500;transition:color .2s}.link-text:hover{color:#7c3aed;text-decoration:underline}.link-bold{font-weight:600}.btn{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-full{width:100%}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:#9ca3af;font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:#e5e7eb}.auth-divider span{padding:0 1rem}.demo-link{margin-top:1rem}@media(max-width:640px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}}.premium-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000026;overflow:hidden}.premium-sidebar.collapsed{width:72px}.sidebar-entity-selector{padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.entity-selector-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0d;border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:56px}.entity-selector-btn:hover{background:#ffffff1a}.entity-info{flex:1;min-width:0;overflow:hidden}.entity-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-type{font-size:11px;color:#ffffff80;text-transform:capitalize}.entity-dropdown-icon{color:#ffffff80;font-size:10px}.sidebar-collapse-btn{position:absolute;right:-12px;top:80px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #1e293b;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease;z-index:10}.sidebar-collapse-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #667eea80}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-section{margin-bottom:4px}.sidebar-section-header{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sidebar-section-header:hover{background:#ffffff08}.section-icon{color:#fff6;font-size:12px;width:20px;display:flex;align-items:center;justify-content:center}.section-title{flex:1;font-size:10px;font-weight:700;letter-spacing:1px;color:#fff6;text-transform:uppercase}.section-arrow{color:#ffffff4d;font-size:8px;transition:transform .2s ease}.sidebar-section-content{padding:4px 8px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:2px 0;border-radius:10px;color:#ffffffb3;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.sidebar-nav-item:hover{background:#ffffff14;color:#fff}.sidebar-nav-item.active{background:linear-gradient(135deg,#667eea33,#764ba233);color:#fff}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 3px 3px 0}.nav-icon{font-size:16px;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{flex:1;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{flex-shrink:0}.nav-badge .ant-badge-count{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:none;font-size:10px;min-width:16px;height:16px;line-height:16px}.premium-sidebar.collapsed .sidebar-entity-selector{padding:12px 8px}.premium-sidebar.collapsed .entity-selector-btn{justify-content:center;padding:8px}.premium-sidebar.collapsed .sidebar-section-header{justify-content:center;padding:12px 8px}.premium-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px 8px;margin:2px 8px}.premium-sidebar.collapsed .sidebar-section-content{padding:4px 0}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-version{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#fff6}.version-tag{background:#667eea33;color:#667eea;padding:2px 8px;border-radius:10px;font-weight:600}.premium-sidebar.collapsed .sidebar-nav-item:hover{background:linear-gradient(135deg,#667eea26,#764ba226)}.sidebar-section-content{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.premium-sidebar{transform:translate(-100%)}.premium-sidebar.open{transform:translate(0)}}.premium-topbar{position:fixed;top:0;left:280px;right:0;height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:99;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.sidebar-collapsed .premium-topbar{left:72px}.topbar-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.topbar-entity{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:10px;transition:all .2s ease}.topbar-entity:hover{background:#f1f5f9}.entity-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.entity-details{display:flex;flex-direction:column}.entity-name{font-size:14px;font-weight:600;color:#1e293b;line-height:1.3}.entity-meta{font-size:11px;color:#64748b}.topbar-divider{height:32px;border-color:#e2e8f0}.topbar-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px}.breadcrumb-link{color:#64748b;cursor:pointer;transition:color .2s}.breadcrumb-link:hover{color:#667eea}.breadcrumb-separator{font-size:8px;color:#cbd5e1}.breadcrumb-current{color:#1e293b;font-weight:500}.topbar-center{flex:1;max-width:480px;margin:0 32px}.topbar-search{width:100%;height:40px;border-radius:20px;background:#f1f5f9;border:1px solid transparent;transition:all .2s ease}.topbar-search:hover,.topbar-search:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.topbar-search .ant-input{background:transparent;font-size:13px}.topbar-search .ant-input-prefix{margin-right:8px}.topbar-right{display:flex;align-items:center;gap:8px}.quick-add-btn{height:36px;border-radius:18px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px #667eea4d;transition:all .2s ease}.quick-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#5a6fd6,#6b4190)}.topbar-icon-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#64748b;transition:all .2s ease}.topbar-icon-btn:hover{background:#f1f5f9;color:#667eea}.topbar-icon-btn .ant-badge{font-size:18px}.topbar-icon-btn .ant-badge-count{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:none;font-size:10px;min-width:16px;height:16px;line-height:16px}.topbar-profile{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:24px;cursor:pointer;transition:all .2s ease;margin-left:8px}.topbar-profile:hover{background:#f1f5f9}.profile-info{display:flex;flex-direction:column;text-align:left}.profile-name{font-size:13px;font-weight:600;color:#1e293b;line-height:1.2}.profile-role{font-size:11px;color:#64748b}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.notification-item .ant-badge-status-dot{width:8px;height:8px;margin-top:6px}@media(max-width:1200px){.topbar-entity,.topbar-divider{display:none}}@media(max-width:992px){.premium-topbar{left:72px}.topbar-center{margin:0 16px}.profile-info{display:none}.quick-add-btn span:not(.anticon){display:none}.quick-add-btn{width:36px;padding:0}}@media(max-width:768px){.premium-topbar{left:0;padding:0 16px}.topbar-breadcrumbs{display:none}}[data-theme=dark] .premium-topbar{background:#1e293b;border-bottom-color:#334155}[data-theme=dark] .entity-name,[data-theme=dark] .breadcrumb-current,[data-theme=dark] .profile-name{color:#f1f5f9}[data-theme=dark] .topbar-search{background:#0f172a}[data-theme=dark] .topbar-entity:hover,[data-theme=dark] .topbar-icon-btn:hover,[data-theme=dark] .topbar-profile:hover{background:#334155}