@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Lexend+Deca:wght@400;500;600;700;800&display=swap";:root{--primary: #0F7B5E;--primary-hover: #0B664C;--primary-strong: #084F3B;--primary-100: #D1EBE0;--primary-200: #A7D7C5;--primary-border: rgba(15,123,94,.22);--success: #059669;--success-hover: #047857;--success-100: #ECFDF5;--success-border: rgba(5,150,105,.22);--warning: #FF9900;--warning-100: #FFF5E6;--warning-border: rgba(255,153,0,.22);--danger: #E63946;--danger-hover: #CC333E;--danger-100: #FCEBEB;--danger-border: rgba(230,57,70,.2);--purple: #7B2CBF;--purple-100: #F3E8FF;--purple-border: rgba(123,44,191,.22);--bg: #F5F6F8;--bg-alt: #EAECEF;--surface: #FFFFFF;--surface-2: #F8F9FA;--surface-3: #F1F3F5;--surface-4: #DEE2E6;--surface-inverse: #1E2022;--border: #E2E8F0;--border-2: #CBD5E1;--border-3: #94A3B8;--border-focus: #0F7B5E;--ring: rgba(15,123,94,.18);--text: #0F172A;--text-2: #334155;--text-3: #64748B;--text-4: #94A3B8;--text-inv: #FFFFFF;--text-primary: #0B664C;--text-success: #047857;--text-warning: #B45309;--text-danger: #B91C1C;--text-purple: #6D28D9;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 8px 24px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.03);--shadow-lg: 0 12px 32px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);--shadow-xl: 0 20px 48px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.05);--shadow-2xl: 0 32px 64px rgba(0,0,0,.1), 0 16px 32px rgba(0,0,0,.06);--shadow-up: 0 -4px 16px rgba(0,0,0,.05);--shadow-primary: 0 4px 16px rgba(15,123,94,.22);--shadow-success: 0 4px 16px rgba(5,150,105,.18);--shadow-danger: 0 4px 16px rgba(230,57,70,.18);--r-xs: 3px;--r-sm: 6px;--r-md: 9px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 22px;--r-pill: 9999px;--ease: cubic-bezier(.4,0,.2,1);--spring: cubic-bezier(.34,1.4,.64,1);--fast: .13s;--normal: .21s;--slow: .34s;--nav-panel-w: 246px;--nav-panel-min: 60px;--topbar-h: 60px;--page-max: 1360px}:root{--color-brand-50: #e6f7f0;--color-brand-100: #b3e8d0;--color-brand-200: #80d9b0;--color-brand-300: #4dcb90;--color-brand-400: #26c07a;--color-brand-500: #10b981;--color-brand-600: #0d9e6e;--color-brand-700: #0a845b;--color-brand-800: #076b48;--color-brand-900: #045235;--color-gray-0: #ffffff;--color-gray-10: #f4f4f4;--color-gray-20: #e0e0e0;--color-gray-30: #c6c6c6;--color-gray-40: #a8a8a8;--color-gray-50: #8d8d8d;--color-gray-60: #6f6f6f;--color-gray-70: #525252;--color-gray-80: #393939;--color-gray-90: #262626;--color-gray-100: #161616;--color-success: #24a148;--color-success-bg: #defbe6;--color-warning: #f1c21b;--color-warning-bg: #fdf6dd;--color-danger: #da1e28;--color-danger-bg: #fff1f1;--color-info: #0f62fe;--color-info-bg: #edf5ff;--surface-page: var(--color-gray-10);--surface-0: var(--color-gray-0);--surface-1: var(--color-gray-0);--surface-2: var(--color-gray-10);--surface-3: var(--color-gray-20);--surface-overlay: rgba(22,22,22,.5);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-70);--text-helper: var(--color-gray-60);--text-disabled: var(--color-gray-40);--text-on-color: var(--color-gray-0);--text-brand: var(--color-brand-600);--border-subtle: var(--color-gray-20);--border-default: var(--color-gray-30);--border-strong: var(--color-gray-50);--border-focus: var(--color-brand-500);--shadow-1: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.04);--shadow-2: 0 1px 4px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04);--shadow-3: 0 2px 8px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04);--shadow-4: 0 4px 16px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.04);--shadow-5: 0 8px 32px rgba(0,0,0,.12), 0 16px 48px rgba(0,0,0,.04);--motion-duration-fast: .1s;--motion-duration-base: .2s;--motion-duration-slow: .4s;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);--motion-easing-accelerate: cubic-bezier(.3, 0, 1, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-arabic: "IBM Plex Sans Arabic", "Cairo", system-ui, sans-serif;--font-latin: "IBM Plex Sans", "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace;--type-label-sm: 11px;--type-label: 12px;--type-helper: 12px;--type-body-sm: 13px;--type-body: 14px;--type-body-lg: 16px;--type-heading-xs: 14px;--type-heading-sm: 16px;--type-heading-md: 20px;--type-heading-lg: 24px;--type-heading-xl: 28px;--type-display-sm: 36px;--type-display-md: 48px;--type-display-lg: 60px;--background: var(--surface-page);--foreground: var(--text-primary);--card: var(--surface-1);--card-foreground: var(--text-primary);--popover: var(--surface-1);--popover-foreground: var(--text-primary);--primary: var(--color-brand-500);--primary-foreground: var(--text-on-color);--secondary: var(--surface-2);--secondary-foreground: var(--text-primary);--muted: var(--surface-2);--muted-foreground: var(--text-helper);--accent: var(--color-info);--accent-foreground: var(--text-on-color);--destructive: var(--color-danger);--destructive-foreground: var(--text-on-color);--border: var(--border-subtle);--input: var(--border-default);--ring: var(--border-focus);--radius: var(--radius-md);--bg: var(--surface-page);--bg-overlay: var(--surface-overlay);--fg: var(--text-primary);--fg-2: var(--text-secondary);--fg-3: var(--text-helper);--brand: var(--color-brand-500);--brand-600: var(--color-brand-600);--raised: var(--surface-1);--surface: var(--surface-1);--text-muted: var(--text-helper);--text-tertiary: var(--text-helper);--text-inverse: var(--text-on-color);--success: var(--color-success);--warn: var(--color-warning);--warn-bg: var(--color-warning-bg);--warn-text: #7a5c00;--info: var(--color-info);--info-text: #0043ce;--shadow-sm: var(--shadow-2);--shadow-xl: var(--shadow-5);--s1: var(--space-1);--s2: var(--space-2);--s3: var(--space-3);--s4: var(--space-4);--s5: var(--space-5);--s6: var(--space-6);--mw-primary: var(--color-brand-600);--mw-primary-h: var(--color-brand-700);--mw-primary-hover: var(--color-brand-700);--mw-primary-light: var(--color-brand-50);--mw-primary-dim: rgba(16,185,129,.12);--mw-primary-soft: rgba(16,185,129,.12);--mw-accent: var(--color-info);--mw-accent-light: var(--color-info-bg);--mw-accent-dim: rgba(15,98,254,.12);--mw-navy: var(--color-gray-100);--mw-navy-2: var(--color-gray-90);--mw-navy-3: var(--color-gray-80);--mw-sales: var(--color-brand-600);--mw-sales-bg: var(--color-brand-50);--mw-inventory: #5b21b6;--mw-inventory-bg: #ede9fe;--mw-accounting: #92400e;--mw-accounting-bg: #fef3c7;--mw-finance: var(--mw-accounting);--mw-finance-bg: var(--mw-accounting-bg);--mw-hr: #9d174d;--mw-hr-bg: #fce7f3;--mw-operations: #0f5f7a;--mw-operations-bg: #e0f2fe;--mw-catalog: var(--color-info);--mw-catalog-bg: var(--color-info-bg);--mw-reports: #3730a3;--mw-reports-bg: #eef2ff;--mw-settings: var(--color-gray-70);--mw-settings-bg: var(--surface-2);--mw-page-category-color: var(--mw-sales);--mw-page-category-bg: var(--mw-sales-bg);--mw-bg: var(--surface-page);--mw-surface: var(--surface-1);--mw-surface-2: var(--surface-2);--mw-surface-3: var(--surface-3);--mw-surface-h: var(--surface-3);--mw-surface-hover: var(--surface-3);--mw-text: var(--text-primary);--mw-text-2: var(--text-secondary);--mw-text-3: var(--text-helper);--mw-text-muted: var(--text-helper);--mw-border: var(--border-subtle);--mw-border-2: var(--border-default);--mw-border-focus: rgba(16,185,129,.4);--mw-shadow-xs: var(--shadow-1);--mw-shadow-sm: var(--shadow-1);--mw-shadow-md: var(--shadow-2);--mw-shadow-lg: var(--shadow-3);--mw-shadow-xl: var(--shadow-5);--mw-shadow-nav: var(--shadow-2);--mw-success: var(--color-success);--mw-success-bg: var(--color-success-bg);--mw-warning: var(--color-warning);--mw-warning-bg: var(--color-warning-bg);--mw-danger: var(--color-danger);--mw-danger-bg: var(--color-danger-bg);--mw-info: var(--color-info);--mw-info-bg: var(--color-info-bg);--mw-nav-h: 60px;--mw-dept-h: 46px;--mw-total-nav: 106px;--mw-r-xs: var(--radius-sm);--mw-r-sm: 6px;--mw-r-md: var(--radius-md);--mw-r-lg: var(--radius-lg);--mw-r-xl: var(--radius-xl);--mw-r-2xl: 28px;--mw-radius-xs: var(--mw-r-xs);--mw-radius-sm: var(--mw-r-sm);--mw-radius-md: var(--mw-r-md);--mw-radius-lg: var(--mw-r-lg);--mw-radius-xl: var(--mw-r-xl);--mw-radius-2xl: var(--mw-r-2xl);--mw-fast: var(--motion-duration-fast) var(--motion-easing-standard);--mw-normal: var(--motion-duration-base) var(--motion-easing-standard);--mw-spring: cubic-bezier(.34,1.56,.64,1);--mw-font: var(--font-arabic);--mw-font-en: var(--font-latin);--mw-mono: var(--font-mono);--mw-nav-accent: var(--color-brand-500);--mw-premium-purple: var(--text-primary)}.dark,[data-theme=dark]{--surface-page: #0a0a0a;--surface-0: #161616;--surface-1: #1c1c1c;--surface-2: #262626;--surface-3: #393939;--surface-overlay: rgba(0,0,0,.7);--text-primary: #f4f4f4;--text-secondary: #c6c6c6;--text-helper: #8d8d8d;--text-disabled: #525252;--text-brand: var(--color-brand-300);--border-subtle: #262626;--border-default: #393939;--border-strong: #525252;--color-success-bg: #071908;--color-warning-bg: #1c1500;--color-danger-bg: #160b0b;--color-info-bg: #030d1e;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 1px 4px rgba(0,0,0,.5);--shadow-3: 0 2px 8px rgba(0,0,0,.6);--shadow-4: 0 4px 16px rgba(0,0,0,.7);--shadow-5: 0 8px 32px rgba(0,0,0,.8);--warn-text: #fcd34d;--info-text: #93c5fd;--mw-sales-bg: rgba(16,185,129,.12);--mw-inventory-bg: rgba(91,33,182,.18);--mw-accounting-bg: rgba(146,64,14,.18);--mw-hr-bg: rgba(157,23,77,.18);--mw-operations-bg: rgba(15,95,122,.18);--mw-catalog-bg: rgba(15,98,254,.16);--mw-reports-bg: rgba(55,48,163,.18);--mw-settings-bg: var(--surface-2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-arabic);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}html[lang=en]{font-family:var(--font-latin)}html,body,#root{height:100%}body{background:var(--surface-page);color:var(--text-primary);overflow-x:hidden}@media(max-width:768px){input,select,textarea{font-size:16px}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fade-up{animation:fadeUp var(--motion-duration-slow) var(--motion-easing-decelerate) both}.animate-fade-in{animation:fadeIn var(--motion-duration-base) ease both}.animate-scale-in{animation:scaleIn var(--motion-duration-base) var(--motion-easing-decelerate) both}.stagger>*{animation-fill-mode:both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);min-height:40px;font-family:inherit;font-size:var(--type-body);font-weight:600;line-height:1;letter-spacing:.01em;border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard);position:relative;overflow:hidden;text-decoration:none}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--motion-duration-fast)}.btn:hover:after{opacity:.06}.btn:active:after{opacity:.12}.btn-primary{background:var(--color-brand-500);color:#fff;box-shadow:0 1px 3px #10b9814d}.btn-primary:hover:not(:disabled){background:var(--color-brand-600);box-shadow:0 2px 8px #10b98159}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-default)}.btn-outline:hover:not(:disabled){border-color:var(--color-brand-500);color:var(--text-brand);background:var(--color-brand-50)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b81922}.btn-danger-outline{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn-danger-outline:hover:not(:disabled){background:var(--color-danger-bg)}.btn-xs{min-height:28px;padding:0 10px;font-size:var(--type-label);border-radius:var(--radius-sm)}.btn-sm{min-height:32px;padding:0 12px;font-size:var(--type-body-sm)}.btn-md{min-height:40px}.btn-lg{min-height:48px;padding:0 24px;font-size:var(--type-body-lg)}.btn-xl{min-height:56px;padding:0 32px;font-size:var(--type-heading-sm);border-radius:var(--radius-lg)}.btn-2xl{min-height:64px;padding:0 40px;font-size:var(--type-heading-md);border-radius:var(--radius-xl)}.btn-full{width:100%}.btn-icon{padding:0;width:40px}.btn-icon.btn-sm{width:32px}.btn-icon.btn-lg{width:48px}.btn-loading{pointer-events:none}.btn-loading .btn-text{opacity:0}.btn-loading .btn-spinner{position:absolute;display:flex;align-items:center;justify-content:center}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.input-label{font-size:var(--type-body-sm);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.input-label.required:after{content:"*";color:var(--color-danger);margin-inline-start:2px}.input{width:100%;min-height:40px;padding:0 12px;font-size:var(--type-body);font-family:inherit;color:var(--text-primary);background:var(--surface-0);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);box-sizing:border-box;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::-moz-placeholder{color:var(--text-disabled)}.input::placeholder{color:var(--text-disabled)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #10b98126}.input:disabled{background:var(--surface-2);color:var(--text-disabled);cursor:not-allowed}.input.input-error{border-color:var(--color-danger);box-shadow:0 0 0 3px #da1e281a}.input.input-sm{min-height:32px;padding:0 10px;font-size:var(--type-body-sm)}.input.input-lg{min-height:48px;padding:0 16px;font-size:var(--type-body-lg)}.auth-field{width:100%;min-height:40px;padding:0 12px;font-size:var(--type-body);font-family:inherit;color:var(--text-primary);background:var(--surface-0);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.auth-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #10b98126}.auth-field-icon-start{padding-inline-start:36px}.auth-field-icon-end{padding-inline-end:36px}.input-error-msg{font-size:var(--type-helper);color:var(--color-danger);display:flex;align-items:center;gap:4px;margin-top:2px}.input-hint{font-size:var(--type-helper);color:var(--text-helper);margin-top:2px}.input-search{padding-inline-start:36px;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='%238d8d8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}[dir=rtl] .input-search{padding-inline-start:12px;padding-inline-end:36px;background-position:calc(100% - 10px) center}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--surface-2);font-size:var(--type-heading-xs);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-3)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--surface-2);border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px)}.card-interactive{cursor:pointer;transition:box-shadow var(--motion-duration-base) var(--motion-easing-standard),border-color var(--motion-duration-base) var(--motion-easing-standard),transform var(--motion-duration-base) var(--motion-easing-standard)}.card-interactive:hover{box-shadow:var(--shadow-3);border-color:var(--border-default);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--type-label);font-weight:600;border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.badge-sm{padding:1px 6px;font-size:10px}.badge-lg{padding:4px 12px;font-size:var(--type-body-sm)}.badge-success{background:var(--color-success-bg);color:#0e6027;border-color:#a7f3c0}.badge-warning{background:var(--color-warning-bg);color:#7a5c00;border-color:#fde68a}.badge-danger{background:var(--color-danger-bg);color:#9b1c24;border-color:#fecaca}.badge-info{background:var(--color-info-bg);color:#0043ce;border-color:#bfdbfe}.badge-neutral{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-default)}.badge-brand{background:var(--color-brand-50);color:var(--color-brand-700);border-color:#a7f3d0}.dark .badge-success{background:#24a14826;color:#6ee7a0}.dark .badge-warning{background:#f1c21b26;color:#fcd34d}.dark .badge-danger{background:#da1e2826;color:#fca5a5}.dark .badge-info{background:#0f62fe26;color:#93c5fd}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-1);box-shadow:var(--shadow-1)}.data-table{width:100%;border-collapse:collapse;font-size:var(--type-body)}.data-table thead{background:var(--surface-2);position:sticky;top:0;z-index:1}.data-table thead th{padding:10px 16px;text-align:start;font-size:var(--type-label);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-helper);border-bottom:1px solid var(--border-subtle);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table thead th.sortable{cursor:pointer}.data-table thead th.sortable:hover{color:var(--text-primary)}.data-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--motion-duration-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr.selected{background:var(--color-brand-50)}.dark .data-table tbody tr.selected{background:#10b9811a}.data-table tbody td{padding:12px 16px;color:var(--text-primary);vertical-align:middle;max-width:300px;overflow:hidden;text-overflow:ellipsis}.data-table tbody td.mono{font-family:var(--font-mono);font-size:var(--type-body-sm);font-variant-numeric:tabular-nums}.table-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-2);font-size:var(--type-body-sm);color:var(--text-secondary)}.form-section{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.form-section+.form-section{margin-top:var(--space-4)}.form-section-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--surface-2);font-size:var(--type-heading-xs);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.form-section-body{padding:var(--space-6)}.form-row{display:flex;flex-direction:column;gap:var(--space-4)}.form-grid{display:grid;gap:var(--space-4)}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}@media(max-width:1024px){.form-grid-4,.form-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.form-sticky-footer{position:sticky;bottom:0;background:var(--surface-1);border-top:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);z-index:10;box-shadow:0 -4px 16px #0000000f}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 40%,var(--surface-2) 80%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;gap:var(--space-4)}.empty-state-icon{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-helper)}.empty-state-title{font-size:var(--type-heading-sm);font-weight:700;color:var(--text-primary)}.empty-state-desc{font-size:var(--type-body);color:var(--text-helper);max-width:360px;line-height:1.6}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:var(--type-heading-lg);font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.page-subtitle{font-size:var(--type-body);color:var(--text-helper);margin-top:4px}.stat-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-1);transition:box-shadow var(--motion-duration-base),transform var(--motion-duration-base)}.stat-card:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.stat-card-label{font-size:var(--type-body-sm);font-weight:600;color:var(--text-helper);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.stat-card-value{font-size:28px;font-weight:800;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;margin-bottom:var(--space-2)}.stat-card-trend{font-size:var(--type-body-sm);font-weight:600;display:flex;align-items:center;gap:3px}.stat-card-trend.up{color:var(--color-success)}.stat-card-trend.down{color:var(--color-danger)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--type-body)}.alert-icon{flex-shrink:0;margin-top:2px}.alert-title{font-weight:700;margin-bottom:3px}.alert-success{background:var(--color-success-bg);border-color:#a7f3c0;color:#0e6027}.alert-warning{background:var(--color-warning-bg);border-color:#fde68a;color:#7a5c00}.alert-danger{background:var(--color-danger-bg);border-color:#fecaca;color:#9b1c24}.alert-info{background:var(--color-info-bg);border-color:#bfdbfe;color:#0043ce}.tabs-list{display:flex;border-bottom:1px solid var(--border-subtle);gap:0;overflow-x:auto;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab-trigger{padding:10px 16px;font-size:var(--type-body);font-weight:500;color:var(--text-helper);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--motion-duration-fast),border-color var(--motion-duration-fast);margin-bottom:-1px}.tab-trigger:hover{color:var(--text-primary)}.tab-trigger[aria-selected=true]{color:var(--color-brand-600);border-bottom-color:var(--color-brand-500);font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--motion-duration-base) ease}.modal-panel{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-5);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:scaleIn var(--motion-duration-base) var(--motion-easing-decelerate)}.modal-panel-lg{max-width:760px}.modal-panel-xl{max-width:960px}.modal-panel-full{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}@media(max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;max-width:100%}}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);position:sticky;top:0;background:var(--surface-1);z-index:1}.modal-title{font-size:var(--type-heading-sm);font-weight:700}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-3);background:var(--surface-2)}.sidebar{width:256px;height:100%;background:var(--surface-1);border-inline-end:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:width var(--motion-duration-slow) var(--motion-easing-standard);overflow:hidden;flex-shrink:0}.sidebar.collapsed{width:60px}.nav-group-label{padding:16px 16px 6px;font-size:var(--type-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-helper);overflow:hidden;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:1px 6px;border-radius:var(--radius-md);font-size:var(--type-body);font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:background var(--motion-duration-fast),color var(--motion-duration-fast);white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item.active{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:700}.dark .nav-item.active{background:#10b9811f;color:var(--color-brand-300)}.nav-item-icon{flex-shrink:0}.nav-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{flex-shrink:0;font-size:10px;font-weight:800;background:var(--color-danger);color:#fff;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.topbar{height:56px;background:var(--surface-1);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-3);position:sticky;top:0;z-index:50;flex-shrink:0;box-shadow:var(--shadow-1)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-4);font-size:var(--type-body);min-width:300px;max-width:420px;animation:fadeUp var(--motion-duration-slow) var(--motion-easing-decelerate)}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn var(--motion-duration-base) ease}.command-panel{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-5);width:min(640px,calc(100vw - 32px));overflow:hidden;animation:scaleIn var(--motion-duration-base) var(--motion-easing-decelerate)}.command-input{width:100%;padding:14px 16px;font-size:var(--type-body-lg);background:transparent;border:none;border-bottom:1px solid var(--border-subtle);outline:none;color:var(--text-primary);font-family:inherit}.command-results{max-height:400px;overflow-y:auto}.command-section-label{padding:8px 14px 4px;font-size:var(--type-label);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-helper)}.command-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;cursor:pointer;transition:background var(--motion-duration-fast)}.command-item:hover,.command-item[aria-selected=true]{background:var(--surface-2)}.chart-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-1)}.chart-title{font-size:var(--type-heading-xs);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.chart-subtitle{font-size:var(--type-body-sm);color:var(--text-helper);margin-bottom:var(--space-5)}.hide-mobile{display:none!important}.show-mobile{display:flex!important}@media(min-width:768px){.hide-mobile{display:flex!important}.show-mobile{display:none!important}}:root{--card-radius: 12px;--card-radius-sm: 8px;--card-radius-lg: 16px;--card-padding: 24px;--card-padding-sm: 16px;--card-padding-lg: 32px;--card-border: 1px solid var(--mw-border);--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--card-shadow-hover: 0 8px 24px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--card-shadow-active: 0 2px 8px rgba(0,0,0,.08);--card-transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;--mw-bg-card: var(--mw-surface);--mw-bg-page: var(--mw-bg);--mw-border-strong: var(--mw-border-2);--mw-brand: var(--mw-primary);--mw-brand-subtle: var(--mw-primary-light);--mw-text-primary: var(--mw-text)}[data-theme=dark]{--card-shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--card-shadow-hover: 0 8px 24px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3)}.mw-card,.card,.mw-card-premium{background:var(--mw-bg-card);border:var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:var(--card-transition);position:relative;overflow:hidden}.mw-card--interactive{cursor:pointer}.mw-card--interactive:hover,.mw-card-hover:hover,.card-hover:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px);border-color:var(--mw-border-strong)}.mw-card--interactive:active{box-shadow:var(--card-shadow-active);transform:translateY(-1px)}.mw-card--kpi,.card.kpi{padding:20px 24px}.mw-card--kpi .kpi-label,.card.kpi .kpi-label{font-size:12px;font-weight:500;color:var(--mw-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.mw-card--kpi .kpi-value,.card.kpi .kpi-value{font-size:28px;font-weight:700;color:var(--mw-text-primary);line-height:1;margin-bottom:8px}.mw-card--kpi .kpi-trend,.card.kpi .kpi-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.kpi-trend--up,.kpi-trend.up{color:var(--mw-success)}.kpi-trend--down,.kpi-trend.down{color:var(--mw-danger)}.kpi-trend--neutral,.kpi-trend.neutral{color:var(--mw-text-muted)}.mw-card--kpi:before,.card.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--mw-brand);border-radius:var(--card-radius) var(--card-radius) 0 0}.mw-card--feature{padding:20px}.mw-card--feature .feature-icon{width:44px;height:44px;border-radius:10px;background:var(--mw-brand-subtle);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--mw-brand)}.mw-card--feature .feature-title{font-size:15px;font-weight:600;color:var(--mw-text-primary);margin-bottom:6px}.mw-card--feature .feature-desc{font-size:13px;color:var(--mw-text-muted);line-height:1.5}.mw-card--alert-success{border-right:4px solid var(--mw-success)}.mw-card--alert-warning{border-right:4px solid var(--mw-warning)}.mw-card--alert-danger{border-right:4px solid var(--mw-danger)}.mw-card--alert-info{border-right:4px solid var(--mw-info)}[dir=ltr] .mw-card--alert-success{border-right:none;border-left:4px solid var(--mw-success)}[dir=ltr] .mw-card--alert-warning{border-right:none;border-left:4px solid var(--mw-warning)}[dir=ltr] .mw-card--alert-danger{border-right:none;border-left:4px solid var(--mw-danger)}[dir=ltr] .mw-card--alert-info{border-right:none;border-left:4px solid var(--mw-info)}.mw-card--product{padding:0;overflow:hidden}.mw-card--product .product-image{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:var(--mw-bg-page);transition:transform .3s ease}.mw-card--product .product-info{padding:12px}.mw-card--product .product-name{font-size:14px;font-weight:500;color:var(--mw-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mw-card--product .product-price{font-size:16px;font-weight:700;color:var(--mw-brand)}.mw-card--product .product-stock{font-size:11px;padding:2px 8px;border-radius:20px}.mw-card--product:hover .product-image{transform:scale(1.04)}.mw-card--empty,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;border-style:dashed;border-color:var(--mw-border-strong)}.mw-card--empty .empty-icon,.empty-state-icon{width:64px;height:64px;border-radius:16px;background:var(--mw-bg-page);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--mw-text-muted)}.mw-card--empty .empty-title,.empty-state-title{font-size:16px;font-weight:600;color:var(--mw-text-primary);margin-bottom:6px}.mw-card--empty .empty-desc,.empty-state-description{font-size:13px;color:var(--mw-text-muted);max-width:280px;line-height:1.5;margin-bottom:20px}.mw-card--skeleton{pointer-events:none}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--mw-border) 25%,var(--mw-bg-page) 50%,var(--mw-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .mw-card{background:var(--mw-bg-card);border-color:var(--mw-border)}[data-theme=dark] .mw-card--feature .feature-icon{background:#1a6b4526}:root{--phase2-radius: 12px;--phase2-spacing-lg: 80px;--phase2-spacing-md: 48px;--phase2-spacing-sm: 24px}.phase2-landing{font-family:inherit;color:var(--text-primary);background:var(--surface-0)}.phase2-container{max-width:1200px;margin:0 auto;padding:0 var(--phase2-spacing-sm)}.phase2-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(var(--color-brand-rgb),.1);color:var(--color-brand-500);border-radius:var(--radius-full);font-size:13px;font-weight:500;margin-bottom:24px}.phase2-hero{position:relative;padding:var(--phase2-spacing-lg) var(--phase2-spacing-sm);overflow:hidden;background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-0) 100%)}.phase2-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(var(--color-brand-rgb),.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--color-success-rgb),.05) 0%,transparent 50%);pointer-events:none}.phase2-hero>.phase2-container{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--phase2-spacing-md);align-items:center}.phase2-hero__content{z-index:2}.phase2-hero__title{font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.2;margin:12px 0 20px;color:var(--text-primary)}.phase2-hero__title span{color:var(--color-brand-500)}.phase2-hero__subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px;max-width:500px}.phase2-hero__actions{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}.btn-lg{padding:14px 28px;font-size:16px;display:inline-flex;align-items:center;gap:12px;border-radius:var(--phase2-radius);font-weight:600;transition:all .2s ease}.btn-primary{background:var(--color-brand-500);color:#fff;border:none;cursor:pointer}.btn-primary:hover{background:var(--color-brand-600);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-brand-rgb),.3)}.btn-secondary{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer}.btn-secondary:hover{background:var(--surface-2);border-color:var(--border-emphasis)}.phase2-hero__trust{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--border-default)}.phase2-trust-item{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px}.phase2-trust-item svg{color:var(--color-success-500);flex-shrink:0}.phase2-mockup{background:var(--surface-1);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000001a;position:relative;z-index:2}.phase2-mockup__header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--border-default)}.phase2-mockup__dots{display:flex;gap:6px}.phase2-mockup__dots:before,.phase2-mockup__dots:after{content:""}.phase2-mockup__dots:before{width:8px;height:8px;background:#ff5f56;border-radius:50%}.phase2-mockup__dots:after{width:8px;height:8px;background:#ffbd2e;border-radius:50%}.phase2-mockup__url{font-size:12px;color:var(--text-secondary);font-family:monospace}.phase2-mockup__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.phase2-mockup__card{background:var(--surface-0);border-left:4px solid;padding:14px;border-radius:8px}.phase2-mockup__card span{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.phase2-mockup__card strong{display:block;font-size:18px;font-weight:700}.phase2-mockup__chart{display:flex;align-items:flex-end;justify-content:space-around;padding:20px;gap:6px;border-top:1px solid var(--border-default);min-height:120px}.phase2-mockup__bar{flex:1;background:linear-gradient(180deg,var(--color-brand-500) 0%,var(--color-brand-400) 100%);border-radius:4px 4px 0 0;min-width:8px}.phase2-section{padding:var(--phase2-spacing-lg) var(--phase2-spacing-sm)}.phase2-section--modules{background:var(--surface-0)}.phase2-section--usecases{background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-0) 100%)}.phase2-section--features{background:var(--surface-0)}.phase2-section--pricing{background:var(--surface-1)}.phase2-section--faq{background:var(--surface-0)}.phase2-section--cta{background:linear-gradient(135deg,var(--color-brand-500) 0%,var(--color-brand-600) 100%);color:#fff}.phase2-section__header{text-align:center;margin-bottom:var(--phase2-spacing-md)}.phase2-section__header h2{font-size:clamp(28px,4vw,48px);font-weight:700;margin-bottom:12px;line-height:1.2}.phase2-section__header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.phase2-section--cta .phase2-section__header p{color:#ffffffe6}.phase2-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--phase2-spacing-sm)}.phase2-module-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--phase2-radius);padding:24px;transition:all .3s ease;cursor:default}.phase2-module-card:hover{border-color:var(--color-brand-500);box-shadow:0 12px 40px rgba(var(--color-brand-rgb),.15);transform:translateY(-4px)}.phase2-module-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(var(--color-brand-rgb),.1);color:var(--color-brand-500);border-radius:12px;margin-bottom:16px}.phase2-module-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.phase2-module-card>p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.phase2-module-card__features{list-style:none;padding:0;margin:0}.phase2-module-card__features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);padding:4px 0}.phase2-module-card__features svg{color:var(--color-success-500);flex-shrink:0}.phase2-usecases-tabs{display:flex;gap:12px;margin-bottom:var(--phase2-spacing-md);justify-content:center;flex-wrap:wrap}.phase2-tab{padding:12px 24px;border:2px solid var(--border-default);background:var(--surface-0);border-radius:24px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}.phase2-tab:hover{border-color:var(--color-brand-500);color:var(--color-brand-500)}.phase2-tab.active{background:var(--color-brand-500);color:#fff;border-color:var(--color-brand-500)}.phase2-usecase-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--phase2-spacing-md);padding:var(--phase2-spacing-md);background:var(--surface-0);border-radius:var(--phase2-radius)}.phase2-usecase-left h3{font-size:28px;font-weight:700;margin-bottom:12px}.phase2-usecase-left>p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.phase2-benefits h4{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;margin-top:24px}.phase2-benefits ul{list-style:none;padding:0;margin:0 0 24px}.phase2-benefits li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text-primary);font-size:15px}.phase2-benefits svg{color:var(--color-success-500);flex-shrink:0}.phase2-module-tags{display:flex;flex-wrap:wrap;gap:8px}.phase2-tag{display:inline-block;background:rgba(var(--color-brand-rgb),.1);color:var(--color-brand-600);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.phase2-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--phase2-spacing-sm)}.phase2-feature-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--phase2-radius);padding:var(--phase2-spacing-sm);text-align:center;transition:all .3s ease}.phase2-feature-card:hover{border-color:var(--color-brand-500);box-shadow:0 12px 40px rgba(var(--color-brand-rgb),.1)}.phase2-feature-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:rgba(var(--color-brand-rgb),.1);color:var(--color-brand-500);border-radius:12px;margin:0 auto 16px}.phase2-feature-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.phase2-feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.phase2-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--phase2-spacing-sm);max-width:1200px;margin:0 auto}.phase2-pricing-card{background:var(--surface-0);border:2px solid var(--border-default);border-radius:var(--phase2-radius);padding:var(--phase2-spacing-sm);position:relative;transition:all .3s ease}.phase2-pricing-card.popular{border-color:var(--color-brand-500);box-shadow:0 20px 60px rgba(var(--color-brand-rgb),.15);transform:scale(1.05)}.phase2-badge-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-brand-500);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:600}.phase2-pricing-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.phase2-pricing-desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.phase2-pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:24px}.phase2-pricing-amount .currency{font-size:20px;color:var(--text-secondary)}.phase2-pricing-amount strong{font-size:48px;font-weight:700}.phase2-pricing-amount .period{font-size:14px;color:var(--text-secondary)}.phase2-pricing-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.phase2-pricing-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.phase2-pricing-features svg{color:var(--color-success-500);flex-shrink:0}.btn-full{width:100%;text-align:center;justify-content:center}.phase2-faq-list{max-width:800px;margin:0 auto}.phase2-faq-item{border-bottom:1px solid var(--border-default)}.phase2-faq-item last-child:{border-bottom:none}.phase2-faq-question{width:100%;padding:20px;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;color:var(--text-primary);transition:color .2s ease}.phase2-faq-question:hover{color:var(--color-brand-500)}.phase2-faq-question svg{transition:transform .3s ease;flex-shrink:0}.phase2-faq-question svg.open{transform:rotate(180deg)}.phase2-faq-answer{padding:0 20px 20px;color:var(--text-secondary);line-height:1.6;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phase2-cta-content{text-align:center;padding:var(--phase2-spacing-md)}.phase2-cta-content h2{font-size:42px;font-weight:700;margin-bottom:16px}.phase2-cta-content p{font-size:18px;margin-bottom:32px;opacity:.95}.phase2-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.phase2-cta-actions .btn-primary,.phase2-cta-actions .btn-secondary{background:#fff;color:var(--color-brand-600)}.phase2-cta-actions .btn-secondary{background:#ffffff26;color:#fff;border-color:#fff}.phase2-footer-cta{text-align:center;padding:24px var(--phase2-spacing-sm);background:var(--surface-1);color:var(--text-secondary);font-size:14px;border-top:1px solid var(--border-default)}@media(max-width:768px){:root{--phase2-spacing-lg: 48px;--phase2-spacing-md: 32px}.phase2-hero>.phase2-container{grid-template-columns:1fr}.phase2-hero__title{font-size:32px}.phase2-modules-grid,.phase2-usecase-content,.phase2-features-grid,.phase2-pricing-grid{grid-template-columns:1fr}.phase2-pricing-card.popular{transform:scale(1)}.phase2-section__header h2,.phase2-cta-content h2{font-size:28px}.phase2-hero__actions{flex-direction:column}.btn-lg{width:100%;justify-content:center}.phase2-cta-actions{flex-direction:column}.phase2-cta-actions .btn-lg{width:100%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){.phase2-mockup__dots:before{background:#ff6058}.phase2-mockup__dots:after{background:#ffbd44}}