.app-root{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.page-header{background-color:var(--color-background-card);border-bottom:1px solid var(--color-border);padding:var(--spacing-xl) var(--spacing-4xl)}.page-header-content{display:flex;align-items:center;gap:var(--spacing-xl);max-width:var(--container-lg);margin:0 auto}.page-header-title{flex:1;text-align:left}.page-header-title h1{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-normal)}.page-header-subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-base);color:var(--color-primary-lighter);font-weight:var(--font-weight-normal)}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.page-header-user{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-text-primary);padding:var(--spacing-xs) 0}.page-header-user-icon{font-size:var(--spacing-lg)}.page-header-user-photo{width:28px;height:28px;border-radius:50%;object-fit:cover}.page-header-exit-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.page-header-exit-btn:hover{background-color:var(--color-background-light);border-color:var(--color-border-darker)}.page-header-exit-icon{font-size:var(--font-size-md);transform:rotate(45deg)}.app-header{background-color:var(--color-background-card);border-bottom:1px solid var(--color-border)}.app-header-top{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-3xl);gap:var(--spacing-2xl)}.header-back-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);min-width:80px}.header-back-btn:hover:not(:disabled){color:var(--color-primary-dark)}.header-back-btn:disabled{opacity:.3;cursor:not-allowed}.app-header-center{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;justify-content:center}.app-title{text-align:center}.app-title h1{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.app-subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.app-header-actions{display:flex;align-items:center;gap:var(--spacing-lg);min-width:200px;justify-content:flex-end}.app-user{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-text-primary)}.user-icon{font-size:var(--spacing-lg)}.exit-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.exit-btn:hover{background-color:var(--color-background-light);border-color:var(--color-border-darker)}.exit-icon{font-size:var(--font-size-md);transform:rotate(45deg)}.app-wizard{padding:var(--spacing-2xl) var(--spacing-4xl);background-color:var(--color-background-card);border-bottom:1px solid var(--color-border)}.wizard{display:flex;align-items:center;justify-content:center;max-width:var(--container-sm);margin:0 auto}.wizard-step{display:flex;flex-direction:column;align-items:center;background-color:transparent;border:none;cursor:pointer;transition:all var(--transition-base);padding:0;position:relative;outline:none}.wizard-step:focus{outline:none}.wizard-step:focus-visible{outline:none}.wizard-step:hover .wizard-step-indicator{transform:scale(1.05)}.wizard-step-indicator{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-gray);border:2px solid var(--color-border);margin-bottom:var(--spacing-md);transition:all var(--transition-base);position:relative;z-index:2}.wizard-step.completed .wizard-step-indicator{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.wizard-step.active .wizard-step-indicator{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-focus)}.wizard-step-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.wizard-step-icon svg{font-size:var(--font-size-2xl)}.wizard-step.active .wizard-step-icon,.wizard-step.completed .wizard-step-icon{color:var(--color-text-white)}.wizard-step-check{color:var(--color-text-white);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.wizard-connector{width:80px;height:2px;background-color:var(--color-border);margin:0 -8px 36px;position:relative;z-index:1}.wizard-step.completed+.wizard-connector{background-color:var(--color-primary-dark)}.wizard-step-content{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center;min-width:120px}.wizard-step-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.wizard-step-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal)}.wizard-step.active .wizard-step-label{color:var(--color-primary-dark)}.wizard-step.completed .wizard-step-label{color:var(--color-text-primary)}.app-content{flex:1;padding:var(--spacing-3xl)}.app-content-inner{max-width:var(--container-md);margin:0 auto}.app-bottom-nav{background-color:var(--color-background-light);border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-3xl)}.app-bottom-nav-inner{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-md);margin:0 auto}.nav-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-2xl);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent}.nav-btn-back{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border-medium)}.nav-btn-back:hover:not(:disabled){background-color:var(--color-background-card);border-color:var(--color-border-darker)}.nav-btn-next{background-color:var(--color-primary-dark);color:var(--color-text-white);border-color:var(--color-primary-dark)}.nav-btn-next:hover:not(:disabled){background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn-icon{font-size:var(--font-size-md);line-height:1}section{max-width:var(--container-md);margin:0 auto}.card{padding:2em;background-color:var(--color-background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 24px;background:#f3f7fb}.auth-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px}.auth-header h1{margin:0;font-size:28px;color:#16477a}.auth-header .version{font-size:12px;color:#7a93ab}.auth-content{width:100%;max-width:520px}.card-panel{background:#fff;padding:32px;border-radius:12px;box-shadow:0 10px 30px #19253014}.login-form{display:flex;flex-direction:column;gap:16px}.icon-top{width:56px;height:56px;border-radius:10px;background:#163f63;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:22px}.form-field .form-label{display:none}.input-wrapper{display:flex;align-items:center;border-radius:8px;background:#f6f8fa;padding:12px 14px;border:1px solid #e6eef6}.input-icon{margin-right:8px;color:#94a6bd}.text-input{border:none;outline:none;flex:1;background:transparent;font-size:14px;color:#163f63}.password-toggle{margin-top:6px;background:none;border:none;color:#516b84;font-size:13px;cursor:pointer}.primary-btn{width:100%;padding:12px 16px;background:#163f63;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.primary-btn[disabled]{opacity:.7;cursor:default}.forgot{text-align:center;color:#6b8aa3;margin-top:8px;font-size:13px}.form-error{color:#a33;font-size:13px}:root{--color-primary: #163f63;--color-primary-dark: #0f4c81;--color-primary-darker: #0d3d68;--color-primary-light: #1a5fb8;--color-primary-lighter: #4a90e2;--color-secondary: #6b8199;--color-secondary-light: #8a9fb5;--color-background: #f3f7fb;--color-background-light: #f8fafc;--color-background-card: #ffffff;--color-border: #e0e7ef;--color-border-light: #f0f4f8;--color-border-medium: #d0dae5;--color-border-dark: #c5d2e0;--color-border-darker: #b8c5d4;--color-accent-blue: #e6f2ff;--color-accent-blue-dark: #3d7ac7;--color-accent-gray: #e8eef5;--color-text-primary: #163f63;--color-text-secondary: #6b8199;--color-text-light: #8a9fb5;--color-text-white: #ffffff;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--font-family-base: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--line-height-tight: 1.2;--line-height-normal: 1.3;--line-height-relaxed: 1.5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--shadow-focus: 0 0 0 4px rgba(15, 76, 129, .1);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--z-index-dropdown: 1000;--z-index-modal: 1050;--z-index-tooltip: 1100;--container-sm: 900px;--container-md: 1200px;--container-lg: 1400px}.form-field{background-color:var(--color-background-light)}.form-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:block;text-transform:uppercase;font-size:var(--font-size-xs)}.form-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-section-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-xl)}.form-section-icon{color:var(--color-text-primary)}.form-subsection-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-subsection-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-md)}.form-subsection-icon{font-size:var(--font-size-xl);color:var(--color-text-secondary)}.btn-primary{background-color:var(--color-primary-dark);color:var(--color-text-white);transition:background-color var(--transition-base)}.btn-primary:hover{background-color:var(--color-primary-darker)}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border-medium);transition:all var(--transition-base)}.btn-secondary:hover{border-color:var(--color-border-darker);background-color:var(--color-background-light)}.chip-carrier{height:20px;font-size:var(--font-size-xs);border-radius:var(--radius-sm);background-color:var(--color-accent-gray);color:var(--color-text-primary);border:1px solid var(--color-border-medium)}.datagrid-header{background-color:var(--color-background-light);border-bottom:1px solid var(--color-border);border-radius:0}.datagrid-header-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base)}.datagrid-cell{border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-md);color:var(--color-text-primary)}.datagrid-row:hover{background-color:var(--color-background-light)}.datagrid-company-link{color:var(--color-primary-lighter);font-weight:var(--font-weight-medium)}.icon-btn{color:var(--color-text-secondary);transition:color var(--transition-base)}.icon-btn:hover{color:var(--color-text-primary)}:root{font-family:var(--font-family-base);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-weight-medium);color:var(--color-primary-lighter);text-decoration:inherit;transition:color var(--transition-base)}a:hover{color:var(--color-primary-light)}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}button{border-radius:var(--radius-lg);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:all var(--transition-base)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}