.monday-client-container{display:flex;min-height:100vh;background:var(--monday-bg);font-family:var(--monday-font-family);color:var(--monday-text-primary)}.monday-client-sidebar{width:var(--sidebar-width);background:var(--monday-white);border-right:var(--card-border);box-shadow:var(--monday-shadow);position:fixed;left:0;top:0;height:100vh;z-index:var(--z-sidebar);display:flex;flex-direction:column;transition:var(--monday-transition-normal);overflow:hidden}.monday-client-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.monday-sidebar-header{height:var(--sidebar-header-height);padding:var(--sidebar-padding);border-bottom:var(--card-border);display:flex;align-items:center;justify-content:space-between;background:var(--monday-white)}.monday-logo{display:flex;align-items:center;gap:var(--monday-spacing-sm);font-size:var(--monday-text-xl);font-weight:var(--monday-font-bold);color:var(--client-accent-primary);text-decoration:none;transition:var(--monday-transition-fast)}.monday-logo:hover{color:var(--client-accent-primary-dark)}.monday-logo-icon{width:32px;height:32px;background:var(--client-accent-primary);border-radius:var(--monday-radius);display:flex;align-items:center;justify-content:center;color:var(--monday-white);font-size:18px;font-weight:var(--monday-font-bold)}.monday-sidebar-toggle{width:32px;height:32px;border:none;background:transparent;border-radius:var(--monday-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--monday-text-secondary);transition:var(--monday-transition-fast)}.monday-sidebar-toggle:hover{background:var(--monday-bg);color:var(--monday-text-primary)}.monday-sidebar-nav{flex:1;padding:var(--monday-spacing-md) 0;overflow-y:auto;overflow-x:hidden}.monday-nav-section{margin-bottom:var(--monday-spacing-lg)}.monday-nav-section-title{padding:0 var(--sidebar-padding);margin-bottom:var(--monday-spacing-sm);font-size:var(--monday-text-xs);font-weight:var(--monday-font-semibold);color:var(--monday-text-tertiary);text-transform:uppercase;letter-spacing:.05em;transition:var(--monday-transition-fast)}.monday-sidebar.collapsed .monday-nav-section-title{opacity:0;pointer-events:none}.monday-nav-items{list-style:none;padding:0;margin:0}.monday-nav-item{margin-bottom:2px}.monday-nav-link{display:flex;align-items:center;gap:var(--monday-spacing-md);padding:12px var(--sidebar-padding);color:var(--monday-text-secondary);text-decoration:none;font-size:var(--monday-text-base);font-weight:var(--monday-font-medium);border-radius:0 var(--monday-radius) var(--monday-radius) 0;margin-right:var(--monday-spacing-sm);transition:var(--monday-transition-fast);position:relative;overflow:hidden}.monday-nav-link:hover{background:var(--monday-bg);color:var(--monday-text-primary)}.monday-nav-link.active{background:var(--client-accent-primary-light);color:var(--client-accent-primary);font-weight:var(--monday-font-semibold)}.monday-nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--client-accent-primary)}.monday-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--monday-transition-fast)}.monday-nav-icon svg{width:100%;height:100%;color:inherit;transition:var(--monday-transition-fast)}.monday-nav-text{flex:1;transition:var(--monday-transition-fast);white-space:nowrap;overflow:hidden}.monday-sidebar.collapsed .monday-nav-text{opacity:0;transform:translate(-10px)}.monday-nav-badge{background:var(--monday-red);color:var(--monday-white);font-size:var(--monday-text-xs);font-weight:var(--monday-font-semibold);padding:2px 6px;border-radius:var(--monday-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:var(--monday-transition-fast)}.monday-sidebar-footer{padding:var(--sidebar-padding);border-top:var(--card-border);background:var(--monday-white)}.monday-user-profile{display:flex;align-items:center;gap:var(--monday-spacing-sm);padding:var(--monday-spacing-sm);border-radius:var(--monday-radius);cursor:pointer;transition:var(--monday-transition-fast)}.monday-user-profile:hover{background:var(--monday-bg)}.monday-user-avatar{width:32px;height:32px;border-radius:var(--monday-radius-full);background:var(--client-accent-primary);display:flex;align-items:center;justify-content:center;color:var(--monday-white);font-size:var(--monday-text-sm);font-weight:var(--monday-font-semibold);flex-shrink:0}.monday-user-info{flex:1;min-width:0;transition:var(--monday-transition-fast)}.monday-sidebar.collapsed .monday-user-info{opacity:0;transform:translate(-10px)}.monday-user-name{font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);color:var(--monday-text-primary);line-height:var(--monday-leading-tight);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monday-user-role{font-size:var(--monday-text-xs);color:var(--monday-text-tertiary);line-height:var(--monday-leading-tight);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monday-client-sidebar .monday-logo-icon{background:linear-gradient(135deg,var(--client-accent-primary),var(--client-accent-primary-dark));box-shadow:var(--client-shadow-sm)}.monday-client-sidebar .monday-nav-link.active{background:var(--client-accent-primary-light);color:var(--client-accent-primary)}.monday-client-sidebar .monday-nav-link.active:before{background:var(--client-accent-primary)}.monday-client-sidebar .monday-user-avatar{background:linear-gradient(135deg,var(--client-accent-primary),var(--client-accent-primary-dark))}.monday-main-container{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:var(--monday-transition-normal);background:var(--monday-bg)}.monday-client-sidebar.collapsed+.monday-main-container{margin-left:var(--sidebar-width-collapsed)}.monday-header{height:var(--header-height);background:var(--monday-white);border-bottom:var(--card-border);padding:var(--header-padding);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-header);box-shadow:var(--monday-shadow)}.monday-breadcrumbs{display:flex;align-items:center;gap:var(--monday-spacing-sm)}.monday-breadcrumb{display:flex;align-items:center;gap:var(--monday-spacing-sm);font-size:var(--monday-text-sm);color:var(--monday-text-secondary)}.monday-breadcrumb-link{color:var(--monday-text-secondary);text-decoration:none;transition:var(--monday-transition-fast)}.monday-breadcrumb-link:hover{color:var(--client-accent-primary)}.monday-breadcrumb-current{color:var(--monday-text-primary);font-weight:var(--monday-font-medium)}.monday-breadcrumb-separator{color:var(--monday-text-tertiary);font-size:var(--monday-text-xs)}.monday-header-left{display:flex;align-items:center;gap:var(--monday-spacing-md)}.monday-header-actions{display:flex;align-items:center;gap:var(--monday-spacing-sm)}.monday-mobile-menu-button{display:none;width:40px;height:40px;border:none;background:transparent;border-radius:var(--monday-radius-sm);cursor:pointer;align-items:center;justify-content:center;color:var(--monday-text-primary);transition:var(--monday-transition-fast)}.monday-mobile-menu-button:hover{background:var(--monday-bg)}.monday-main-content{flex:1;padding:var(--main-padding);max-width:var(--main-max-width);margin:0 auto;width:100%;background:var(--monday-bg)}.monday-client-header{background:var(--monday-white);border-bottom:var(--card-border);box-shadow:var(--monday-shadow)}.monday-client-header .monday-button-primary{background:var(--client-accent-primary);border-color:var(--client-accent-primary)}.monday-client-header .monday-button-primary:hover{background:var(--client-accent-primary-dark);border-color:var(--client-accent-primary-dark)}.monday-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:var(--monday-transition-normal)}.monday-sidebar-overlay.active{opacity:1;visibility:visible}@media (max-width: 1024px){.monday-client-sidebar{transform:translate(-100%)}.monday-client-sidebar.mobile-open{transform:translate(0)}.monday-main-container{margin-left:0}.monday-client-header{padding:var(--monday-spacing-md) var(--monday-spacing-lg)}.monday-main-content{padding:var(--monday-spacing-lg)}}@media (max-width: 768px){.monday-client-sidebar{width:280px}.monday-client-header{padding:var(--monday-spacing-sm) var(--monday-spacing-md)}.monday-main-content{padding:var(--monday-spacing-md)}.monday-breadcrumbs{display:none}.monday-nav-icon{width:24px;height:24px}.monday-nav-link{padding:14px var(--sidebar-padding);min-height:48px}.monday-sidebar-toggle{width:40px;height:40px}.monday-user-profile{padding:var(--monday-spacing-md);min-height:48px}.monday-user-avatar{width:36px;height:36px}}@media (max-width: 480px){.monday-client-sidebar{width:100vw}.monday-main-content{padding:var(--monday-spacing-sm)}.monday-client-header{padding:var(--monday-spacing-xs) var(--monday-spacing-sm)}.monday-nav-link{padding:16px var(--sidebar-padding);min-height:52px}.monday-nav-icon{width:26px;height:26px}.monday-sidebar-header{padding:var(--monday-spacing-sm)}.monday-logo{font-size:var(--monday-text-lg)}.monday-logo-icon{width:28px;height:28px;font-size:16px}.monday-user-avatar{width:40px;height:40px;font-size:var(--monday-text-base)}}@keyframes client-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.monday-client-container .monday-main-content>*{animation:client-fade-in .4s ease-out;animation-fill-mode:both}.monday-client-container .monday-main-content>*:nth-child(1){animation-delay:.1s}.monday-client-container .monday-main-content>*:nth-child(2){animation-delay:.2s}.monday-client-container .monday-main-content>*:nth-child(3){animation-delay:.3s}.monday-client-container .monday-main-content>*:nth-child(4){animation-delay:.4s}.monday-client-sidebar:focus-within,.monday-nav-link:focus{outline:2px solid var(--client-accent-primary);outline-offset:2px}.monday-client-sidebar,.monday-main-container,.monday-client-header{will-change:transform,margin-left;transform:translateZ(0)}.monday-client-sidebar .monday-nav-link:hover .monday-nav-icon svg{transform:scale(1.05);color:var(--client-accent-primary)}.monday-client-sidebar .monday-nav-link.active .monday-nav-icon svg{transform:scale(1.1);color:var(--client-accent-primary)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.monday-nav-icon svg{shape-rendering:geometricPrecision}}@media (pointer: coarse){.monday-client-sidebar .monday-nav-link,.monday-button{min-height:44px;touch-action:manipulation}.monday-nav-link:hover,.monday-card:hover{transform:none}.monday-nav-link:active{transform:scale(.98);background:var(--client-accent-primary-light)}.monday-button:active{transform:scale(.95)}}.monday-client-container .monday-button-primary{background:var(--client-accent-primary);border-color:var(--client-accent-primary);box-shadow:var(--client-shadow-sm)}.monday-client-container .monday-button-primary:hover{background:var(--client-accent-primary-dark);border-color:var(--client-accent-primary-dark);box-shadow:var(--client-shadow-md);transform:translateY(-2px)}.monday-client-container .monday-card{border:var(--card-border);box-shadow:var(--monday-shadow);transition:all var(--monday-transition-normal)}.monday-client-container .monday-card:hover{box-shadow:var(--client-shadow-md);transform:translateY(-2px)}:root{--monday-blue: #0073EA;--monday-blue-hover: #005BB5;--monday-blue-light: rgba(0, 115, 234, .1);--monday-blue-dark: #004A96;--monday-bg: #F8F9FA;--monday-white: #FFFFFF;--monday-black: #000000;--monday-text-primary: #323338;--monday-text-secondary: #676879;--monday-text-tertiary: #9699A6;--monday-green: #00D395;--monday-green-light: rgba(0, 211, 149, .1);--monday-red: #E2445C;--monday-red-light: rgba(226, 68, 92, .1);--monday-yellow: #FFCB00;--monday-yellow-light: rgba(255, 203, 0, .1);--monday-purple: #A25DDC;--monday-purple-light: rgba(162, 93, 220, .1);--monday-border: 1px solid #E4E6EF;--monday-shadow: 0 4px 20px rgba(0, 0, 0, .08);--monday-shadow-hover: 0 6px 30px rgba(0, 0, 0, .12);--client-accent-primary: #0073EA;--client-accent-primary-light: rgba(0, 115, 234, .1);--client-accent-primary-dark: #004A96;--client-accent-success: #00D395;--client-accent-success-light: rgba(0, 211, 149, .1);--client-accent-warning: #FFCB00;--client-accent-warning-light: rgba(255, 203, 0, .1);--client-accent-error: #E2445C;--client-accent-error-light: rgba(226, 68, 92, .1);--client-bg-primary: #FFFFFF;--client-bg-secondary: #FAFBFC;--client-bg-tertiary: #F5F6F8;--client-bg-quaternary: #E8EAED;--client-text-primary: #323338;--client-text-secondary: #676879;--client-text-tertiary: #9699A6;--client-text-muted: #B8BCC8;--sidebar-width: 280px;--sidebar-width-collapsed: 70px;--sidebar-padding: 24px;--sidebar-header-height: 80px;--header-height: 70px;--header-padding: 0 32px;--main-padding: 32px;--main-max-width: 1400px;--card-padding: 24px;--card-padding-sm: 16px;--card-border: var(--monday-border);--card-radius: var(--monday-radius);--monday-spacing-xs: 4px;--monday-spacing-sm: 8px;--monday-spacing-md: 16px;--monday-spacing-lg: 24px;--monday-spacing-xl: 32px;--monday-spacing-2xl: 48px;--monday-spacing-3xl: 64px;--monday-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--monday-text-xs: 12px;--monday-text-sm: 14px;--monday-text-base: 16px;--monday-text-lg: 18px;--monday-text-xl: 24px;--monday-text-2xl: 32px;--monday-text-3xl: 40px;--monday-font-light: 300;--monday-font-normal: 400;--monday-font-medium: 500;--monday-font-semibold: 600;--monday-font-bold: 700;--monday-font-extrabold: 800;--monday-leading-tight: 1.25;--monday-leading-snug: 1.375;--monday-leading-normal: 1.5;--monday-leading-relaxed: 1.625;--monday-radius: 8px;--monday-radius-sm: 6px;--monday-radius-md: 12px;--monday-radius-lg: 16px;--monday-radius-xl: 24px;--monday-radius-full: 50px;--monday-transition-fast: .15s ease-out;--monday-transition-normal: .25s ease-out;--monday-transition-slow: .35s ease-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-overlay: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-sidebar: 1020;--z-header: 1010;--client-shadow-sm: 0 2px 8px rgba(0, 115, 234, .08);--client-shadow-md: 0 4px 16px rgba(0, 115, 234, .12);--client-shadow-lg: 0 8px 32px rgba(0, 115, 234, .16);--client-shadow-xl: 0 16px 48px rgba(0, 115, 234, .2);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.monday-client-sidebar,.monday-client-header{--monday-blue: var(--client-accent-primary);--monday-blue-hover: var(--client-accent-primary-dark);--monday-blue-light: var(--client-accent-primary-light)}.monday-client-logo{background:linear-gradient(135deg,var(--client-accent-primary),var(--client-accent-primary-dark));box-shadow:var(--client-shadow-sm)}.monday-client-avatar{background:linear-gradient(135deg,var(--client-accent-primary),var(--client-accent-primary-dark))}@media (prefers-reduced-motion: reduce){:root{--monday-transition-fast: 0ms;--monday-transition-normal: 0ms;--monday-transition-slow: 0ms}}@media (prefers-contrast: high){:root{--monday-border: 2px solid #000000;--monday-text-tertiary: #444444;--client-text-tertiary: #444444}}.monday-client-container{--monday-primary: var(--client-accent-primary);--monday-primary-hover: var(--client-accent-primary-dark);--monday-primary-light: var(--client-accent-primary-light)}.monday-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--monday-spacing-sm);padding:12px 20px;font-family:var(--monday-font-family);font-size:var(--monday-text-sm);font-weight:var(--monday-font-semibold);line-height:var(--monday-leading-tight);border-radius:var(--monday-radius);border:1px solid transparent;cursor:pointer;transition:all var(--monday-transition-fast);text-decoration:none;white-space:nowrap;position:relative}.monday-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.monday-button-primary{background:var(--client-accent-primary);color:var(--monday-white);border-color:var(--client-accent-primary);box-shadow:var(--client-shadow-sm)}.monday-button-primary:hover{background:var(--client-accent-primary-dark);border-color:var(--client-accent-primary-dark);box-shadow:var(--client-shadow-md);transform:translateY(-1px)}.monday-button-secondary{background:var(--monday-white);color:var(--monday-text-primary);border-color:var(--monday-border)}.monday-button-secondary:hover{background:var(--monday-bg);border-color:var(--client-accent-primary);color:var(--client-accent-primary)}.monday-button-small{padding:8px 16px;font-size:var(--monday-text-xs)}.monday-button-large{padding:16px 32px;font-size:var(--monday-text-base)}.monday-button-badge{position:absolute;top:-6px;right:-6px;background:var(--monday-red);color:var(--monday-white);font-size:10px;font-weight:var(--monday-font-bold);padding:2px 6px;border-radius:var(--monday-radius-full);min-width:18px;text-align:center;line-height:1}.monday-card{background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);box-shadow:var(--monday-shadow);overflow:hidden;transition:all var(--monday-transition-normal)}.monday-card:hover{box-shadow:var(--client-shadow-md);transform:translateY(-2px)}.monday-card-header{padding:var(--card-padding);border-bottom:var(--card-border);background:var(--monday-bg)}.monday-card-title{font-size:var(--monday-text-lg);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary);margin:0}.monday-card-content{padding:var(--card-padding)}.monday-card-footer{padding:var(--card-padding);border-top:var(--card-border);background:var(--monday-bg)}.monday-metric-card{background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);padding:var(--card-padding);box-shadow:var(--monday-shadow);transition:all var(--monday-transition-normal);cursor:pointer;position:relative;overflow:hidden}.monday-metric-card:hover{box-shadow:var(--client-shadow-md);transform:translateY(-4px)}.monday-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--client-accent-primary),var(--client-accent-primary-dark))}.monday-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--monday-spacing-md)}.monday-metric-icon{width:48px;height:48px;border-radius:var(--monday-radius);background:var(--client-accent-primary-light);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--client-accent-primary)}.monday-metric-trend{font-size:var(--monday-text-xs);font-weight:var(--monday-font-semibold);padding:4px 8px;border-radius:var(--monday-radius-sm);background:var(--monday-green-light);color:var(--monday-green)}.monday-metric-trend.negative{background:var(--monday-red-light);color:var(--monday-red)}.monday-metric-value{font-size:32px;font-weight:var(--monday-font-extrabold);color:var(--monday-text-primary);line-height:1;margin-bottom:var(--monday-spacing-xs)}.monday-metric-label{font-size:var(--monday-text-sm);color:var(--monday-text-secondary);font-weight:var(--monday-font-medium)}.monday-grid{display:grid;gap:var(--monday-spacing-lg)}.monday-grid.grid-2{grid-template-columns:repeat(2,1fr)}.monday-grid.grid-3{grid-template-columns:repeat(3,1fr)}.monday-grid.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.monday-grid.grid-4,.monday-grid.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.monday-grid.grid-4,.monday-grid.grid-3,.monday-grid.grid-2{grid-template-columns:1fr}}.monday-table-container{background:var(--monday-white);border-radius:var(--monday-radius);box-shadow:var(--monday-shadow);overflow:hidden}.monday-table{width:100%;border-collapse:collapse}.monday-table th{background:var(--monday-bg);padding:var(--monday-spacing-md);text-align:left;font-size:var(--monday-text-xs);font-weight:var(--monday-font-semibold);color:var(--monday-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--card-border)}.monday-table td{padding:var(--monday-spacing-md);border-bottom:var(--card-border);color:var(--monday-text-primary);font-size:var(--monday-text-sm)}.monday-table tbody tr:hover{background:var(--client-accent-primary-light)}.monday-table tbody tr:last-child td{border-bottom:none}.monday-table-cell-avatar{display:flex;align-items:center;gap:var(--monday-spacing-sm)}.monday-table-avatar{width:32px;height:32px;border-radius:var(--monday-radius-full);background:var(--client-accent-primary);color:var(--monday-white);display:flex;align-items:center;justify-content:center;font-size:var(--monday-text-sm);font-weight:var(--monday-font-semibold)}.monday-table-user-name{font-weight:var(--monday-font-medium);color:var(--monday-text-primary)}.monday-table-user-email{font-size:var(--monday-text-xs);color:var(--monday-text-secondary)}.monday-status-badge{display:inline-flex;align-items:center;gap:var(--monday-spacing-xs);padding:4px 8px;border-radius:var(--monday-radius-sm);font-size:var(--monday-text-xs);font-weight:var(--monday-font-semibold);text-transform:uppercase;letter-spacing:.05em}.monday-status-badge.active{background:var(--monday-green-light);color:var(--monday-green)}.monday-status-badge.pending{background:var(--monday-yellow-light);color:var(--monday-yellow)}.monday-status-badge.inactive{background:var(--monday-red-light);color:var(--monday-red)}.monday-status-badge.client{background:var(--client-accent-primary-light);color:var(--client-accent-primary)}.monday-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--monday-spacing-3xl);color:var(--monday-text-secondary)}.monday-spinner{width:24px;height:24px;border:3px solid var(--monday-bg);border-top:3px solid var(--client-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--monday-spacing-md)}@keyframes monday-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes monday-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes monday-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.monday-text-center{text-align:center}.monday-text-left{text-align:left}.monday-text-right{text-align:right}.monday-hidden{display:none}.monday-visible{display:block}.monday-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.monday-button:focus,.monday-card:focus,.monday-table tbody tr:focus{outline:2px solid var(--client-accent-primary);outline-offset:2px}@media print{.monday-sidebar,.monday-header,.monday-button{display:none}.monday-main-content{margin:0;padding:0}.monday-card{border:1px solid #000;box-shadow:none;margin-bottom:var(--monday-spacing-lg);page-break-inside:avoid}}.client-profile{max-width:1600px;margin:0 auto;padding:0;background:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;color:#000}.profile-header{background:#fff;padding:48px 40px;margin:0;border:none;border-bottom:2px solid #e5e7eb;position:relative;overflow:hidden;z-index:1;color:#000}.profile-header .header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.profile-header .header-left{display:flex;align-items:center;gap:20px}.profile-header .header-icon{width:64px;height:64px;background:linear-gradient(135deg,#0073ea,#005bb5);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 20px 25px -5px #0073ea66,0 10px 10px -5px #0073ea4d,inset 0 1px #fff3;animation:profilePulse 3s ease-in-out infinite}@keyframes profilePulse{0%,to{transform:scale(1);box-shadow:0 20px 25px -5px #0073ea66,0 10px 10px -5px #0073ea4d,inset 0 1px #fff3}50%{transform:scale(1.05);box-shadow:0 25px 35px -5px #0073ea80,0 15px 15px -5px #0073ea66,inset 0 1px #ffffff4d}}.profile-header .header-text h1{font-size:32px;font-weight:700;color:#000;margin:0 0 8px;letter-spacing:-.025em}.profile-header .header-text p{font-size:16px;color:#666;margin:0;font-weight:400;letter-spacing:.01em}.profile-header .header-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.enterprise-metrics{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.metric-item{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.metric-item label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.8px}.client-id,.plan-name{font-size:14px;font-weight:600;color:#000;background:#f3f4f6;padding:6px 12px;border-radius:8px;border:1px solid #d1d5db}.plan-name{text-transform:capitalize;background:#e0f2fe;border:1px solid #0073ea;color:#0073ea}.enterprise-dashboard{display:flex;flex-direction:column;gap:32px}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.metric-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#0073ea,#00c875);transition:width .4s ease}.metric-card:hover{transform:translateY(-4px);border-color:#0073ea33;box-shadow:0 20px 40px #0073ea26,0 0 0 1px #fff3,inset 0 1px #ffffff4d}.metric-card:hover:before{width:8px}.metric-icon{font-size:32px;width:64px;height:64px;background:linear-gradient(135deg,#0073ea1a,#00c8751a);border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,115,234,.2)}.metric-content label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:4px}.metric-value{font-size:24px;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.025em}.feature-matrix{background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:32px;box-shadow:0 4px 6px #0000001a}.feature-matrix h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 24px;letter-spacing:-.025em;position:relative;padding-left:20px}.feature-matrix h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#0073ea,#00c875);border-radius:2px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.feature-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;transition:all .3s ease;border:2px solid transparent}.feature-item.active{background:linear-gradient(135deg,#00c8751a,#0096570d);border-color:#00c87533}.feature-item.inactive{background:#9ca3af0d;border-color:#9ca3af1a}.feature-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.feature-item.active .feature-status{background:#dcfce7;color:#166534;border:2px solid #166534;box-shadow:0 4px 12px #00c8754d}.feature-item.inactive .feature-status{background:#9ca3af33;color:#9ca3af;border:2px solid rgba(156,163,175,.3)}.feature-item span:last-child{font-size:15px;font-weight:600;color:#1e293b}.profile-status{display:flex;align-items:center;gap:12px}.status-badge{padding:10px 18px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;position:relative;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001f,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-badge:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#fff3,#ffffff0d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.status-badge.active{background:#fff;color:#000;border:2px solid #e5e7eb;animation:none}@keyframes statusPulse{0%,to{box-shadow:0 8px 32px #00c8754d,inset 0 1px #fff3}50%{box-shadow:0 12px 40px #00c87580,inset 0 1px #ffffff4d}}.status-badge.pending{background:#fef3c7;color:#d97706;border:2px solid #d97706}.status-badge.pending_completion{background:#dbeafe;color:#1d4ed8;border:2px solid #1d4ed8}.profile-content{padding:40px;max-width:1400px;margin:0 auto}.profile-section{margin-bottom:40px;border:2px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1}.profile-section:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0073ea,#00c875,#fdab3d,#ff5e5e,#bb67d9);opacity:.9}.profile-section:after{content:"";position:absolute;top:6px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,115,234,.2) 50%,transparent 100%)}.profile-section:hover{transform:translateY(-4px);box-shadow:0 35px 70px -12px #0000001f,0 0 0 1px #ffffff26,inset 0 1px #ffffff4d}.section-header{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 24px;border-bottom:1px solid rgba(241,245,249,.6);position:relative}.section-header:after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,115,234,.3) 50%,transparent 100%)}.section-header h2{font-size:22px;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.025em;position:relative}.section-header h2:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#0073ea,#00c875);border-radius:2px}.edit-button{padding:12px 24px;border:1px solid rgba(0,115,234,.2);border-radius:12px;background:linear-gradient(135deg,#0073ea0d,#fffc);color:#0073ea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.edit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.edit-button:hover:before{left:100%}.edit-button:hover{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;border-color:#0073ea;transform:translateY(-2px);box-shadow:0 12px 25px #0073ea40,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.edit-button:active{transform:translateY(0)}.edit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#9ca3af1a;color:#9ca3af;border-color:#9ca3af33}.edit-button:disabled:hover{transform:none;box-shadow:none}.section-content{padding:32px}.info-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.info-item{display:flex;flex-direction:column;padding:20px;background:#fff;border-radius:16px;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d}.info-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0073ea,#00c875);opacity:0;transition:opacity .3s ease}.info-item:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0073ea14,0 0 0 1px #0073ea1a,inset 0 1px #ffffff80}.info-item:hover:before{opacity:1}.info-item label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;position:relative}.info-item label:after{content:"";position:absolute;bottom:-4px;left:0;width:24px;height:2px;background:linear-gradient(90deg,#0073ea,#00c875);border-radius:1px}.info-item p{font-size:16px;color:#1e293b;margin:0;font-weight:600;letter-spacing:-.01em}.plan-type{text-transform:capitalize;font-weight:700;background:linear-gradient(135deg,#0073ea,#00c875);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edit-form{display:flex;flex-direction:column;gap:24px;background:#fff;padding:32px;border-radius:20px;border:2px solid #e5e7eb;box-shadow:0 4px 6px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-field{display:flex;flex-direction:column;position:relative}.form-field label{font-size:14px;font-weight:600;color:#475569;margin-bottom:8px;letter-spacing:.025em}.form-field input,.form-field select{padding:16px 20px;border:2px solid rgba(0,115,234,.1);border-radius:12px;font-size:15px;color:#1e293b;background:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);font-weight:500}.form-field input::placeholder,.form-field select::placeholder{color:#94a3b8;font-weight:400}.form-field input:focus,.form-field select:focus{outline:none;border-color:#0073ea;background:#fff;box-shadow:0 0 0 4px #0073ea1a,0 8px 25px #0073ea26;transform:translateY(-2px)}.form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid rgba(241,245,249,.6)}.save-button,.cancel-button{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.save-button{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;border-color:#0073ea;box-shadow:0 8px 25px #0073ea40,inset 0 1px #fff3}.save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.save-button:hover:before{left:100%}.save-button:hover{background:linear-gradient(135deg,#005bb5,#004494);border-color:#005bb5;transform:translateY(-2px);box-shadow:0 12px 35px #0073ea59,inset 0 1px #ffffff4d}.save-button:active{transform:translateY(0)}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#9ca3af80;border-color:#9ca3af80;box-shadow:none}.cancel-button{background:#ffffffe6;color:#64748b;border-color:#64748b4d;box-shadow:0 4px 15px #0000000d,inset 0 1px #fff3}.cancel-button:hover{background:#f8fafc;color:#475569;border-color:#64748b66;transform:translateY(-2px);box-shadow:0 8px 25px #00000014,inset 0 1px #ffffff4d}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:#fff;min-height:60vh}.loading-spinner{width:48px;height:48px;border:3px solid rgba(0,115,234,.1);border-top:3px solid #0073ea;border-radius:50%;animation:ultraSpin 1.2s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:24px;box-shadow:0 8px 25px #0073ea33}@keyframes ultraSpin{0%{transform:rotate(0);box-shadow:0 8px 25px #0073ea33}50%{transform:rotate(180deg);box-shadow:0 12px 35px #0073ea4d}to{transform:rotate(360deg);box-shadow:0 8px 25px #0073ea33}}.profile-loading p{color:#64748b;font-size:16px;font-weight:500;margin:0;letter-spacing:.025em}.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:20px;margin:40px;box-shadow:0 4px 6px #0000001a}.profile-error p{color:#dc2626;font-size:18px;font-weight:600;margin-bottom:24px;letter-spacing:-.025em}.profile-error button{padding:14px 28px;background:#fff;color:#dc2626;border:2px solid #dc2626;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a}.profile-error button:hover{background:#fef2f2;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.profile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:#fff;border-radius:20px;margin:40px;border:2px solid #e5e7eb;box-shadow:0 4px 6px #0000001a}.profile-empty h2{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:12px;letter-spacing:-.025em}.profile-empty p{color:#64748b;font-size:16px;font-weight:500;margin:0;letter-spacing:.025em}@media (min-width: 1600px){.profile-content{padding:60px}.profile-header{padding:48px 60px}.dashboard-metrics{grid-template-columns:repeat(4,1fr);gap:32px}.feature-grid{grid-template-columns:repeat(4,1fr)}.info-display{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px) and (max-width: 1599px){.profile-content{padding:50px}.profile-header{padding:40px 50px}.profile-header .header-icon{width:72px;height:72px;font-size:32px}.profile-header .header-text h1{font-size:36px}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-display{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.enterprise-metrics{flex-direction:row;align-items:center;gap:24px}}@media (min-width: 768px) and (max-width: 1199px){.profile-header .header-content{flex-direction:row;align-items:center;gap:24px}.enterprise-metrics{flex-direction:row;flex-wrap:wrap;gap:12px}.metric-item{flex:1;min-width:150px;text-align:center}.profile-content,.profile-header{padding:32px}.profile-header .header-content{gap:24px}.profile-header .header-text h1{font-size:28px}.section-content{padding:28px}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.info-display{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.enterprise-metrics{flex-direction:column;align-items:flex-end;gap:12px}.metric-card{padding:20px;gap:14px}.metric-icon{width:56px;height:56px;font-size:28px}.metric-value{font-size:20px}}@media (max-width: 767px){.client-profile{padding:0;background:#fff}.profile-content{padding:20px 16px}.profile-header{padding:24px 20px;margin:0}.profile-header .header-content{flex-direction:column;align-items:flex-start;gap:20px}.profile-header .header-left{gap:16px;width:100%}.profile-header .header-icon{width:56px;height:56px;font-size:24px}.profile-header .header-text h1{font-size:24px;line-height:1.2}.profile-header .header-text p{font-size:14px;line-height:1.4}.profile-header .header-right{align-items:flex-start;width:100%}.enterprise-metrics{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%}.metric-item{flex:1;min-width:100px;align-items:center;text-align:center}.metric-item label{font-size:10px;margin-bottom:4px}.client-id,.plan-name{font-size:12px;padding:4px 8px}.section-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 20px 16px}.section-header h2{font-size:18px}.section-content{padding:20px}.dashboard-metrics{grid-template-columns:1fr;gap:16px}.metric-card{padding:18px;gap:12px;flex-direction:column;text-align:center}.metric-icon{width:48px;height:48px;font-size:24px;margin:0 auto}.metric-content{text-align:center}.metric-value{font-size:18px}.feature-matrix{padding:20px}.feature-matrix h3{font-size:16px;margin-bottom:16px;padding-left:16px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-item{padding:12px 16px;justify-content:center;text-align:center}.form-row{grid-template-columns:1fr;gap:20px}.info-display{grid-template-columns:1fr;gap:16px}.info-item{padding:16px;text-align:center}.info-item label{font-size:12px;margin-bottom:8px}.info-item p{font-size:14px;word-break:break-word}.info-item{padding:16px}.form-actions{flex-direction:column-reverse;gap:12px}.save-button,.cancel-button{width:100%;text-align:center;padding:16px 24px}.edit-form{padding:20px}.form-field input,.form-field select{padding:14px 16px;font-size:15px}}@media (max-width: 640px){.profile-header .header-left{flex-direction:row;gap:12px;align-items:center}.profile-header .header-icon{width:48px;height:48px;font-size:20px;flex-shrink:0}.profile-header .header-text h1{font-size:20px;line-height:1.2}.profile-header .header-text p{font-size:13px;line-height:1.3}.section-header h2{font-size:16px}.section-header h2:before{display:none}.status-badge{padding:6px 10px;font-size:10px;letter-spacing:.5px}.enterprise-metrics{flex-direction:column;gap:6px}.metric-item{min-width:100%;padding:6px 0}.client-id,.plan-name{font-size:11px;padding:3px 6px}.dashboard-metrics{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:14px;gap:8px;min-height:120px;display:flex;flex-direction:column;justify-content:center}.metric-icon{width:40px;height:40px;font-size:20px}.metric-content label{font-size:11px}.metric-value{font-size:16px}.feature-matrix{padding:16px}.feature-matrix h3{font-size:14px;margin-bottom:12px;padding-left:12px}.feature-item{padding:10px 12px;font-size:13px}.feature-status{width:20px;height:20px;font-size:12px}}@media (max-width: 480px){.profile-content{padding:12px 8px}.profile-header{padding:16px 12px}.profile-header .header-left{gap:10px}.profile-header .header-icon{width:40px;height:40px;font-size:18px}.profile-header .header-text h1{font-size:18px;line-height:1.2}.profile-header .header-text p{font-size:12px;line-height:1.3}.section-header{padding:16px 16px 12px}.section-content,.edit-form{padding:16px}.form-field input,.form-field select{padding:12px 14px;font-size:14px;min-height:44px;border-radius:8px}.info-item{padding:12px}.info-item label{font-size:10px}.info-item p{font-size:14px}.dashboard-metrics{grid-template-columns:1fr;gap:10px}.metric-card{padding:12px;gap:6px;min-height:100px;border-radius:16px}.metric-icon{width:36px;height:36px;font-size:18px}.metric-content label{font-size:10px}.metric-value{font-size:14px}.feature-matrix{padding:12px}.feature-matrix h3{font-size:13px;margin-bottom:10px;padding-left:10px}.feature-item{padding:8px 10px;font-size:12px;border-radius:8px;min-height:44px;display:flex;align-items:center}.feature-status{width:18px;height:18px;font-size:11px}.edit-button{padding:10px 16px;min-height:44px;font-size:13px}.save-button,.cancel-button{padding:14px 20px;min-height:48px;font-size:14px;border-radius:10px}.profile-loading,.profile-error,.profile-empty{padding:40px 16px;margin:12px}}@media (max-width: 360px){.enterprise-metrics{flex-direction:column;gap:12px}.metric-item{width:100%;min-width:auto;padding:8px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.metric-item label{font-size:11px;color:#666;margin-bottom:4px}.client-id,.plan-name,.status-badge{font-size:11px;padding:6px 10px}.profile-content{padding:8px 6px}.profile-header{padding:12px 8px}.profile-header .header-left{gap:8px}.profile-header .header-icon{width:36px;height:36px;font-size:16px}.profile-header .header-text h1{font-size:16px;line-height:1.2}.profile-header .header-text p{font-size:11px;line-height:1.3}.section-header{padding:12px 12px 8px}.section-header h2{font-size:14px}.section-content,.edit-form{padding:12px}.form-field input,.form-field select{padding:10px 12px;font-size:13px;min-height:42px}.save-button,.cancel-button{padding:12px 16px;font-size:13px;min-height:44px}.enterprise-metrics{gap:4px}.metric-item{padding:4px 0}.client-id,.plan-name{font-size:10px;padding:2px 4px}.status-badge{padding:4px 6px;font-size:9px}.metric-card{padding:8px;min-height:80px;border-radius:12px}.metric-icon{width:30px;height:30px;font-size:16px}.metric-content label{font-size:9px}.metric-value{font-size:12px}.feature-matrix{padding:8px}.feature-matrix h3{font-size:12px;margin-bottom:8px;padding-left:8px}.feature-item{padding:6px 8px;font-size:11px;min-height:40px}.feature-status{width:16px;height:16px;font-size:10px}.info-item{padding:8px}.info-item label{font-size:9px}.info-item p{font-size:12px}}@media (prefers-reduced-motion: reduce){.profile-section,.edit-button,.save-button,.cancel-button,.info-item,.loading-spinner,.metric-card,.feature-item,.profile-header .header-icon{animation:none!important;transition:none!important}.profile-section:hover,.edit-button:hover,.save-button:hover,.cancel-button:hover,.info-item:hover,.metric-card:hover{transform:none!important}}@media (prefers-contrast: high){.profile-section{border:2px solid currentColor;background:Canvas;color:CanvasText}.status-badge{border:2px solid currentColor;background:Highlight;color:HighlightText}.metric-card{border:2px solid currentColor;background:Canvas}.edit-button,.save-button,.cancel-button{border:2px solid currentColor;background:ButtonFace;color:ButtonText}}@media (hover: none) and (pointer: coarse){.edit-button,.save-button,.cancel-button{min-height:44px;padding:12px 20px}.form-field input,.form-field select{min-height:44px;font-size:16px}.metric-card{min-height:80px;padding:16px}.feature-item{min-height:44px;padding:12px 16px}.profile-section:hover,.edit-button:hover,.metric-card:hover,.info-item:hover{transform:none;box-shadow:inherit}}@media (prefers-reduced-data: reduce){.profile-header:before,.profile-header:after,.profile-section:before,.profile-section:after{display:none}.client-profile:before{display:none}.edit-button:before,.save-button:before{display:none}}@media (prefers-color-scheme: dark){.client-profile{background:#fff!important;color:#000!important}.profile-section,.info-item{background:#fff!important;border-color:#e5e7eb!important}.info-item label{color:#64748b!important}.info-item p{color:#1e293b!important}.metric-card{background:#fff!important;border-color:#e5e7eb!important}.metric-content label{color:#64748b!important}.metric-value{color:#1e293b!important}.feature-matrix{background:#fff!important;border-color:#e5e7eb!important}.feature-matrix h3{color:#1e293b!important}.feature-item span:last-child{color:#1e293b!important}}@media print{.client-profile{background:#fff!important;color:#000!important}.profile-header{background:#fff!important;color:#000!important;box-shadow:none!important}.profile-section{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;margin-bottom:20px}.edit-button,.save-button,.cancel-button{display:none!important}.enterprise-dashboard{break-inside:avoid}.dashboard-metrics{display:block!important}.metric-card{display:inline-block;width:48%;margin:1%;background:#fff!important;border:1px solid #ccc!important}}.client-billing{background:#fff;min-height:100vh;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0;margin:0}.billing-header{background:#fff;color:#000;padding:2rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center;gap:1.5rem}.header-icon{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.header-content h1{font-size:2.25rem;font-weight:800;margin:0 0 .5rem;color:#000;letter-spacing:-.02em}.header-content p{font-size:1.1rem;color:#6b7280;margin:0;font-weight:400;line-height:1.5}.header-right{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-end}.billing-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;min-width:200px}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{font-size:.85rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.1rem;color:#fff;font-weight:700;background:#000;padding:.25rem .5rem;border-radius:4px;display:inline-block}.plan-status{display:flex;align-items:center}.back-button{background:#f3f4f6!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#374151!important;padding:8px 12px!important;margin-right:16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:14px!important;transition:all .2s ease!important;text-decoration:none!important}.back-button:hover{background:#e5e7eb!important;border-color:#9ca3af!important;color:#111827!important}.billing-content{max-width:1200px;margin:0 auto;padding:0 2rem 3rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.section-title h2{font-size:1.75rem;font-weight:800;color:#000;margin:0 0 .5rem;letter-spacing:-.025em}.section-title p{color:#6b7280;margin:0;font-size:1rem;line-height:1.6;font-weight:500}.current-plan-section{margin-bottom:3rem}.plan-price{background:#000;color:#fff;padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:baseline;gap:.5rem}.price-amount{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:#fff}.price-period{font-size:1rem;font-weight:600;opacity:.9}.current-plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000001a;display:grid;grid-template-columns:1fr 350px;gap:2rem;transition:all .3s ease}.current-plan-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.plan-badge{display:inline-flex;align-items:center;gap:.75rem;background:#000;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.badge-icon{font-size:1.25rem}.plan-description{color:#6b7280;margin:0 0 2rem;font-size:1.1rem;line-height:1.6;font-weight:500}.features-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.feature-item:hover{background:#f3f4f6;border-color:#d1d5db}.feature-icon{background:#000;color:#fff;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-text{font-size:.95rem;font-weight:600;color:#000;line-height:1.5}.plan-metrics{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.metrics-grid{display:grid;grid-template-columns:1fr;gap:1rem}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.metric-card:hover{box-shadow:0 1px 3px #0000001a;border-color:#d1d5db}.metric-icon{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.metric-content{flex:1}.metric-content label{display:block;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.metric-content p{font-size:1rem;font-weight:700;color:#fff;margin:0;line-height:1.3;background:#000;padding:.25rem .5rem;border-radius:4px;display:inline-block}.status-active{color:#059669!important}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:#000}.plan-card.popular{border-color:#000;border-width:2px}.plan-card.current{background:#f9fafb;border-color:#059669;border-width:2px}.popular-badge,.current-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid #ffffff}.popular-badge{background:#000;color:#fff}.current-badge{background:#059669;color:#fff}.plan-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.plan-header h3{font-size:1.3rem;font-weight:700;color:#000;margin:0 0 1rem}.plan-header .price{font-size:2.25rem;font-weight:800;color:#fff;line-height:1;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.plan-header .period{font-size:.9rem;color:#6b7280;font-weight:500;margin-left:.5rem}.plan-features{margin-bottom:1.5rem}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:flex-start;padding:.5rem 0;font-size:.9rem;color:#000;border-bottom:1px solid #f3f4f6}.plan-features li:last-child{border-bottom:none}.feature-check{color:#059669;font-weight:700;margin-right:.75rem;font-size:1rem;flex-shrink:0;margin-top:.1rem}.plan-action{text-align:center}.plan-btn{width:100%;padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid;position:relative;overflow:hidden}.plan-btn.primary{background:#000;color:#fff;border-color:#000}.plan-btn.primary:hover{background:#374151;border-color:#374151;transform:translateY(-1px)}.plan-btn.secondary{background:#fff;color:#000;border-color:#e5e7eb}.plan-btn.secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.current-plan-btn{width:100%;padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;background:#059669;color:#fff;border:2px solid #059669;cursor:not-allowed}.payment-section,.history-section{margin-bottom:3rem}.payment-method-card{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;background:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.payment-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;flex:1}.info-item{display:flex;flex-direction:column}.info-item label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.info-item p{font-size:1rem;font-weight:600;color:#000;margin:0;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.payment-actions{margin-left:1.5rem}.payment-methods-preview{display:flex;gap:1rem;margin-bottom:1rem}.method-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.85rem;font-weight:500}.method-item .paypal-icon{width:1rem;height:1rem;color:#0070ba}.method-item svg{width:1rem;height:1rem;color:#10b981}.payment-info-text{color:#6b7280;font-size:.9rem;margin:0;font-style:italic}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;border:1px solid}.btn.btn-outline{background:#fff;color:#000;border-color:#e5e7eb}.btn.btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.btn.btn-secondary{background:#f3f4f6;color:#000;border-color:#e5e7eb}.btn.btn-secondary:hover{background:#e5e7eb}.payment-history{border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000001a}.history-list{divide-y divide-gray-200}.history-item{display:grid;grid-template-columns:120px 1fr 120px 100px;gap:1rem;padding:1rem 1.5rem;align-items:center}.history-item:not(:last-child){border-bottom:1px solid #f3f4f6}.payment-date{font-size:.85rem;font-weight:500;color:#6b7280}.payment-description{font-size:.9rem;color:#000;font-weight:600}.payment-amount{font-size:.9rem;font-weight:700;color:#fff;text-align:right;background:#000;padding:.25rem .5rem;border-radius:4px;display:inline-block}.payment-status{text-align:right}.empty-history{padding:3rem 1.5rem;text-align:center;color:#6b7280}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-badge.inactive{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-badge.completed{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.payment-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #0000001a;border:2px solid #e5e7eb;position:relative}.payment-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:2px solid #e5e7eb;background:#fff;border-radius:16px 16px 0 0}.payment-modal .header-left{display:flex;align-items:flex-start;gap:1rem}.plan-icon{background:#000;color:#fff;width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.payment-modal .header-left h3{font-size:1.5rem;font-weight:800;color:#000;margin:0 0 .25rem}.payment-modal .header-left p{color:#6b7280;font-size:1rem;margin:0;font-weight:500}.payment-modal .close-btn{background:#f3f4f6;border:1px solid #e5e7eb;width:2.5rem;height:2.5rem;border-radius:8px;color:#6b7280;font-size:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:400}.payment-modal .close-btn:hover{background:#e5e7eb;color:#000;border-color:#d1d5db}.payment-modal .close-btn:disabled{opacity:.5;cursor:not-allowed}.plan-summary{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.summary-header h4{font-size:1.25rem;font-weight:700;color:#000;margin:0 0 1rem}.summary-content{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.summary-row:last-child{border-bottom:none;font-weight:700}.summary-row span:first-child{color:#6b7280;font-weight:600}.plan-name{font-weight:700;color:#fff;background:#000;padding:.25rem .5rem;border-radius:4px;display:inline-block}.plan-price{font-weight:800;color:#fff;font-size:1.25rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.payment-methods-section{padding:0 2rem 2rem}.payment-methods-section h4{font-size:1.35rem;font-weight:700;color:#000;margin:0 0 .5rem}.payment-subtitle{color:#6b7280;margin:0 0 2rem;font-size:1rem;font-weight:500}.payment-options-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.payment-option-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.payment-option-card:hover{border-color:#000;box-shadow:0 4px 6px -1px #0000001a}.payment-option-card.selected{border-color:#000;background:#f9fafb;box-shadow:0 4px 6px -1px #0000001a}.payment-option-card.disabled{opacity:.6;cursor:not-allowed;background:#f9fafb;border-color:#d1d5db}.payment-option-card.disabled:hover{border-color:#d1d5db;box-shadow:none;transform:none}.payment-option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.payment-method-info{display:flex;align-items:center;gap:1rem}.payment-method-info .paypal-icon{width:2.5rem;height:2.5rem;color:#0070ba}.payment-method-info .payphone-icon{width:2.5rem;height:2.5rem;color:#10b981}.payment-method-info h5{font-size:1.2rem;font-weight:700;color:#000;margin:0 0 .25rem}.payment-method-info p{color:#6b7280;font-size:.9rem;margin:0;font-weight:500}.recommended-badge{background:#000;color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.status-badge.disabled{background:#6b7280;color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.payment-content{margin-top:1rem}.select-payment-btn{width:100%;background:#f9fafb;border:2px solid #e5e7eb;color:#000;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.select-payment-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#000}.select-payment-btn.paypal:hover{background:#0070ba;border-color:#0070ba;color:#fff}.select-payment-btn.payphone:hover{background:#10b981;border-color:#10b981;color:#fff}.payment-icon{width:1.5rem;height:1.5rem}.process-payment-btn{width:100%;background:#10b981;border:none;color:#fff;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.process-payment-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b9814d}.process-payment-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.spinner-small{width:1rem;height:1rem;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.security-badge{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem;font-weight:600}.payment-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.footer-info p{color:#6b7280;font-size:.9rem;margin:0;font-weight:500}.billing-loading,.billing-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.billing-loading .loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #000000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.billing-error p{color:#dc2626;font-size:1rem;margin-bottom:1rem;font-weight:600}.billing-error button{padding:.75rem 1.5rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}@media (max-width: 640px){.client-billing{padding:0}.billing-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.header-left{flex-direction:column;gap:1rem;width:100%}.header-icon{width:48px;height:48px;font-size:1.5rem}.header-content h1{font-size:1.75rem}.header-right{align-items:flex-start;width:100%}.billing-summary{width:100%;min-width:auto}.billing-content{padding:0 1rem 2rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.current-plan-card{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.plans-grid{grid-template-columns:1fr}.payment-method-card{flex-direction:column;gap:1.5rem;align-items:flex-start}.payment-info{grid-template-columns:1fr;gap:1rem;width:100%}.payment-actions{margin-left:0;width:100%}.history-item{grid-template-columns:1fr;gap:.5rem;text-align:left}.payment-status,.payment-amount{text-align:left}.modal-overlay{padding:.5rem}.payment-modal{width:100%;max-width:none;margin:.5rem;border-radius:12px}.payment-modal .modal-header{padding:1.5rem;border-radius:12px 12px 0 0}.payment-modal .header-left{flex-direction:column;gap:.75rem}.plan-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.payment-methods-section{padding:0 1.5rem 1.5rem}.payment-option-card{padding:1rem}.payment-option-header{flex-direction:column;gap:1rem;align-items:flex-start}.security-badges{flex-direction:column;gap:1rem;align-items:center}.payment-modal .modal-footer{flex-direction:column;gap:1rem;align-items:stretch;border-radius:0 0 12px 12px}.payment-methods-preview{justify-content:center;flex-wrap:wrap}}@media (max-width: 480px){.billing-header{padding:.75rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:1rem}.billing-content{padding:0 .75rem 1.5rem}.current-plan-card,.plan-card{padding:1rem}.plan-header .price{font-size:1.875rem}.payment-modal .modal-header{padding:1rem}.payment-methods-section{padding:0 1rem 1rem}}@media (min-width: 641px) and (max-width: 1024px){.billing-content{padding:0 1.5rem 2.5rem}.current-plan-card{grid-template-columns:1fr;gap:2rem}.plans-grid,.payment-info{grid-template-columns:repeat(2,1fr)}}.plan-header .price,.price-amount,.plan-price,.payment-amount,.summary-value,.plan-name,.metric-content p{color:#fff!important;background:#000!important;padding:.25rem .5rem!important;border-radius:4px!important;display:inline-block!important;text-shadow:none!important}.plan-price{background:#000!important;color:#fff!important;padding:1rem 1.5rem!important;border-radius:12px!important}.plan-badge{background:#000!important;color:#fff!important;padding:.75rem 1.5rem!important;border-radius:12px!important}@media (min-width: 1025px){.billing-content{max-width:1400px}.plans-grid{grid-template-columns:repeat(3,1fr)}.current-plan-card{grid-template-columns:1fr 400px}}.website-analytics{padding:0;background:linear-gradient(135deg,#f8fbff,#f1f7ff);min-height:100vh;color:#323338;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.analytics-header{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;padding:2rem 2rem 3rem;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 24px 24px;box-shadow:0 4px 20px #0073ea33;margin-bottom:2rem}.btn-add-website{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.btn-add-website:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.websites-section{padding:0 2rem;margin-bottom:2rem}.btn-analyze{background:linear-gradient(135deg,#00c875,#00a661);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #00c8754d}.btn-analyze:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #00c87566}.btn-analyze:disabled{opacity:.7;cursor:not-allowed}.websites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.website-card{background:#fff;border:2px solid #e1e5e9;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.website-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0073ea,#00c875);transform:scaleX(0);transition:transform .3s ease}.website-card:hover{border-color:#0073ea;transform:translateY(-4px);box-shadow:0 8px 24px #0073ea26}.website-card:hover:before{transform:scaleX(1)}.website-card.selected{border-color:#0073ea;box-shadow:0 4px 20px #0073ea33;background:linear-gradient(135deg,#f8fbff,#fff)}.website-card.selected:before{transform:scaleX(1)}.website-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.website-info h4{font-size:1.2rem;font-weight:700;color:#323338;margin:0 0 .5rem}.website-url{color:#676879;text-decoration:none;font-size:.9rem;word-break:break-all;transition:color .2s ease}.website-url:hover{color:#0073ea;text-decoration:underline}.website-score{flex-shrink:0}.website-meta{border-top:1px solid #e1e5e9;padding-top:1rem}.analysis-date{font-size:.85rem;color:#676879;display:block;margin-bottom:.5rem}.website-description{font-size:.9rem;color:#323338;margin:0;line-height:1.4}.score-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;position:relative}.score-circle.excellent{background:linear-gradient(135deg,#00c875,#00a661);box-shadow:0 2px 8px #00c8754d}.score-circle.good{background:linear-gradient(135deg,#fdab3d,#f39800);box-shadow:0 2px 8px #fdab3d4d}.score-circle.warning{background:linear-gradient(135deg,#ff5e5e,#e2445c);box-shadow:0 2px 8px #ff5e5e4d}.score-circle.critical{background:linear-gradient(135deg,#bb3354,#a02040);box-shadow:0 2px 8px #bb33544d}.score-circle.pending{background:linear-gradient(135deg,#c4c4c4,#a0a0a0);box-shadow:0 2px 8px #c4c4c44d}.analysis-section{padding:0 2rem 2rem}.overall-score{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9}.score-main{display:flex;align-items:center;gap:2rem}.score-display{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;flex-shrink:0}.score-display.excellent{background:linear-gradient(135deg,#00c875,#00a661);box-shadow:0 4px 20px #00c8754d}.score-display.good{background:linear-gradient(135deg,#fdab3d,#f39800);box-shadow:0 4px 20px #fdab3d4d}.score-display.warning{background:linear-gradient(135deg,#ff5e5e,#e2445c);box-shadow:0 4px 20px #ff5e5e4d}.score-display.critical{background:linear-gradient(135deg,#bb3354,#a02040);box-shadow:0 4px 20px #bb33544d}.score-number{font-size:2.5rem;font-weight:700}.score-label{font-size:.9rem;opacity:.9;margin-top:.25rem}.score-info h3{font-size:1.8rem;font-weight:700;color:#323338;margin:0 0 .5rem}.score-info p{color:#676879;margin:0 0 1rem;font-size:1rem}.last-update{font-size:.9rem;color:#676879;background:#f5f6f8;padding:.5rem 1rem;border-radius:8px;display:inline-block}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.metric-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#f5f6f8,#e1e5e9);border-radius:10px}.metric-header h4{font-size:1.1rem;font-weight:700;color:#323338;margin:0}.platform-score{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.platform-score:last-child{margin-bottom:0}.platform-score span:first-child{font-size:.9rem;color:#676879;font-weight:600;min-width:70px}.score-bar{flex:1;height:32px;background:#f5f6f8;border-radius:16px;position:relative;overflow:hidden}.score-fill{height:100%;border-radius:16px;transition:width .8s ease;position:relative}.score-bar.excellent .score-fill{background:linear-gradient(90deg,#00c875,#00a661)}.score-bar.good .score-fill{background:linear-gradient(90deg,#fdab3d,#f39800)}.score-bar.warning .score-fill{background:linear-gradient(90deg,#ff5e5e,#e2445c)}.score-bar.critical .score-fill{background:linear-gradient(90deg,#bb3354,#a02040)}.score-text{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.metric-single{display:flex;justify-content:center}.single-score{display:flex;align-items:baseline;gap:.25rem;padding:1rem 1.5rem;border-radius:12px;color:#fff;font-weight:700}.single-score.excellent{background:linear-gradient(135deg,#00c875,#00a661)}.single-score.good{background:linear-gradient(135deg,#fdab3d,#f39800)}.single-score.warning{background:linear-gradient(135deg,#ff5e5e,#e2445c)}.single-score.critical{background:linear-gradient(135deg,#bb3354,#a02040)}.score-number{font-size:2rem}.score-suffix{font-size:1rem;opacity:.8}.recommendations-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9}.recommendations-section h3{font-size:1.5rem;font-weight:700;color:#323338;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.recommendations-section h3:before{content:"💡";font-size:1.25rem}.recommendations-list{display:flex;flex-direction:column;gap:1.5rem}.recommendation-card{border:1px solid #e1e5e9;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.recommendation-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;transition:background .3s ease}.recommendation-card.priority-critical:before{background:linear-gradient(180deg,#bb3354,#a02040)}.recommendation-card.priority-high:before{background:linear-gradient(180deg,#ff5e5e,#e2445c)}.recommendation-card.priority-medium:before{background:linear-gradient(180deg,#fdab3d,#f39800)}.recommendation-card.priority-low:before{background:linear-gradient(180deg,#00c875,#00a661)}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.rec-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.rec-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#f5f6f8,#e1e5e9);border-radius:10px;flex-shrink:0}.rec-content{flex:1}.rec-content h4{font-size:1.1rem;font-weight:700;color:#323338;margin:0 0 .5rem}.rec-content p{color:#676879;margin:0;line-height:1.5}.priority-badge{padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;flex-shrink:0}.priority-badge.priority-critical{background:linear-gradient(135deg,#bb3354,#a02040)}.priority-badge.priority-high{background:linear-gradient(135deg,#ff5e5e,#e2445c)}.priority-badge.priority-medium{background:linear-gradient(135deg,#fdab3d,#f39800)}.priority-badge.priority-low{background:linear-gradient(135deg,#00c875,#00a661)}.rec-actions{border-top:1px solid #e1e5e9;padding-top:1rem}.rec-actions h5{font-size:.9rem;font-weight:700;color:#323338;margin:0 0 .75rem}.rec-actions ul{margin:0;padding-left:1.25rem;list-style:none}.rec-actions li{color:#676879;margin-bottom:.5rem;position:relative;line-height:1.4}.rec-actions li:last-child{margin-bottom:0}.rec-actions li:before{content:"✓";color:#00c875;font-weight:700;position:absolute;left:-1.25rem}.analytics-empty,.no-analysis{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.btn-primary{background:linear-gradient(135deg,#0073ea,#005bb5);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0073ea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #0073ea66}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.modal-header h3{font-size:1.5rem;font-weight:700;color:#323338;margin:0}.close-btn{background:none;border:none;font-size:1.5rem;color:#676879;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f5f6f8;color:#323338}.website-form{padding:0 1.5rem 1.5rem}.form-field input,.form-field textarea{width:100%;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#323338;box-sizing:border-box}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.form-field textarea{resize:vertical;min-height:80px;font-family:inherit}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.form-actions button[type=button]{background:#f5f6f8;color:#676879}.form-actions button[type=button]:hover{background:#e1e5e9}.form-actions button[type=submit]{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;box-shadow:0 2px 8px #0073ea4d}.form-actions button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0073ea66}.form-actions button:disabled{opacity:.7;cursor:not-allowed}.error-banner{background:linear-gradient(135deg,#ffe6e6,#ffd6d6);border:1px solid #ffb3b3;color:#d73527;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem}.loading-spinner{border-radius:50%;animation:spin 1s linear infinite}.analytics-loading p{color:#676879;font-weight:600;margin:0}@media (max-width: 768px){.analytics-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem 1rem 2rem}.header-content h1{font-size:2rem}.websites-section,.analysis-section{padding:0 1rem}.websites-grid,.metrics-grid{grid-template-columns:1fr}.score-main{flex-direction:column;text-align:center;gap:1.5rem}.platform-score{flex-direction:column;gap:.5rem;align-items:stretch}.platform-score span:first-child{min-width:auto;text-align:center}.rec-header{flex-direction:column;gap:1rem}.priority-badge{align-self:flex-start}.form-actions{flex-direction:column}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}@media (max-width: 480px){.header-content h1{font-size:1.75rem}.website-card{padding:1rem}.overall-score{padding:1.5rem}.score-display{width:100px;height:100px}.score-number{font-size:2rem}.recommendations-section{padding:1.5rem}}.btn-add-website:focus,.btn-analyze:focus,.btn-primary:focus,.form-actions button:focus,.close-btn:focus{outline:2px solid #0073ea;outline-offset:2px}@media print{.website-analytics{background:#fff;color:#000}.btn-add-website,.btn-analyze,.btn-primary,.form-actions,.modal-overlay{display:none}.analytics-header{background:none;color:#000;box-shadow:none}.website-card,.overall-score,.metric-card,.recommendations-section{border:1px solid #000;box-shadow:none}}.business-finance-dashboard{background:#f8f9fb;min-height:100vh;padding:24px}.finance-header{background:#fff;border:1px solid #E4E6EF;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.header-info h1{font-size:32px;font-weight:700;color:#323338;margin:0 0 8px;line-height:1.2}.header-info p{color:#676879;margin:0;font-size:16px;font-weight:500}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.period-selector{display:flex;background:#f8f9fb;border:1px solid #E4E6EF;border-radius:8px;padding:4px;gap:2px}.period-btn{padding:12px 16px;background:none;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#676879;cursor:pointer;transition:all .2s ease-out;min-width:80px}.period-btn:hover{color:#323338;background:#0073ea1a}.period-btn.active{background:#0073ea;color:#fff;box-shadow:0 2px 8px #0073ea4d}.btn-add-transaction,.btn-generate-report{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;gap:8px}.btn-add-transaction{background:#00c875;color:#fff}.btn-add-transaction:hover{background:#00b366;transform:translateY(-2px);box-shadow:0 4px 16px #00c87566}.btn-generate-report{background:#784bd1;color:#fff}.btn-generate-report:hover:not(:disabled){background:#6b46c1;transform:translateY(-2px);box-shadow:0 4px 16px #784bd166}.btn-generate-report:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-banner{background:#ffe2e5;border:1px solid #FFCDD2;border-radius:8px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#c5221f;font-weight:500}.error-banner button{background:none;border:none;color:#c5221f;font-size:18px;cursor:pointer;margin-left:auto}.key-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.metric-card{background:#fff;border:1px solid #E4E6EF;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;transition:all .2s ease-out;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0073ea,#00d395)}.metric-card.metric-positive:before{background:linear-gradient(90deg,#00c875,#00d395)}.metric-card.metric-negative:before{background:linear-gradient(90deg,#e2445c,#ff6b00)}.metric-card.metric-excellent:before{background:linear-gradient(90deg,#00c875,#00d395)}.metric-card.metric-good:before{background:linear-gradient(90deg,#00d395,#ffcb00)}.metric-card.metric-warning:before{background:linear-gradient(90deg,#ffcb00,#ff6b00)}.metric-card.metric-critical:before{background:linear-gradient(90deg,#e2445c,#c5221f)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.metric-header h3{font-size:16px;font-weight:600;color:#676879;margin:0}.metric-icon{width:40px;height:40px;border-radius:8px;background:#f8f9fb;display:flex;align-items:center;justify-content:center;font-size:20px}.metric-value{display:flex;justify-content:space-between;align-items:flex-end}.metric-amount{font-size:28px;font-weight:800;color:#323338;line-height:1}.comparison-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.comparison-indicator.positive{background:#00c8751a;color:#00c875}.comparison-indicator.negative{background:#e2445c1a;color:#e2445c}.comparison-arrow{font-size:14px}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.main-content{display:flex;flex-direction:column;gap:24px}.analysis-section{background:#fff;border:1px solid #E4E6EF;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014}.analysis-section h3{font-size:20px;font-weight:700;color:#323338;margin:0 0 20px}.category-tabs{display:flex;border-bottom:1px solid #E4E6EF;margin-bottom:20px}.tab-btn{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:600;color:#676879;cursor:pointer;transition:all .2s ease-out}.tab-btn:hover{color:#323338}.tab-btn.active{color:#0073ea;border-bottom-color:#0073ea}.category-breakdown{display:flex;flex-direction:column;gap:16px}.category-item{display:flex;flex-direction:column;gap:8px}.category-info{display:flex;justify-content:space-between;align-items:center}.category-name{font-size:14px;font-weight:500;color:#323338}.category-amount{font-size:14px;font-weight:700;color:#0073ea}.category-bar{height:8px;background:#f8f9fb;border-radius:4px;overflow:hidden}.category-fill{height:100%;background:linear-gradient(90deg,#0073ea,#00d395);border-radius:4px;transition:width .3s ease-out}.transactions-section{background:#fff;border:1px solid #E4E6EF;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:20px;font-weight:700;color:#323338;margin:0}.btn-view-all{background:none;border:1px solid #E4E6EF;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;color:#676879;cursor:pointer;transition:all .2s ease-out}.btn-view-all:hover{border-color:#0073ea;color:#0073ea}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fb;border-radius:8px;border:1px solid transparent;transition:all .2s ease-out}.transaction-item:hover{background:#fff;border-color:#e4e6ef;box-shadow:0 2px 8px #00000014}.transaction-icon{width:40px;height:40px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px #00000014}.transaction-details{flex:1}.transaction-description{font-size:14px;font-weight:600;color:#323338;margin-bottom:4px}.transaction-meta{font-size:12px;color:#676879}.transaction-amount{font-size:16px;font-weight:700}.transaction-amount.income{color:#00c875}.transaction-amount.expense{color:#e2445c}.sidebar-content{display:flex;flex-direction:column;gap:24px}.health-score-card{background:#fff;border:1px solid #E4E6EF;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;text-align:center}.health-score-card h4{font-size:18px;font-weight:700;color:#323338;margin:0 0 20px}.health-score{display:flex;flex-direction:column;align-items:center;gap:16px}.score-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#0073ea,#00d395);display:flex;align-items:center;justify-content:center;position:relative}.score-circle:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.score-number{font-size:24px;font-weight:800;color:#323338;position:relative;z-index:1}.health-score p{font-size:12px;color:#676879;margin:0}.goals-section{background:#fff;border:1px solid #E4E6EF;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014}.goals-section h4{font-size:18px;font-weight:700;color:#323338;margin:0 0 20px}.goal-item{display:flex;flex-direction:column;gap:12px}.goal-info{display:flex;justify-content:space-between;align-items:center;font-size:14px}.goal-info span:first-child{color:#676879;font-weight:500}.goal-info span:last-child{color:#323338;font-weight:700}.goal-progress{height:8px;background:#f8f9fb;border-radius:4px;overflow:hidden}.goal-fill{height:100%;background:linear-gradient(90deg,#0073ea,#00d395);border-radius:4px;transition:width .3s ease-out}.goal-percentage{font-size:12px;color:#0073ea;font-weight:700;text-align:center}.quick-actions{background:#fff;border:1px solid #E4E6EF;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014}.quick-actions h4{font-size:18px;font-weight:700;color:#323338;margin:0 0 20px}.quick-action-btn{width:100%;padding:12px 16px;background:#f8f9fb;border:1px solid #E4E6EF;border-radius:8px;font-size:14px;font-weight:600;color:#323338;cursor:pointer;transition:all .2s ease-out;margin-bottom:8px;text-align:left}.quick-action-btn:hover{background:#fff;border-color:#0073ea;color:#0073ea;transform:translateY(-1px);box-shadow:0 2px 8px #0073ea1a}.quick-action-btn:last-child{margin-bottom:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:80vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #E4E6EF;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:700;color:#323338;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#676879;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease-out}.close-btn:hover{background:#f8f9fb;color:#323338}.transaction-form{padding:0 24px 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-field label{font-size:14px;font-weight:600;color:#323338}.form-field input,.form-field select{padding:12px 16px;border:1px solid #E4E6EF;border-radius:8px;font-size:14px;color:#323338;background:#fff;transition:all .2s ease-out}.form-field input:focus,.form-field select:focus{outline:none;border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #E4E6EF}.form-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.form-actions button[type=button]{background:#f8f9fb;color:#676879;border:1px solid #E4E6EF}.form-actions button[type=button]:hover{background:#fff;color:#323338;border-color:#0073ea}.form-actions button[type=submit]{background:#0073ea;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:#0060c7;transform:translateY(-1px);box-shadow:0 4px 16px #0073ea66}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.finance-dashboard-loading,.finance-dashboard-error,.finance-dashboard-empty{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner-large{width:48px;height:48px;border:4px solid #F8F9FB;border-top:4px solid #0073EA;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state{max-width:400px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{font-size:24px;font-weight:700;color:#323338;margin:0 0 12px}.empty-state p{font-size:16px;color:#676879;margin:0 0 24px;line-height:1.5}.btn-primary{background:#0073ea;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.btn-primary:hover{background:#0060c7;transform:translateY(-2px);box-shadow:0 4px 16px #0073ea66}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.key-metrics{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.business-finance-dashboard{padding:16px}.finance-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{flex-direction:column;align-items:stretch}.period-selector{order:-1}.key-metrics,.form-row{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}}@media (max-width: 480px){.finance-header{padding:16px}.modal-header,.transaction-form{padding-left:16px;padding-right:16px}.metric-card,.analysis-section,.transactions-section,.health-score-card,.goals-section,.quick-actions{padding:16px}}.support-container{padding:0;background:linear-gradient(135deg,#f8fbff,#f1f7ff);min-height:100vh;color:#323338;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.support-header{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;padding:2rem 2rem 3rem;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 24px 24px;box-shadow:0 4px 20px #0073ea33;margin-bottom:2rem}.header-content p{font-size:1.1rem;opacity:.9;margin:0;font-weight:400}.support-actions{display:flex;gap:1rem;align-items:center}.btn-create-ticket{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem}.btn-create-ticket:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-icon{font-size:1.25rem;font-weight:700}.btn-back{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.btn-back:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.tickets-section{padding:0 2rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.5rem;font-weight:700;color:#323338;margin:0}.tickets-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9}.stat-number{font-size:1.75rem;font-weight:700;color:#0073ea;margin-bottom:.25rem}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.ticket-card{background:#fff;border:2px solid #e1e5e9;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.ticket-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0073ea,#00c875);transform:scaleX(0);transition:transform .3s ease}.ticket-card:hover{border-color:#0073ea;transform:translateY(-4px);box-shadow:0 8px 24px #0073ea26}.ticket-card:hover:before{transform:scaleX(1)}.ticket-card.open:before{background:linear-gradient(90deg,#0073ea,#0073ea);transform:scaleX(1)}.ticket-card.in_progress:before{background:linear-gradient(90deg,#fdab3d,#fdab3d);transform:scaleX(1)}.ticket-card.resolved:before{background:linear-gradient(90deg,#00c875,#00c875);transform:scaleX(1)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ticket-id{font-weight:700;color:#676879;font-size:.9rem;font-family:Courier New,monospace;background:#f5f6f8;padding:.25rem .75rem;border-radius:20px}.ticket-badges{display:flex;gap:.5rem}.ticket-status,.ticket-priority{padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ticket-status.large,.ticket-priority.large{padding:.5rem 1rem;font-size:.85rem}.ticket-content{margin-bottom:1rem}.ticket-category{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;background:linear-gradient(135deg,#f5f6f8,#e1e5e9);border-radius:8px;width:fit-content}.category-label{font-size:.85rem;font-weight:600;color:#323338}.ticket-content h3{font-size:1.1rem;font-weight:700;color:#323338;margin:0 0 .75rem;line-height:1.4}.ticket-description{color:#676879;line-height:1.5;margin:0;font-size:.95rem}.ticket-footer{border-top:1px solid #e1e5e9;padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.ticket-date{display:flex;align-items:center;gap:.5rem}.date-label{font-size:.85rem;color:#676879;font-weight:600}.date-value{font-size:.85rem;color:#323338}.ticket-last-activity{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#676879}.activity-indicator{width:6px;height:6px;background:#00c875;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ticket-form-section{padding:0 2rem 2rem}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{font-size:1.8rem;font-weight:700;color:#323338;margin:0 0 .5rem}.form-header p{color:#676879;margin:0;font-size:1rem}.ticket-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9;max-width:800px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-field{margin-bottom:1.5rem}.form-field label{display:block;font-weight:600;color:#323338;margin-bottom:.5rem;font-size:.9rem}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#323338;box-sizing:border-box}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.form-field textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.field-help{font-size:.8rem;color:#676879;margin-top:.5rem;font-style:italic}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;border-top:1px solid #e1e5e9;padding-top:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0073ea66}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:#f5f6f8;color:#676879;border:1px solid #e1e5e9}.btn-secondary:hover:not(:disabled){background:#e1e5e9;transform:translateY(-1px)}.ticket-detail{padding:0 2rem 2rem}.ticket-detail-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9}.ticket-detail-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.ticket-detail-title h2{font-size:1.8rem;font-weight:700;color:#323338;margin:0 0 .75rem}.ticket-detail-category{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f5f6f8,#e1e5e9);border-radius:8px}.ticket-detail-badges{display:flex;gap:.75rem}.ticket-detail-dates{display:flex;gap:2rem}.date-item{display:flex;flex-direction:column;gap:.25rem}.date-item .date-label{font-size:.8rem;color:#676879;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.date-item .date-value{font-size:.9rem;color:#323338;font-weight:600}.ticket-detail-content{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9}.ticket-detail-content h3{font-size:1.5rem;font-weight:700;color:#323338;margin:0 0 1rem;line-height:1.4}.ticket-description{color:#676879;line-height:1.6;font-size:1rem;white-space:pre-line}.ticket-messages{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9}.ticket-messages h4{font-size:1.3rem;font-weight:700;color:#323338;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.messages-icon{font-size:1.25rem}.messages-count{font-size:1rem;color:#676879;font-weight:400}.messages-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.message{display:flex;gap:1rem;align-items:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.message-client .message-avatar{background:linear-gradient(135deg,#0073ea,#005bb5)}.message-agent .message-avatar{background:linear-gradient(135deg,#00c875,#00a661)}.message-content{flex:1}.message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.message-sender{font-weight:700;color:#323338;font-size:.9rem}.message-role{font-size:.75rem;padding:.25rem .5rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.message-client .message-role{background:#0073ea1a;color:#0073ea}.message-agent .message-role{background:#00c8751a;color:#00c875}.message-time{font-size:.8rem;color:#676879;margin-left:auto}.message-text{background:#f5f6f8;padding:1rem;border-radius:12px;color:#323338;line-height:1.5;white-space:pre-line;border-left:3px solid transparent}.message-client .message-text{border-left-color:#0073ea}.message-agent .message-text{border-left-color:#00c875}.no-messages{text-align:center;padding:3rem 2rem;color:#676879}.no-messages-icon{font-size:3rem;margin-bottom:1rem;display:block}.message-form-section{border-top:1px solid #e1e5e9;padding-top:2rem;margin-top:2rem}.message-form-section h5{font-size:1.1rem;font-weight:700;color:#323338;margin:0 0 1rem}.message-form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.ticket-closed-notice{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:1.5rem;margin-top:2rem;display:flex;align-items:flex-start;gap:1rem}.notice-icon{font-size:1.5rem;flex-shrink:0}.notice-content h5{font-size:1.1rem;font-weight:700;color:#0c4a6e;margin:0 0 .5rem}.notice-content p{color:#0369a1;margin:0;line-height:1.5}.support-empty{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.empty-state{text-align:center;max-width:400px}.empty-icon{font-size:4rem;margin-bottom:1rem;display:block}.empty-state h3{font-size:1.5rem;font-weight:700;color:#323338;margin:0 0 1rem}.empty-state p{color:#676879;margin:0 0 2rem;line-height:1.6}.error-banner{background:linear-gradient(135deg,#ffe6e6,#ffd6d6);border:1px solid #ffb3b3;color:#d73527;padding:.75rem 1rem;border-radius:8px;margin:0 2rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.error-icon{font-size:1rem}.support-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem}.loading-spinner-large{width:40px;height:40px;border:4px solid #e1e5e9;border-top:4px solid #0073ea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.support-loading p{color:#676879;font-weight:600;margin:0}@media (max-width: 768px){.support-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem 1rem 2rem}.header-content h1{font-size:2rem}.support-actions{flex-direction:column;width:100%}.support-actions button{width:100%;justify-content:center}.tickets-section,.ticket-form-section,.ticket-detail{padding:0 1rem}.tickets-grid{grid-template-columns:1fr}.tickets-stats{flex-direction:column;gap:1rem;width:100%}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.ticket-detail-info{flex-direction:column;gap:1rem}.ticket-detail-badges{align-self:flex-start}.ticket-detail-dates{flex-direction:column;gap:1rem}.message{flex-direction:column;gap:.75rem}.message-avatar{align-self:flex-start}.message-header{flex-wrap:wrap}}@media (max-width: 480px){.header-content h1{font-size:1.75rem}.ticket-card{padding:1rem}.ticket-form,.ticket-detail-header,.ticket-detail-content,.ticket-messages{padding:1.5rem}.stat{padding:.75rem 1rem}}.btn-create-ticket:focus,.btn-back:focus,.btn-primary:focus,.btn-secondary:focus,.ticket-card:focus{outline:2px solid #0073ea;outline-offset:2px}@media print{.support-container{background:#fff;color:#000}.support-actions,.btn-create-ticket,.btn-back,.btn-primary,.btn-secondary,.form-actions,.message-form-section{display:none}.support-header{background:none;color:#000;box-shadow:none}.ticket-card,.ticket-form,.ticket-detail-header,.ticket-detail-content,.ticket-messages{border:1px solid #000;box-shadow:none}}.help-center{padding:0;background:linear-gradient(135deg,#f8fbff,#f1f7ff);min-height:100vh;color:#323338;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.help-header{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;padding:2rem 2rem 3rem;border-radius:0 0 24px 24px;box-shadow:0 4px 20px #0073ea33;margin-bottom:2rem;text-align:center}.header-content p{font-size:1.1rem;opacity:.9;margin:0 0 2rem;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.help-search{max-width:600px;margin:0 auto}.search-container{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:16px;backdrop-filter:blur(10px);transition:all .3s ease}.search-input-wrapper:focus-within{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 32px #0000001a}.search-icon{padding:1rem 0 1rem 1.5rem;font-size:1.25rem;opacity:.8}.search-input{flex:1;background:transparent;border:none;padding:1rem 1rem 1rem .5rem;color:#fff;font-size:1rem;placeholder-color:rgba(255,255,255,.7)}.search-input::placeholder{color:#ffffffb3}.search-clear{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.75rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.search-clear:hover{background:#ffffff4d}.search-loading{position:absolute;top:100%;left:0;right:0;background:#fffffff2;color:#323338;padding:1rem;border-radius:12px;margin-top:.5rem;display:flex;align-items:center;gap:.75rem;backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a}.loading-spinner{width:16px;height:16px;border:2px solid #e1e5e9;border-top:2px solid #0073ea;border-radius:50%;animation:spin 1s linear infinite}.quick-actions-section{padding:0 2rem;margin-bottom:3rem}.section-header{text-align:center;margin-bottom:2rem}.section-header p{color:#676879;margin:0;font-size:1rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.quick-action-card{background:#fff;border:2px solid #e1e5e9;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem}.quick-action-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--action-color);transform:scaleY(0);transition:transform .3s ease}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--action-color)}.quick-action-card:hover:before{transform:scaleY(1)}.quick-action-card.featured{border-color:var(--action-color);box-shadow:0 4px 16px #0000001a}.quick-action-card.featured:before{transform:scaleY(1)}.action-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#0073ea1a,#0073ea0d);border-radius:12px;flex-shrink:0}.action-content{flex:1}.action-content h3{font-size:1.1rem;font-weight:700;color:#323338;margin:0 0 .5rem}.action-content p{color:#676879;margin:0;line-height:1.4;font-size:.9rem}.action-arrow{font-size:1.25rem;color:var(--action-color);font-weight:700;opacity:.7;transition:all .2s ease}.quick-action-card:hover .action-arrow{opacity:1;transform:translate(4px)}.popular-topics-section{padding:0 2rem;margin-bottom:3rem}.popular-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.popular-topic-card{background:#fff;border:2px solid #e1e5e9;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.popular-topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0073ea26;border-color:#0073ea}.topic-category{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;background:linear-gradient(135deg,#f5f6f8,#e1e5e9);border-radius:8px;width:fit-content}.category-name{font-size:.85rem;font-weight:600;color:#323338}.popular-topic-card h4{font-size:1.1rem;font-weight:700;color:#323338;margin:0 0 1rem;line-height:1.4}.topic-stats{display:flex;gap:1rem;font-size:.8rem;color:#676879}.faq-section{padding:0 2rem 2rem}.faq-categories{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.category-button{background:#fff;border:2px solid #e1e5e9;border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:600;color:#676879;box-shadow:0 2px 4px #0000000a}.category-button:hover{border-color:#0073ea;color:#0073ea;transform:translateY(-2px);box-shadow:0 4px 12px #0073ea26}.category-button.active{background:linear-gradient(135deg,#0073ea,#005bb5);border-color:#0073ea;color:#fff;box-shadow:0 4px 16px #0073ea4d}.category-icon{font-size:1rem}.category-info{display:flex;flex-direction:column;align-items:flex-start}.category-name{font-size:.9rem;line-height:1}.category-count{font-size:.75rem;opacity:.7;font-weight:400}.faq-content{max-width:800px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border:2px solid #e1e5e9;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.faq-item:hover{border-color:#0073ea;box-shadow:0 4px 16px #0073ea1a}.faq-item.open{border-color:#0073ea;box-shadow:0 4px 20px #0073ea26}.faq-question{width:100%;background:none;border:none;padding:1.5rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .2s ease}.faq-question:hover{background:linear-gradient(135deg,#f8fbff,#f1f7ff)}.question-content{flex:1}.question-text{font-size:1.1rem;font-weight:700;color:#323338;line-height:1.4;display:block;margin-bottom:.5rem}.question-meta{display:flex;align-items:center;gap:.5rem}.category-tag{display:flex;gap:.25rem}.tag{font-size:.75rem;color:#676879;background:#f5f6f8;padding:.25rem .5rem;border-radius:6px;font-weight:500}.question-toggle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;transition:all .3s ease;flex-shrink:0}.faq-item.open .question-toggle{transform:rotate(180deg)}.toggle-icon{transition:transform .3s ease}.faq-answer{border-top:1px solid #e1e5e9;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-content{padding:1.5rem}.answer-content p{color:#676879;line-height:1.6;margin:0;font-size:1rem}.answer-footer{padding:0 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.answer-tags{display:flex;flex-wrap:wrap;gap:.25rem}.answer-tag{font-size:.75rem;color:#0073ea;background:#0073ea1a;padding:.25rem .5rem;border-radius:6px;font-weight:500}.answer-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.helpful-text{font-size:.85rem;color:#676879;font-weight:600}.helpful-btn{background:#f5f6f8;border:1px solid #e1e5e9;border-radius:8px;padding:.5rem .75rem;font-size:.8rem;cursor:pointer;transition:all .2s ease;color:#676879;font-weight:600}.helpful-btn:hover:not(:disabled){background:#e1e5e9;border-color:#d1d5db}.helpful-btn.active{background:linear-gradient(135deg,#00c875,#00a661);border-color:#00c875;color:#fff}.helpful-btn:disabled{cursor:not-allowed}.search-highlight{background:#fdab3d;color:#fff;padding:.125rem .25rem;border-radius:4px;font-weight:600}.no-results{text-align:center;padding:3rem 2rem;color:#676879}.no-results-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.no-results h3{font-size:1.5rem;font-weight:700;color:#323338;margin:0 0 1rem}.no-results p{margin:0 0 2rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.no-results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.help-footer{background:#fff;border-radius:24px 24px 0 0;padding:3rem 2rem 2rem;margin-top:3rem;box-shadow:0 -4px 20px #0000000f;border-top:1px solid #e1e5e9}.footer-content{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem}.footer-main h3{font-size:1.5rem;font-weight:700;color:#323338;margin:0 0 .5rem}.footer-main p{color:#676879;margin:0;line-height:1.5}.footer-actions{display:flex;gap:1rem;flex-shrink:0}.footer-stats{display:flex;justify-content:center;gap:3rem;padding-top:2rem;border-top:1px solid #e1e5e9}.stat-item{text-align:center}.stat-number{display:block;font-size:1.75rem;font-weight:700;color:#0073ea;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:#676879;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.help-header{padding:1.5rem 1rem 2rem}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.quick-actions-section,.popular-topics-section,.faq-section{padding:0 1rem}.quick-actions-grid,.popular-topics-grid{grid-template-columns:1fr}.faq-categories{flex-direction:column;align-items:stretch}.category-button{justify-content:center}.faq-question{padding:1rem}.answer-footer{flex-direction:column;align-items:stretch;gap:1rem}.answer-actions{justify-content:center}.footer-content{flex-direction:column;text-align:center}.footer-actions{flex-direction:column;width:100%}.footer-stats{flex-direction:column;gap:1.5rem}}@media (max-width: 480px){.header-content h1{font-size:1.75rem}.quick-action-card{padding:1rem}.action-icon{width:50px;height:50px;font-size:1.5rem}.faq-item{margin:0 -.5rem;border-left:none;border-right:none;border-radius:0}.help-footer{padding:2rem 1rem 1rem;border-radius:0}}.quick-action-card:focus,.popular-topic-card:focus,.faq-question:focus,.category-button:focus,.helpful-btn:focus,.btn-primary:focus,.btn-secondary:focus{outline:2px solid #0073ea;outline-offset:2px}@media print{.help-center{background:#fff;color:#000}.help-header{background:none;color:#000;box-shadow:none}.quick-actions-section,.footer-actions,.answer-actions,.search-container{display:none}.faq-item,.popular-topic-card,.quick-action-card{border:1px solid #000;box-shadow:none}.faq-answer{display:block!important}}.tutorial-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:modalFadeIn .3s ease}.tutorial-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0073ea4d;max-width:800px;width:100%;max-height:90vh;overflow:hidden;position:relative;animation:modalSlideIn .3s ease;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-modal-header{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;padding:2rem;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative}.tutorial-header-content{display:flex;align-items:center;gap:1.5rem}.tutorial-icon{background:#fff3;border-radius:16px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.tutorial-title-section h2{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tutorial-title-section p{font-size:1rem;opacity:.9;margin:0;max-width:400px}.tutorial-close-btn{background:#fff3;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .3s ease}.tutorial-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.tutorial-modal-content{padding:2rem;overflow-y:auto;flex:1;min-height:0}.tutorial-steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tutorial-step{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;border:2px solid #f1f7ff;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff);transition:all .3s ease;position:relative;overflow:visible;width:100%;box-sizing:border-box}.tutorial-step:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0073ea,#00c875);transform:scaleX(0);transition:transform .3s ease}.tutorial-step:hover{border-color:#0073ea;box-shadow:0 8px 24px #0073ea26;transform:translateY(-4px)}.tutorial-step:hover:before{transform:scaleX(1)}.step-number{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px #0073ea4d;margin-top:2px}.step-content{flex:1;min-width:0;word-wrap:break-word}.step-content h3{font-size:1.3rem;font-weight:700;color:#323338;margin:0 0 .75rem}.step-content p{color:#676879;margin:0 0 1rem;line-height:1.5;font-size:1rem}.step-action-btn{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0073ea4d}.step-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0073ea66}.tutorial-footer{border-top:1px solid #e1e5e9;padding-top:2rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:flex-start;width:100%;box-sizing:border-box}.tutorial-tips{background:#fdab3d1a;border:1px solid rgba(253,171,61,.3);border-radius:16px;padding:1.5rem;min-width:0;overflow:hidden}.tutorial-tips h4{font-size:1.1rem;font-weight:700;color:#323338;margin:0 0 1rem}.tutorial-tips ul{list-style:none;padding:0;margin:0}.tutorial-tips li{color:#676879;margin-bottom:.75rem;position:relative;padding-left:1.5rem;line-height:1.4}.tutorial-tips li:before{content:"💡";position:absolute;left:0;font-size:1rem}.tutorial-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.tutorial-primary-btn{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0073ea4d;white-space:nowrap}.tutorial-primary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0073ea66}.tutorial-secondary-btn{background:#fff;color:#676879;border:2px solid #e1e5e9;padding:.75rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;white-space:nowrap}.tutorial-secondary-btn:hover{background:#f5f6f8;border-color:#d1d5db;transform:translateY(-2px)}.tutorial-modal-content::-webkit-scrollbar{width:6px}.tutorial-modal-content::-webkit-scrollbar-track{background:#f1f7ff;border-radius:3px}.tutorial-modal-content::-webkit-scrollbar-thumb{background:#0073ea;border-radius:3px}.tutorial-modal-content::-webkit-scrollbar-thumb:hover{background:#005bb5}@media (max-width: 768px){.tutorial-modal-overlay{padding:.5rem}.tutorial-modal{border-radius:16px;max-height:95vh}.tutorial-modal-header{padding:1.5rem;border-radius:16px 16px 0 0;flex-direction:column;gap:1rem;text-align:center}.tutorial-header-content{flex-direction:column;gap:1rem}.tutorial-icon{width:50px;height:50px;font-size:1.5rem}.tutorial-title-section h2{font-size:1.5rem}.tutorial-close-btn{position:absolute;top:1rem;right:1rem}.tutorial-modal-content{padding:1.5rem}.tutorial-step{flex-direction:column;gap:1rem;padding:1.25rem}.step-number{align-self:flex-start;width:44px;height:44px;font-size:1.1rem;margin-top:0}.tutorial-footer{grid-template-columns:1fr;gap:1.5rem}.tutorial-actions{align-items:stretch}.tutorial-primary-btn,.tutorial-secondary-btn{width:100%;text-align:center}}@media (max-width: 480px){.tutorial-modal-overlay{padding:.25rem}.tutorial-modal-header{padding:1rem}.tutorial-title-section h2{font-size:1.25rem}.tutorial-title-section p{font-size:.9rem}.tutorial-modal-content,.tutorial-step{padding:1rem}.step-number{width:40px;height:40px;font-size:1rem;margin-top:0}.step-content h3{font-size:1.1rem}.step-content p{font-size:.9rem}.tutorial-tips{padding:1rem}.tutorial-tips h4{font-size:1rem}.tutorial-tips li{font-size:.85rem}}.api-documentation{padding:0;background:linear-gradient(135deg,#f8fbff,#f1f7ff);min-height:100vh;color:#323338;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.api-header{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;padding:2rem 2rem 3rem;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 24px 24px;box-shadow:0 4px 20px #0073ea33;margin-bottom:2rem}.header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content p{font-size:1.1rem;opacity:.9;margin:0;font-weight:400;max-width:500px}.api-status{display:flex;flex-direction:column;gap:.75rem;text-align:right}.status-item{display:flex;align-items:center;gap:.5rem}.status-label{font-size:.9rem;opacity:.8}.status-value{padding:.375rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.status-value.development{background:#fdab3d33;color:#fdab3d;border:1px solid rgba(253,171,61,.3)}.api-content{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:0 2rem;margin-bottom:3rem;max-width:1400px;margin-left:auto;margin-right:auto}.api-sidebar{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9;height:fit-content;position:sticky;top:2rem}.sidebar-header h3{font-size:1.2rem;font-weight:700;color:#323338;margin:0 0 1rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{background:none;border:none;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;text-align:left;border:2px solid transparent}.nav-item:hover{background:linear-gradient(135deg,#f8fbff,#f1f7ff);border-color:#0073ea33}.nav-item.active{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;border-color:#0073ea;box-shadow:0 4px 16px #0073ea4d}.nav-icon{font-size:1.25rem;flex-shrink:0}.nav-content{display:flex;flex-direction:column;gap:.25rem}.nav-name{font-size:.9rem;font-weight:600}.nav-description{font-size:.75rem;opacity:.8;line-height:1.3}.api-main{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9}.section-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.8rem;font-weight:700;color:#323338;margin:0 0 .5rem}.section-header p{color:#676879;margin:0;font-size:1rem;line-height:1.5}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.overview-card{background:#fff;border:2px solid #e1e5e9;border-radius:16px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0073ea,#00c875);transform:scaleX(0);transition:transform .3s ease}.overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0073ea26;border-color:#0073ea}.overview-card:hover:before{transform:scaleX(1)}.overview-card.featured{border-color:#0073ea;box-shadow:0 4px 20px #0073ea33}.overview-card.featured:before{transform:scaleX(1)}.card-icon{font-size:2rem;margin-bottom:1rem;display:block}.overview-card h3{font-size:1.2rem;font-weight:700;color:#323338;margin:0 0 1rem}.overview-card p{color:#676879;margin:0 0 1rem;line-height:1.5}.overview-card ul{list-style:none;padding:0;margin:0}.overview-card li{color:#676879;margin-bottom:.5rem;position:relative;padding-left:1.25rem;line-height:1.4}.overview-card li:before{content:"✓";color:#00c875;font-weight:700;position:absolute;left:0}.card-status{margin-top:1rem}.status-badge{padding:.375rem .75rem;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.available{background:#00c8751a;color:#00c875;border:1px solid rgba(0,200,117,.3)}.status-badge.beta{background:#0073ea1a;color:#0073ea;border:1px solid rgba(0,115,234,.3)}.status-badge.coming-soon{background:#fdab3d1a;color:#fdab3d;border:1px solid rgba(253,171,61,.3)}.status-badge.development{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.cta-section{background:linear-gradient(135deg,#f8fbff,#f1f7ff);border:1px solid #e1e5e9;border-radius:16px;padding:2rem;text-align:center}.cta-section h3{font-size:1.5rem;font-weight:700;color:#323338;margin:0 0 .5rem}.cta-section p{color:#676879;margin:0 0 2rem;font-size:1rem;line-height:1.5}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;box-shadow:0 2px 8px #0073ea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0073ea66}.btn-secondary{background:#fff;color:#676879;border:2px solid #e1e5e9;box-shadow:0 2px 8px #0000000f}.btn-secondary:hover{background:#f5f6f8;border-color:#d1d5db;transform:translateY(-2px)}.btn-icon{font-size:1rem}.auth-methods{display:flex;flex-direction:column;gap:2rem}.auth-method{border:1px solid #e1e5e9;border-radius:16px;padding:1.5rem;background:linear-gradient(135deg,#f8fbff,#fff)}.auth-method h3{font-size:1.3rem;font-weight:700;color:#323338;margin:0 0 1rem}.auth-method p{color:#676879;margin:0 0 1.5rem;line-height:1.5}.code-example{background:#1e1e1e;border-radius:12px;overflow:hidden;margin-top:1rem}.code-header{background:#2d2d2d;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;color:#e1e5e9;font-size:.85rem;font-weight:600}.code-example pre{margin:0;padding:1rem;overflow-x:auto}.code-example code{color:#e1e5e9;font-family:Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.limit-item{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.limit-label{color:#676879;font-size:.9rem}.limit-value{color:#0073ea;font-weight:700;font-size:1rem}.endpoints-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.endpoint-card{border:1px solid #e1e5e9;border-radius:16px;padding:1.5rem;background:#fff;transition:all .3s ease}.endpoint-card:hover{border-color:#0073ea;box-shadow:0 4px 16px #0073ea1a}.endpoint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.endpoint-method-path{display:flex;align-items:center;gap:1rem}.method-badge{padding:.375rem .75rem;border-radius:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.method-badge.get{background:#00c875}.method-badge.post{background:#0073ea}.method-badge.put{background:#fdab3d}.method-badge.delete{background:#ff5e5e}.endpoint-path{font-family:Monaco,Consolas,monospace;background:#f5f6f8;padding:.5rem .75rem;border-radius:8px;color:#323338;font-size:.9rem}.endpoint-content h4{font-size:1.1rem;font-weight:700;color:#323338;margin:0 0 .5rem}.endpoint-content p{color:#676879;margin:0;line-height:1.5}.webhooks-info{display:flex;flex-direction:column;gap:2rem}.webhook-events{border:1px solid #e1e5e9;border-radius:16px;padding:1.5rem;background:linear-gradient(135deg,#f8fbff,#fff)}.webhook-events h3{font-size:1.3rem;font-weight:700;color:#323338;margin:0 0 1rem}.events-list{display:flex;flex-direction:column;gap:.75rem}.event-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid #e1e5e9;border-radius:12px}.event-name{font-family:Monaco,Consolas,monospace;font-size:.85rem;color:#0073ea;font-weight:600}.event-description{color:#676879;font-size:.9rem}.webhook-config{border:1px solid #e1e5e9;border-radius:16px;padding:1.5rem;background:#fff}.webhook-config h3{font-size:1.3rem;font-weight:700;color:#323338;margin:0 0 1rem}.webhook-config p{color:#676879;margin:0 0 1.5rem;line-height:1.5}.section-note{background:#0073ea0d;border:1px solid rgba(0,115,234,.2);border-radius:16px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.note-icon{font-size:1.5rem;flex-shrink:0}.note-content h4{font-size:1.1rem;font-weight:700;color:#323338;margin:0 0 .5rem}.note-content p{color:#676879;margin:0;line-height:1.5}.api-footer{background:#fff;border-radius:24px 24px 0 0;padding:3rem 2rem 2rem;margin-top:3rem;box-shadow:0 -4px 20px #0000000f;border-top:1px solid #e1e5e9}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.footer-section h4{font-size:1.2rem;font-weight:700;color:#323338;margin:0 0 1rem}.footer-section p{color:#676879;margin:0 0 1.5rem;line-height:1.5}.notification-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#00c8751a;border:1px solid rgba(0,200,117,.3);border-radius:12px;color:#00c875;font-weight:600}.status-icon{font-size:1.25rem}@media (max-width: 1200px){.api-content{max-width:100%;padding:0 1.5rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 1024px){.api-content{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.api-sidebar{position:static;order:-1}.sidebar-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.nav-item{flex-direction:column;text-align:center;padding:1rem .5rem;min-height:80px;justify-content:center}.nav-content{align-items:center}.nav-description{display:none}.nav-icon{font-size:1.5rem;margin-bottom:.25rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.endpoints-list,.webhooks-info{gap:1.5rem}}@media (max-width: 768px){.api-header{flex-direction:column;gap:1.5rem;text-align:center;padding:1.5rem 1rem 2rem;margin-bottom:1rem}.header-content h1{font-size:2rem;line-height:1.2}.header-content p{font-size:1rem;max-width:100%}.api-status{text-align:center;flex-direction:row;justify-content:center;gap:1rem;flex-wrap:wrap}.status-item{flex-direction:column;gap:.25rem}.api-content{padding:0 .75rem;gap:1rem}.api-sidebar{padding:1rem}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.nav-item{padding:.75rem .5rem;min-height:70px}.nav-icon{font-size:1.25rem}.nav-name{font-size:.8rem}.api-main{padding:1.25rem}.section-header h2{font-size:1.6rem}.overview-grid{grid-template-columns:1fr;gap:1rem}.overview-card{padding:1.25rem}.card-icon{font-size:1.75rem}.cta-actions{flex-direction:column;align-items:center;gap:.75rem}.btn-primary,.btn-secondary{width:100%;max-width:280px;justify-content:center}.endpoint-header{flex-direction:column;gap:.75rem;align-items:flex-start}.endpoint-method-path{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.endpoint-path{word-break:break-all;font-size:.8rem}.event-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.event-name{word-break:break-all;font-size:.8rem}.limits-grid{grid-template-columns:1fr}.limit-item{flex-direction:column;align-items:flex-start;gap:.5rem}.code-example{margin-top:.75rem}.code-example pre{padding:.75rem;font-size:.8rem;overflow-x:auto}.code-header{padding:.5rem .75rem;font-size:.8rem;flex-direction:column;gap:.5rem;align-items:flex-start}.auth-method,.webhook-events,.webhook-config{padding:1.25rem}.section-note{padding:1.25rem;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.footer-content{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.api-header{padding:1rem .75rem 1.5rem;border-radius:0 0 16px 16px}.header-content h1{font-size:1.5rem;line-height:1.3}.header-content p{font-size:.9rem;line-height:1.4}.api-status{flex-direction:column;gap:.75rem}.status-item{flex-direction:row;gap:.5rem;justify-content:center}.status-label{font-size:.8rem}.status-value{font-size:.8rem;padding:.25rem .5rem}.api-content{padding:0 .5rem;gap:.75rem}.api-sidebar{padding:.75rem}.sidebar-header h3{font-size:1rem;margin-bottom:.75rem}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.375rem}.nav-item{padding:.625rem .375rem;min-height:60px;font-size:.8rem}.nav-icon{font-size:1.1rem}.nav-name{font-size:.75rem;line-height:1.2}.api-main{padding:1rem;border-radius:12px}.section-header h2{font-size:1.4rem;line-height:1.3}.section-header p{font-size:.9rem}.overview-grid{gap:.75rem}.overview-card{padding:1rem}.overview-card h3{font-size:1rem}.overview-card p,.overview-card li{font-size:.85rem}.card-icon{font-size:1.5rem;margin-bottom:.75rem}.cta-section{padding:1.5rem 1rem}.cta-section h3{font-size:1.25rem}.cta-section p{font-size:.9rem}.btn-primary,.btn-secondary{padding:.625rem 1.25rem;font-size:.85rem;max-width:100%}.endpoint-card{padding:1rem}.endpoint-content h4{font-size:1rem}.endpoint-content p{font-size:.85rem}.method-badge{font-size:.75rem;padding:.25rem .5rem}.endpoint-path{font-size:.75rem;padding:.375rem .5rem;word-break:break-all}.event-item{padding:.75rem}.event-name{font-size:.75rem}.event-description{font-size:.8rem}.auth-method,.webhook-events,.webhook-config{padding:1rem}.auth-method h3,.webhook-events h3,.webhook-config h3{font-size:1.1rem}.code-example pre{padding:.5rem;font-size:.75rem;line-height:1.4}.code-header{padding:.5rem;font-size:.75rem}.limits-grid{gap:.75rem}.limit-item{padding:.75rem}.limit-label{font-size:.8rem}.limit-value{font-size:.9rem}.section-note{padding:1rem}.note-icon{font-size:1.25rem}.note-content h4{font-size:1rem}.note-content p{font-size:.85rem}.api-footer{padding:1.5rem .75rem 1rem;border-radius:0;margin-top:2rem}.footer-section h4{font-size:1rem}.footer-section p{font-size:.85rem}.notification-status{padding:.5rem .75rem;font-size:.8rem}.status-icon{font-size:1rem}}@media (max-width: 360px){.api-header{padding:.75rem .5rem 1.25rem}.header-content h1{font-size:1.25rem}.header-content p{font-size:.8rem}.api-content{padding:0 .25rem}.api-sidebar,.api-main{padding:.75rem}.sidebar-nav{grid-template-columns:repeat(2,1fr)}.nav-item{padding:.5rem .25rem;min-height:50px}.nav-icon{font-size:1rem}.nav-name{font-size:.7rem}.overview-card,.endpoint-card,.auth-method,.webhook-events,.webhook-config{padding:.75rem}.btn-primary,.btn-secondary{padding:.5rem 1rem;font-size:.8rem}}@media (max-height: 500px) and (orientation: landscape){.api-header{padding:1rem 1.5rem}.header-content h1{font-size:1.5rem;margin-bottom:.25rem}.header-content p{margin:0}.api-status{flex-direction:row;gap:1rem}.status-item{flex-direction:row;gap:.5rem}.api-content{gap:1rem;margin-bottom:1rem}.api-sidebar{order:-1}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.nav-item{min-height:60px;padding:.5rem}.api-footer{margin-top:1rem;padding:1.5rem 2rem 1rem}}@media (min-width: 1400px){.api-content{max-width:1600px;grid-template-columns:350px 1fr;gap:3rem}.api-sidebar{padding:2rem}.nav-item{padding:1.25rem}.api-main{padding:2.5rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.footer-content{max-width:1400px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-item:focus,.btn-primary:focus,.btn-secondary:focus{outline:2px solid #0073ea;outline-offset:2px}@media print{.api-documentation{background:#fff;color:#000}.api-header{background:none;color:#000;box-shadow:none}.api-sidebar,.cta-actions,.api-footer{display:none}.api-content{grid-template-columns:1fr}.overview-card,.endpoint-card,.auth-method,.webhook-events,.webhook-config{border:1px solid #000;box-shadow:none}}.client-notifications{max-width:1600px;margin:0 auto;padding:0;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1),radial-gradient(circle at 20% 50%,rgba(15,23,42,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,115,234,.05) 0%,transparent 50%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.client-notifications:before{content:"";position:fixed;inset:0;background:linear-gradient(45deg,transparent 48%,rgba(0,115,234,.01) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,200,117,.01) 50%,transparent 52%);pointer-events:none;z-index:0}.notifications-header{background:linear-gradient(135deg,#0f172a,#1e293b,#334155),radial-gradient(ellipse at top,rgba(0,115,234,.1) 0%,transparent 70%);padding:48px 40px;margin:0;border:none;position:relative;overflow:hidden;box-shadow:0 32px 64px -12px #0006,0 0 0 1px #ffffff1a,inset 0 1px #fff3,inset 0 -1px #0000001a;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:32px}.notifications-header:before{content:"";position:absolute;inset:0;background:conic-gradient(from 45deg at 20% 20%,rgba(0,115,234,.2) 0deg,transparent 90deg,transparent 270deg,rgba(0,115,234,.1) 360deg),radial-gradient(circle at 80% 30%,rgba(0,200,117,.15) 0%,transparent 60%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%),linear-gradient(135deg,rgba(253,171,61,.05) 0%,transparent 50%);pointer-events:none}.notifications-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,115,234,.5) 20%,rgba(0,200,117,.5) 50%,rgba(253,171,61,.5) 80%,transparent 100%)}.notifications-title{display:flex;align-items:center;gap:20px;position:relative;z-index:2}.notifications-title h2{font-size:32px;font-weight:700;color:#fff;margin:0;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.unread-badge{background:linear-gradient(135deg,#ff5e5e,#e53e3e);color:#fff;padding:8px 16px;border-radius:16px;font-size:13px;font-weight:700;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #ff5e5e4d,inset 0 1px #fff3;animation:pulseBadge 2s ease-in-out infinite}@keyframes pulseBadge{0%,to{transform:scale(1);box-shadow:0 8px 25px #ff5e5e4d,inset 0 1px #fff3}50%{transform:scale(1.05);box-shadow:0 12px 35px #ff5e5e66,inset 0 1px #ffffff4d}}.notifications-actions{position:relative;z-index:2}.notifications-actions .btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.notifications-actions .btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 12px 25px #00000026}.notifications-content{padding:40px;max-width:1600px;margin:0 auto;position:relative;z-index:1}.notifications-filters{display:flex;gap:8px;margin-bottom:40px;padding:8px;background:#ffffffe6;border-radius:20px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000014,inset 0 1px #fff3;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.notifications-filters::-webkit-scrollbar{display:none}.filter-btn{padding:12px 20px;border:none;border-radius:12px;background:transparent;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.filter-btn:hover:before{left:100%}.filter-btn:hover{background:#0073ea1a;color:#0073ea;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;box-shadow:0 8px 25px #0073ea40,inset 0 1px #fff3}.filter-btn.active:hover{background:linear-gradient(135deg,#005bb5,#004494);transform:translateY(-2px);box-shadow:0 12px 35px #0073ea59,inset 0 1px #ffffff4d}.notifications-list{display:flex;flex-direction:column;gap:20px}.notification-item{display:flex;gap:20px;padding:24px;background:linear-gradient(135deg,#fffffffa,#f8fafcf2),radial-gradient(circle at top right,rgba(0,115,234,.02) 0%,transparent 50%);border:none;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3,inset 0 1px #fff6}.notification-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#94a3b8,#cbd5e1);transition:all .3s ease}.notification-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f,0 0 0 1px #0073ea1a,inset 0 1px #ffffff80}.notification-item:hover:before{width:6px;background:linear-gradient(135deg,#0073ea,#00c875)}.notification-item.unread{background:linear-gradient(135deg,#fff,#f8fafcfa),radial-gradient(circle at top right,rgba(0,115,234,.05) 0%,transparent 50%);border:1px solid rgba(0,115,234,.2)}.notification-item.unread:before{width:6px;background:linear-gradient(135deg,#0073ea,#005bb5);box-shadow:0 0 20px #0073ea4d}.notification-item.unread .notification-title{font-weight:700;color:#1e293b}.notification-item.high:before{background:linear-gradient(135deg,#ff5e5e,#e53e3e);box-shadow:0 0 20px #ff5e5e66}.notification-item.normal:before{background:linear-gradient(135deg,#0073ea,#005bb5)}.notification-item.low:before{background:linear-gradient(135deg,#00c875,#00a865)}.notification-icon-wrapper{flex-shrink:0;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.notification-icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:16px;padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.notification-icon{width:24px;height:24px;transition:all .3s ease}.notification-icon.system{color:#0073ea;background:linear-gradient(135deg,#0073ea1a,#0073ea0d);padding:16px;border-radius:16px;border:2px solid rgba(0,115,234,.2)}.notification-icon.account{color:#00c875;background:linear-gradient(135deg,#00c8751a,#00c8750d);padding:16px;border-radius:16px;border:2px solid rgba(0,200,117,.2)}.notification-icon.billing{color:#fdab3d;background:linear-gradient(135deg,#fdab3d1a,#fdab3d0d);padding:16px;border-radius:16px;border:2px solid rgba(253,171,61,.2)}.notification-icon.high{color:#ff5e5e;background:linear-gradient(135deg,#ff5e5e1a,#ff5e5e0d);padding:16px;border-radius:16px;border:2px solid rgba(255,94,94,.2);animation:highPriorityPulse 2s ease-in-out infinite}@keyframes highPriorityPulse{0%,to{box-shadow:0 0 #ff5e5e66}50%{box-shadow:0 0 0 8px #ff5e5e1a}}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.notification-title{font-size:16px;font-weight:600;color:#1e293b;margin:0;line-height:1.4;letter-spacing:-.01em}.notification-time{font-size:12px;color:#64748b;font-weight:500;white-space:nowrap;flex-shrink:0;background:#64748b1a;padding:4px 8px;border-radius:8px;backdrop-filter:blur(10px)}.notification-message{font-size:14px;color:#475569;line-height:1.5;margin:0 0 12px;letter-spacing:.01em}.notification-metadata{display:flex;gap:12px;flex-wrap:wrap}.metadata-item{font-size:12px;color:#64748b;background:linear-gradient(135deg,#64748b1a,#94a3b80d);padding:6px 12px;border-radius:8px;border:1px solid rgba(100,116,139,.2);font-weight:500;backdrop-filter:blur(10px)}.unread-indicator{position:absolute;top:20px;right:20px;width:12px;height:12px;background:linear-gradient(135deg,#0073ea,#005bb5);border-radius:50%;box-shadow:0 0 0 3px #fffc,0 4px 12px #0073ea66;animation:unreadPulse 2s ease-in-out infinite}@keyframes unreadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:linear-gradient(135deg,#fffc,#f8fafce6);border-radius:24px;border:1px solid rgba(0,115,234,.1);backdrop-filter:blur(20px)}.empty-icon{width:80px;height:80px;color:#94a3b8;margin-bottom:24px;opacity:.6}.empty-notifications h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px;letter-spacing:-.025em}.empty-notifications p{font-size:16px;color:#64748b;margin:0;font-weight:500;letter-spacing:.01em}.client-notifications.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.loading-spinner-large{display:flex;align-items:center;justify-content:center}.spinner{width:64px;height:64px;animation:spin 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner .opacity-25{opacity:.25}.spinner .opacity-75{opacity:.75;fill:#0073ea}.notifications-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;padding:20px 24px;background:#ffffffe6;border-radius:16px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000014,inset 0 1px #fff3;flex-wrap:wrap}.search-controls{flex:1;min-width:300px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;width:20px;height:20px;color:#64748b;z-index:2}.search-input{width:100%;padding:14px 20px 14px 48px;border:2px solid rgba(0,115,234,.1);border-radius:12px;font-size:15px;color:#1e293b;background:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);font-weight:500}.search-input::placeholder{color:#94a3b8;font-weight:400}.search-input:focus{outline:none;border-color:#0073ea;background:#fff;box-shadow:0 0 0 4px #0073ea1a,0 8px 25px #0073ea26;transform:translateY(-2px)}.clear-search{position:absolute;right:12px;width:24px;height:24px;border:none;background:#64748b1a;color:#64748b;border-radius:50%;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:#ff5e5e1a;color:#ff5e5e;transform:scale(1.1)}.sort-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.sort-controls label{font-size:14px;font-weight:600;color:#475569;white-space:nowrap}.sort-select{padding:10px 16px;border:2px solid rgba(0,115,234,.1);border-radius:10px;font-size:14px;color:#1e293b;background:#ffffffe6;cursor:pointer;font-weight:500;min-width:140px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-select:focus{outline:none;border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.notifications-stats{display:flex;gap:16px;flex-shrink:0}.stat-item{font-size:13px;color:#64748b;background:linear-gradient(135deg,#64748b1a,#94a3b80d);padding:8px 12px;border-radius:8px;border:1px solid rgba(100,116,139,.2);font-weight:500;backdrop-filter:blur(10px);white-space:nowrap}.stat-item strong{color:#1e293b;font-weight:700}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.export-modal{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-radius:20px;padding:0;min-width:500px;max-width:90vw;box-shadow:0 32px 64px #0003,0 0 0 1px #fff3,inset 0 1px #fff6;backdrop-filter:blur(20px);animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(241,245,249,.6);background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff}.modal-header h3{font-size:20px;font-weight:700;margin:0;letter-spacing:-.025em}.close-btn{width:32px;height:32px;border:none;background:#fff3;color:#fff;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:28px}.modal-body p{font-size:16px;color:#475569;margin:0 0 20px;line-height:1.5}.export-info{display:flex;flex-direction:column;gap:12px;background:#f8fafc99;padding:20px;border-radius:12px;border:1px solid rgba(0,115,234,.1)}.export-info .info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:14px;color:#64748b;font-weight:500}.info-value{font-size:14px;color:#1e293b;font-weight:600;background:#fffc;padding:4px 8px;border-radius:6px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 28px;border-top:1px solid rgba(241,245,249,.6);background:#f8fafc66}.btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid;position:relative;overflow:hidden}.btn-secondary{background:#ffffffe6;color:#64748b;border-color:#64748b4d}.btn-secondary:hover{background:#f8fafc;color:#475569;border-color:#64748b66;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0073ea,#005bb5);color:#fff;border-color:#0073ea;box-shadow:0 8px 25px #0073ea40,inset 0 1px #fff3}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#005bb5,#004494);border-color:#005bb5;transform:translateY(-2px);box-shadow:0 12px 35px #0073ea59,inset 0 1px #ffffff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#9ca3af80;border-color:#9ca3af80;box-shadow:none}@media (min-width: 1600px){.notifications-content{padding:50px}.notifications-header{padding:52px 50px}.notifications-controls{padding:24px 28px;gap:32px}.search-input{padding:16px 24px 16px 52px;font-size:16px}.notification-item{padding:28px;gap:24px}.notification-icon-wrapper{width:64px;height:64px}.notification-icon{width:28px;height:28px}}@media (min-width: 1200px) and (max-width: 1599px){.notifications-content{padding:40px}.notifications-header{padding:44px 40px}.notifications-controls{gap:28px}}@media (min-width: 768px) and (max-width: 1199px){.notifications-content{padding:32px 24px}.notifications-header{padding:36px 28px;flex-direction:column;gap:20px;text-align:center}.notifications-header .notifications-title h2{font-size:28px}.notifications-controls{flex-direction:column;gap:20px;padding:18px 20px}.search-controls{min-width:100%}.sort-controls,.notifications-stats{align-self:stretch;justify-content:space-between}.notifications-stats{justify-content:center;flex-wrap:wrap}.export-modal{min-width:400px}}@media (max-width: 767px){.client-notifications{padding:0}.notifications-content{padding:20px 16px}.notifications-header{padding:24px 20px;flex-direction:column;gap:16px;text-align:center}.notifications-header .notifications-title{flex-direction:column;gap:12px}.notifications-header .notifications-title h2{font-size:24px;line-height:1.2}.notifications-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.notifications-filters{gap:6px;padding:6px;overflow-x:auto;justify-content:flex-start}.filter-btn{padding:10px 16px;font-size:13px;white-space:nowrap;flex-shrink:0}.notifications-controls{flex-direction:column;gap:16px;padding:16px 18px}.search-controls{min-width:100%}.search-input{padding:12px 16px 12px 44px;font-size:14px}.search-icon{left:14px;width:18px;height:18px}.sort-controls{flex-direction:column;gap:8px;align-items:stretch}.sort-select{min-width:100%;padding:12px 16px}.notifications-stats{justify-content:center;flex-wrap:wrap;gap:12px}.stat-item{font-size:12px;padding:6px 10px}.notification-item{padding:18px;gap:16px;flex-direction:column;text-align:center}.notification-icon-wrapper{width:48px;height:48px;align-self:center}.notification-icon{width:20px;height:20px;padding:14px}.notification-header{flex-direction:column;gap:8px;text-align:center}.notification-time{align-self:center}.notification-metadata{justify-content:center;gap:8px}.metadata-item{font-size:11px;padding:4px 8px}.unread-indicator{top:16px;right:16px;width:10px;height:10px}.export-modal{min-width:320px;max-width:95vw}.modal-header{padding:20px 22px}.modal-header h3{font-size:18px}.modal-body{padding:22px}.modal-footer{padding:18px 22px;flex-direction:column-reverse;gap:10px}.btn{width:100%;text-align:center}}@media (max-width: 640px){.notifications-header .notifications-title h2{font-size:20px}.filter-btn{padding:8px 12px;font-size:12px}.notification-item{padding:16px;gap:14px}.notification-icon-wrapper{width:44px;height:44px}.notification-title{font-size:15px}.notification-message{font-size:13px}}@media (max-width: 480px){.notifications-content{padding:16px 12px}.notifications-header{padding:20px 16px}.notifications-header .notifications-title h2{font-size:18px}.notifications-controls{padding:14px 16px;gap:14px}.filter-btn{padding:7px 10px;font-size:11px}.notification-item{padding:14px;gap:12px}.notification-icon-wrapper{width:40px;height:40px}.notification-icon{width:18px;height:18px;padding:11px}.notification-title{font-size:14px}.notification-message{font-size:12px}.search-input{padding:10px 14px 10px 40px;font-size:13px}.search-icon{left:12px;width:16px;height:16px}.export-modal{min-width:300px}}@media (hover: none) and (pointer: coarse){.notification-item{min-height:60px;touch-action:manipulation}.filter-btn{min-height:48px;touch-action:manipulation}.search-input{min-height:48px}.btn{min-height:48px;touch-action:manipulation}.close-btn{min-width:44px;min-height:44px}}.notification-item:focus{outline:3px solid #0073ea;outline-offset:2px;transform:translateY(-2px);box-shadow:0 12px 25px #0073ea26,0 0 0 1px #0073ea33,inset 0 1px #ffffff80}.filter-btn:focus{outline:2px solid #0073ea;outline-offset:2px}.search-input:focus{outline:none}.btn:focus{outline:2px solid #0073ea;outline-offset:2px}.sort-select:focus{outline:2px solid #0073ea;outline-offset:2px}@media (max-width: 360px){.notifications-content{padding:12px 8px}.notifications-header{padding:16px 12px}.notifications-header .notifications-title h2{font-size:16px}.notifications-controls{padding:12px 14px}.notification-item{padding:12px;gap:10px}.notification-icon-wrapper{width:36px;height:36px}.notification-icon{width:16px;height:16px;padding:10px}.unread-badge{padding:6px 10px;font-size:11px;min-width:24px;height:24px}}@media (prefers-reduced-motion: reduce){.notification-item,.filter-btn,.search-input,.btn,.modal-overlay,.export-modal{animation:none!important;transition:none!important}.notification-item:hover,.filter-btn:hover,.btn:hover{transform:none!important}}@media (prefers-contrast: high){.notification-item{border:2px solid currentColor;background:Canvas;color:CanvasText}.filter-btn.active{background:Highlight;color:HighlightText;border:2px solid currentColor}.search-input{border:2px solid currentColor;background:Field;color:FieldText}.btn-primary{background:Highlight;color:HighlightText;border:2px solid currentColor}}@media (prefers-color-scheme: dark){.client-notifications{background:linear-gradient(135deg,#0f172a,#1e293b,#334155)}.notification-item{background:linear-gradient(135deg,#1e293bf2,#334155e6);border-color:#94a3b833}.notification-title{color:#f1f5f9}.notification-message{color:#e2e8f0}.search-input{background:#1e293bcc;color:#f1f5f9;border-color:#94a3b84d}.export-modal{background:linear-gradient(135deg,#1e293bfa,#334155f2);color:#f1f5f9}}@media print{.client-notifications{background:#fff!important;color:#000!important}.notifications-header{background:#fff!important;color:#000!important;box-shadow:none!important}.notification-item{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;margin-bottom:10px}.notifications-filters,.notifications-controls,.notifications-actions,.export-modal{display:none!important}}.subscription-container{background:#fff;min-height:100vh;padding:2rem}.subscription-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #f1f5f9}.subscription-header h1{font-size:2.5rem;font-weight:700;color:#000;margin:0 0 .5rem}.subscription-header p{font-size:1.1rem;color:#64748b;margin:0}.subscription-tabs{display:flex;gap:.5rem;margin-bottom:3rem;background:#f8fafc;padding:.5rem;border-radius:12px;border:2px solid #e2e8f0}.tab-button{flex:1;background:transparent;border:none;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-button svg{width:1.25rem;height:1.25rem}.tab-button:hover{background:#e2e8f0;color:#374151}.tab-button.active{background:#3b82f6;color:#fff}.current-subscription{margin-bottom:3rem}.subscription-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;position:relative}.subscription-card.active{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.expiry-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;color:#92400e;font-weight:500}.expiry-warning svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:#f59e0b}.subscription-info{display:flex;flex-direction:column;gap:2rem}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.plan-header h2{font-size:2rem;font-weight:700;color:#000;margin:0}.plan-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.plan-details{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.detail-label{font-size:.95rem;color:#64748b;font-weight:500}.detail-value{font-size:.95rem;color:#000;font-weight:600}.plan-features{background:#f8fafc;border-radius:12px;padding:2rem}.plan-features h3{font-size:1.2rem;font-weight:600;color:#000;margin:0 0 1.5rem}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.plan-features li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#374151}.plan-features li svg{width:1rem;height:1rem;color:#10b981;flex-shrink:0}.subscription-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.no-subscription{text-align:center;padding:4rem 2rem;background:#fff;border:2px dashed #cbd5e1;border-radius:12px}.no-subscription svg{width:4rem;height:4rem;color:#94a3b8;margin-bottom:1.5rem}.no-subscription h3{font-size:1.5rem;font-weight:600;color:#000;margin:0 0 .5rem}.no-subscription p{color:#64748b;margin:0 0 2rem;font-size:1rem}.plans-section{margin-bottom:3rem}.plans-section h2{font-size:1.8rem;font-weight:700;color:#000;margin:0 0 .5rem;text-align:center}.plans-section>p{text-align:center;color:#64748b;margin:0 0 3rem;font-size:1.1rem}.plans-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f61a;transform:translateY(-4px)}.plan-card.current-plan{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.current-badge{position:absolute;top:-1px;right:2rem;background:#10b981;color:#fff;padding:.5rem 1rem;border-radius:0 0 8px 8px;font-size:.8rem;font-weight:600}.plan-header{text-align:center;margin-bottom:2rem}.plan-header h3{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 .5rem}.plan-header p{color:#64748b;font-size:1rem;margin:0}.plan-pricing{text-align:center;margin-bottom:2rem;padding:2rem 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.price-main{font-size:3rem;font-weight:700;color:#000;margin-bottom:.5rem}.price-interval{color:#64748b;font-size:1rem;margin-bottom:1rem}.price-original{display:flex;justify-content:center;align-items:center;gap:.75rem}.original-price{color:#94a3b8;text-decoration:line-through;font-size:.95rem}.discount{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.plan-actions{text-align:center;margin-bottom:1rem}.payment-info{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;text-align:center}.payment-info h3{font-size:1.4rem;font-weight:600;color:#000;margin:0 0 1.5rem}.payment-methods{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.payment-method{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#64748b}.payment-method svg{width:2rem;height:2rem;color:#3b82f6}.payment-method span{font-size:.85rem;font-weight:500;text-align:center}.payment-note{color:#374151;font-size:.95rem;margin:0;font-style:italic}.history-section{margin-bottom:3rem}.history-section h2{font-size:1.8rem;font-weight:700;color:#000;margin:0 0 2rem}.payments-list{display:flex;flex-direction:column;gap:1rem}.payment-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.payment-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.payment-info{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.payment-main h4{font-size:1.1rem;font-weight:600;color:#000;margin:0 0 .5rem}.payment-meta{display:flex;gap:1.5rem;font-size:.85rem;color:#64748b}.payment-amount{font-size:1.2rem;font-weight:700;color:#000}.payment-status .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.payment-actions{text-align:right}.payment-dashboard-container{background:#fff;min-height:100vh;padding:2rem}.payment-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #f1f5f9}.header-content h1{font-size:2.5rem;font-weight:700;color:#000;margin:0 0 .5rem}.header-content p{font-size:1.1rem;color:#64748b;margin:0}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.timeframe-selector{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;color:#000;background:#fff;min-width:150px}.analytics-section{margin-bottom:3rem}.analytics-stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.analytics-stat-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.analytics-stat-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.analytics-stat-card.revenue .stat-icon{color:#10b981}.analytics-stat-card.payments .stat-icon{color:#3b82f6}.analytics-stat-card.average .stat-icon{color:#f59e0b}.analytics-stat-card.success-rate .stat-icon{color:#8b5cf6}.stat-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:2rem;height:2rem}.stat-content{flex:1}.stat-number{font-size:2.5rem;font-weight:700;color:#000;margin:0 0 .25rem}.stat-label{font-size:1rem;color:#64748b;font-weight:500;margin:0}.stat-detail{font-size:.85rem;color:#94a3b8;margin-top:.25rem}.analytics-charts{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2rem}.chart-card h3{font-size:1.2rem;font-weight:600;color:#000;margin:0 0 1.5rem}.plan-distribution,.status-distribution{display:flex;flex-direction:column;gap:1rem}.distribution-item{display:flex;flex-direction:column;gap:.5rem}.distribution-info{display:flex;justify-content:space-between;align-items:center}.plan-name{font-weight:600;color:#000}.plan-count{color:#64748b;font-size:.9rem}.distribution-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.distribution-fill{height:100%;background:#3b82f6;border-radius:4px;transition:width .3s ease}.status-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.status-item:last-child{border-bottom:none}.status-label{flex:1;font-weight:500;color:#374151}.status-count{font-weight:700;color:#000;background:#f1f5f9;padding:.25rem .75rem;border-radius:20px}.payments-section{margin-bottom:3rem}.payments-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.payments-filters select{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;color:#000;background:#fff;min-width:180px}.payments-table{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1.5fr;background:#f8fafc;padding:1rem;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1.5fr;padding:1rem;border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center;padding:.25rem}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-weight:600;color:#000}.customer-email{font-size:.85rem;color:#64748b}.payment-actions{display:flex;gap:.5rem}.no-payments{text-align:center;padding:4rem 2rem;grid-column:1 / -1}.no-payments svg{width:3rem;height:3rem;color:#94a3b8;margin-bottom:1rem}.no-payments h3{font-size:1.2rem;font-weight:600;color:#000;margin:0 0 .5rem}.no-payments p{color:#64748b;margin:0}.payphone-integration-info{margin-top:3rem}.integration-card{background:#f0fdf4;border:2px solid #10b981;border-radius:12px;padding:2rem}.integration-card h3{font-size:1.4rem;font-weight:600;color:#000;margin:0 0 1rem}.integration-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.active{background:#10b981}.integration-status span{font-weight:600;color:#065f46}.integration-details p{color:#374151;margin:0 0 1rem;line-height:1.6}.integration-details ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.integration-details li{display:flex;align-items:flex-start;gap:.75rem;color:#374151;font-size:.95rem}.integration-details li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0}.integration-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.spinner-small{width:1rem;height:1rem;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@media (max-width: 768px){.subscription-container,.payment-dashboard-container{padding:1rem}.subscription-header h1,.header-content h1{font-size:2rem}.subscription-tabs{flex-direction:column}.tab-button{flex:none}.plan-header{flex-direction:column;text-align:center}.plan-details{grid-template-columns:1fr}.subscription-actions{flex-direction:column;align-items:center}.plans-grid{grid-template-columns:1fr}.price-main{font-size:2.5rem}.payment-methods{flex-direction:column;gap:1rem}.payment-info{display:flex;flex-direction:column;gap:1rem}.payment-main{text-align:center}.analytics-stats-grid,.analytics-charts{grid-template-columns:1fr}.payment-dashboard-header{flex-direction:column;gap:1.5rem;align-items:stretch}.payments-filters{flex-direction:column}.payments-filters select{min-width:100%}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-cell{flex-direction:column;align-items:flex-start;padding:.5rem;border-bottom:1px solid #f1f5f9}.table-cell:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.8rem;margin-bottom:.25rem}.payment-actions{flex-direction:column;gap:.5rem}.stat-number{font-size:2rem}.integration-actions{flex-direction:column}}.payment-options{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.payment-options h4{font-size:1.1rem;font-weight:600;color:#000;margin:0 0 1rem;text-align:center}.payment-option{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.payment-option:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.payment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;color:#374151}.paypal-icon{width:1.5rem;height:1.5rem;color:#0070ba}.payphone-icon{width:1.5rem;height:1.5rem;color:#10b981}.btn-paypal{background:linear-gradient(135deg,#0070ba,#003087);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-paypal:hover{background:linear-gradient(135deg,#005ea6,#002973);transform:translateY(-2px);box-shadow:0 8px 25px #0070ba4d}.btn-paypal:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.btn-payphone{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-payphone:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.btn-payphone:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.btn-cancel{background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-cancel:hover{background:#e9ecef;border-color:#dee2e6;color:#495057}.payment-method.featured{background:linear-gradient(135deg,#f0f9ff,#fff);border:2px solid #0070ba;border-radius:12px;padding:1.5rem;position:relative}.payment-method{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .3s ease}.payment-method:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.payment-method svg{width:2.5rem;height:2.5rem;flex-shrink:0}.payment-method div{display:flex;flex-direction:column;gap:.25rem;flex:1}.method-name{font-weight:600;color:#000;font-size:1rem}.method-desc{font-size:.85rem;color:#64748b}.recommended-badge{background:linear-gradient(135deg,#0070ba,#003087);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.payment-security{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.security-badges{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.security-badge{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem;font-weight:500}.security-badge svg{width:1.25rem;height:1.25rem;color:#10b981}.paypal-button-container{margin:1rem 0}@media (max-width: 768px){.payment-options{gap:1rem}.payment-option{padding:1rem}.payment-header{font-size:.95rem}.btn-paypal,.btn-payphone{padding:.875rem 1.5rem;font-size:.95rem}.payment-methods{flex-direction:column;gap:1rem}.security-badges{flex-direction:column;gap:1rem;align-items:center}.method-name{font-size:.95rem}.method-desc{font-size:.8rem}}.payment-result-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem 0}.payment-result{max-width:600px;width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:3rem;text-align:center}.payment-result.success{border-top:4px solid #10b981}.payment-result.error{border-top:4px solid #ef4444}.payment-result.cancelled{border-top:4px solid #f59e0b}.result-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:2rem}.payment-result.success .result-icon{background:#ecfdf5;color:#10b981}.payment-result.error .result-icon{background:#fef2f2;color:#ef4444}.payment-result.cancelled .result-icon{background:#fffbeb;color:#f59e0b}.result-icon svg{width:40px;height:40px}.result-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.result-description{font-size:1.1rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.payment-summary{background:#f9fafb;border-radius:8px;padding:2rem;margin:2rem 0;text-align:left}.summary-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center}.summary-details{display:grid;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#374151}.detail-value{font-weight:600;color:#1f2937}.status-completed{color:#10b981!important}.result-actions{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}@media (min-width: 640px){.result-actions{flex-direction:row;justify-content:center}}.next-steps{background:#f0f9ff;border-radius:8px;padding:2rem;margin:2rem 0;text-align:left}.next-steps-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.next-steps-list{list-style:none;padding:0;margin:0}.next-steps-list li{padding:.5rem 0;color:#374151;font-size:.95rem}.payment-info{background:#f9fafb;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.reference{color:#6b7280;font-size:.9rem;margin:0}.help-section{background:#f8fafc;border-radius:8px;padding:2rem;margin:2rem 0;text-align:left}.help-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;text-align:center}.help-description{color:#6b7280;margin-bottom:1.5rem;text-align:center;line-height:1.6}.alternatives-section{margin:2rem 0;text-align:left}.alternatives-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center}.payment-methods{display:grid;gap:1rem}.payment-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.payment-method:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.method-icon{flex-shrink:0;width:48px;height:48px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.method-icon svg{width:24px;height:24px}.method-info h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.method-info p{font-size:.875rem;color:#6b7280;margin:0}.contact-info{background:#f8fafc;border-radius:8px;padding:2rem;margin:2rem 0}.contact-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem;text-align:center}.contact-methods{display:flex;flex-direction:column;gap:1rem;align-items:center}.contact-method{display:flex;align-items:center;gap:.75rem;color:#374151;font-size:.95rem}.contact-icon{width:20px;height:20px;color:#6b7280}@media (max-width: 640px){.payment-result{padding:2rem 1.5rem;margin:1rem}.result-title{font-size:1.5rem}.payment-summary,.next-steps,.help-section,.contact-info{padding:1.5rem}}:root{--ruby-primary: #ef4444;--ruby-primary-dark: #dc2626;--ruby-secondary: #fef2f2;--ruby-accent: #fee2e2;--ruby-hover: #b91c1c;--ruby-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--chat-bg: #ffffff;--chat-border: #e5e7eb;--chat-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--chat-text: #1f2937;--chat-text-muted: #6b7280;--chat-input-bg: #f9fafb;--chat-input-text: #1f2937;--chat-input-placeholder: #9ca3af;--message-user-bg: #ef4444;--message-bot-bg: #f8fafc;--message-escalation-bg: #fef3c7;--message-escalation-border: #f59e0b;--message-escalation-text: #92400e;--chat-transition: all .3s cubic-bezier(.4, 0, .2, 1);--chat-spring: all .5s cubic-bezier(.175, .885, .32, 1.275)}.ruby-widget-container{position:fixed;bottom:25px;right:25px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ruby-chat-button{width:70px;height:70px;border-radius:50%;background:var(--ruby-gradient);border:3px solid #ffffff;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 25px #ef444466,0 0 #ef4444b3;transition:var(--chat-transition);animation:ruby-pulse 2s infinite}.ruby-chat-button:hover{transform:scale(1.15);box-shadow:0 12px 30px #ef444499,0 0 #ef4444b3;animation:none}.ruby-chat-button:active{transform:scale(1.05)}.ruby-status-indicator{position:absolute;top:5px;right:5px;width:16px;height:16px;background:#10b981;border:2px solid white;border-radius:50%;animation:ruby-availability-pulse 1.5s infinite}.ruby-tooltip{position:absolute;bottom:80px;right:0;background:#000000e6;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;transform:translateY(10px);transition:var(--chat-transition);pointer-events:none;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.ruby-widget-container:hover .ruby-tooltip{opacity:1;transform:translateY(0)}.ruby-chat-window{position:fixed;bottom:24px;right:24px;width:400px;height:520px;background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:16px;box-shadow:var(--chat-shadow);display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:ruby-chat-open .4s var(--chat-spring);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ruby-chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--ruby-gradient);color:#fff;border-radius:16px 16px 0 0}.ruby-chat-avatar-section{display:flex;align-items:center;gap:12px}.ruby-chat-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;position:relative;backdrop-filter:blur(8px)}.ruby-chat-avatar-status{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#10b981;border:2px solid white;border-radius:50%}.ruby-chat-info h4{font-size:16px;font-weight:600;margin:0;line-height:1.2}.ruby-chat-info span{font-size:12px;opacity:.9;line-height:1}.ruby-chat-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:8px;transition:var(--chat-transition);display:flex;align-items:center;justify-content:center}.ruby-chat-close:hover{background:#fff3;transform:scale(1.1)}.ruby-chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#f8fafc,#fff);scrollbar-width:thin;scrollbar-color:var(--ruby-primary) transparent}.ruby-chat-messages::-webkit-scrollbar{width:6px}.ruby-chat-messages::-webkit-scrollbar-track{background:transparent}.ruby-chat-messages::-webkit-scrollbar-thumb{background:var(--ruby-primary);border-radius:3px}.ruby-message{display:flex;gap:12px;align-items:flex-start;animation:ruby-message-appear .3s ease-out}.ruby-message.user{flex-direction:row-reverse;align-self:flex-end}.ruby-message-avatar{width:32px;height:32px;background:var(--ruby-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.ruby-message-content{max-width:75%;background:var(--message-bot-bg);color:var(--chat-text);border:1px solid var(--chat-border);border-radius:16px;padding:12px 16px;box-shadow:0 2px 8px #0000000f;position:relative}.ruby-message.user .ruby-message-content{background:var(--message-user-bg);color:#fff;border-color:var(--ruby-primary)}.ruby-message.escalation .ruby-message-content{background:var(--message-escalation-bg);color:var(--message-escalation-text);border-color:var(--message-escalation-border);border-width:2px}.ruby-message-text{margin:0 0 8px;font-size:14px;line-height:1.5;white-space:pre-line}.ruby-message-time{font-size:11px;opacity:.7;margin:0}.ruby-message.user .ruby-message-time{color:#fffc}.ruby-typing-indicator{display:flex;gap:12px;align-items:flex-start}.ruby-typing-dots{background:var(--message-bot-bg);border:1px solid var(--chat-border);border-radius:16px;padding:12px 16px;display:flex;gap:4px;align-items:center}.ruby-typing-dot{width:8px;height:8px;background:var(--chat-text-muted);border-radius:50%;animation:ruby-typing 1.4s infinite}.ruby-typing-dot:nth-child(2){animation-delay:.2s}.ruby-typing-dot:nth-child(3){animation-delay:.4s}.ruby-chat-input-area{display:flex;padding:16px 20px;border-top:1px solid var(--chat-border);background:var(--chat-bg);gap:12px;border-radius:0 0 16px 16px}.ruby-chat-input{flex:1;padding:12px 16px;border:1px solid var(--chat-border);border-radius:24px;background:var(--chat-input-bg);font-size:14px;color:var(--chat-input-text);outline:none;transition:var(--chat-transition);font-family:inherit}.ruby-chat-input:focus{border-color:var(--ruby-primary);background:#fff;color:#1f2937!important;box-shadow:0 0 0 3px #ef44441a}.ruby-chat-input::placeholder{color:var(--chat-input-placeholder)}.ruby-chat-input:focus::placeholder{color:#9ca3af!important}.ruby-chat-send{background:var(--ruby-primary);color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--chat-transition);font-size:16px}.ruby-chat-send:hover:not(:disabled){background:var(--ruby-hover);transform:scale(1.05)}.ruby-chat-send:disabled{background:var(--chat-text-muted);cursor:not-allowed;opacity:.5}.ruby-chat-footer{padding:12px 20px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid var(--chat-border);text-align:center;font-size:11px;color:var(--chat-text-muted);border-radius:0 0 16px 16px}@keyframes ruby-pulse{0%,to{box-shadow:0 8px 25px #ef444466,0 0 #ef4444b3}50%{box-shadow:0 8px 25px #ef444466,0 0 0 10px #ef444400}}@keyframes ruby-availability-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes ruby-chat-open{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ruby-message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ruby-typing{0%,80%,to{transform:scale(1);opacity:.5}40%{transform:scale(1.2);opacity:1}}@media (min-width: 1920px){.ruby-chat-window{width:420px;height:580px}.ruby-chat-button{width:80px;height:80px;font-size:32px}.ruby-widget-container{bottom:30px;right:30px}}@media (min-width: 1440px) and (max-width: 1919px){.ruby-chat-window{width:400px;height:540px}.ruby-chat-button{width:75px;height:75px;font-size:30px}}@media (min-width: 1200px) and (max-width: 1439px){.ruby-chat-window{width:380px;height:520px}.ruby-chat-button{width:70px;height:70px;font-size:28px}}@media (min-width: 992px) and (max-width: 1199px){.ruby-chat-window{width:360px;height:480px}.ruby-chat-button{width:65px;height:65px;font-size:26px}.ruby-widget-container{bottom:20px;right:20px}.ruby-chat-messages{padding:16px}}@media (min-width: 768px) and (max-width: 991px){.ruby-chat-window{width:calc(100vw - 40px);max-width:380px;height:calc(100vh - 120px);max-height:500px;bottom:16px;right:20px;border-radius:12px}.ruby-chat-button{width:60px;height:60px;font-size:24px}.ruby-widget-container{bottom:16px;right:16px}.ruby-chat-header{padding:14px 16px;border-radius:12px 12px 0 0}.ruby-chat-messages{padding:14px}.ruby-chat-input-area{padding:12px 16px;border-radius:0 0 12px 12px}.ruby-message-content{max-width:80%}}@media (min-width: 576px) and (max-width: 767px){.ruby-chat-window{width:min(340px,calc(100vw - 40px));height:min(450px,calc(100vh - 120px));bottom:16px;right:20px;border-radius:12px}.ruby-chat-button{width:54px;height:54px;font-size:20px}.ruby-widget-container{bottom:16px;right:16px}.ruby-chat-header{padding:12px 16px}.ruby-chat-avatar{width:34px;height:34px;font-size:15px}.ruby-chat-info h4{font-size:14px}.ruby-chat-info span{font-size:10px}.ruby-chat-messages{padding:14px;gap:12px}.ruby-message-content{max-width:85%;padding:10px 12px}.ruby-message-text{font-size:13px}.ruby-chat-input{font-size:16px;padding:10px 12px}.ruby-chat-send{width:38px;height:38px}}@media (min-width: 480px) and (max-width: 575px){.ruby-chat-window{width:min(320px,calc(100vw - 32px));height:min(400px,calc(100vh - 100px));bottom:12px;right:16px;border-radius:12px}.ruby-chat-button{width:52px;height:52px;font-size:18px}.ruby-widget-container{bottom:14px;right:14px}.ruby-chat-header{padding:10px 14px}.ruby-chat-avatar{width:32px;height:32px;font-size:14px}.ruby-chat-info h4{font-size:13px}.ruby-chat-info span{font-size:9px}.ruby-chat-messages{padding:12px;gap:10px}.ruby-message-content{max-width:85%;padding:8px 10px}.ruby-message-text{font-size:12px}.ruby-message-time{font-size:9px}.ruby-chat-input-area{padding:10px 14px}.ruby-chat-input{font-size:16px;padding:8px 10px}.ruby-chat-send{width:36px;height:36px;font-size:13px}.ruby-chat-footer{padding:8px 14px;font-size:9px}}@media (min-width: 360px) and (max-width: 479px){.ruby-chat-window{width:min(300px,calc(100vw - 24px));height:min(380px,calc(100vh - 80px));bottom:8px;right:12px;border-radius:10px}.ruby-chat-button{width:48px;height:48px;font-size:16px}.ruby-widget-container{bottom:10px;right:10px}.ruby-chat-header{padding:8px 12px;border-radius:10px 10px 0 0}.ruby-chat-avatar{width:28px;height:28px;font-size:12px}.ruby-chat-info h4{font-size:12px}.ruby-chat-info span{font-size:8px}.ruby-chat-close{font-size:14px;padding:6px}.ruby-chat-messages{padding:10px;gap:8px}.ruby-message-avatar{width:26px;height:26px;font-size:11px}.ruby-message-content{max-width:85%;padding:6px 8px;border-radius:10px}.ruby-message-text{font-size:11px;line-height:1.4}.ruby-message-time{font-size:8px}.ruby-chat-input-area{padding:8px 12px;gap:6px;border-radius:0 0 10px 10px}.ruby-chat-input{font-size:16px;padding:6px 8px;border-radius:18px}.ruby-chat-send{width:32px;height:32px;font-size:11px}.ruby-chat-footer{padding:6px 12px;font-size:8px;border-radius:0 0 10px 10px}}@media (max-width: 359px){.ruby-chat-window{width:min(280px,calc(100vw - 16px));height:min(350px,calc(100vh - 60px));bottom:6px;right:8px;border-radius:8px}.ruby-chat-button{width:44px;height:44px;font-size:14px}.ruby-widget-container{bottom:8px;right:8px}.ruby-chat-header{padding:6px 10px;border-radius:8px 8px 0 0}.ruby-chat-avatar{width:24px;height:24px;font-size:10px}.ruby-chat-info h4{font-size:11px}.ruby-chat-info span{font-size:7px}.ruby-chat-close{font-size:12px;padding:4px}.ruby-chat-messages{padding:8px;gap:6px}.ruby-message-avatar{width:22px;height:22px;font-size:9px}.ruby-message-content{max-width:85%;padding:4px 6px;border-radius:8px}.ruby-message-text{font-size:10px;line-height:1.3}.ruby-message-time{font-size:7px}.ruby-chat-input-area{padding:6px 10px;gap:4px;border-radius:0 0 8px 8px}.ruby-chat-input{font-size:16px;padding:4px 6px;border-radius:14px}.ruby-chat-send{width:28px;height:28px;font-size:9px}.ruby-chat-footer{padding:4px 10px;font-size:7px;border-radius:0 0 8px 8px}.ruby-tooltip{font-size:9px;padding:3px 5px}}@media (min-width: 2560px){.ruby-chat-window{width:460px;height:620px}.ruby-chat-button{width:90px;height:90px;font-size:36px}.ruby-widget-container{bottom:40px;right:40px}.ruby-chat-header{padding:20px 24px}.ruby-chat-avatar{width:48px;height:48px;font-size:22px}.ruby-chat-messages{padding:24px}.ruby-chat-input-area{padding:18px 24px}}@media (orientation: portrait) and (max-height: 600px){.ruby-chat-window{height:calc(100vh - 40px)}}@media (orientation: landscape) and (max-height: 500px){.ruby-chat-window{height:calc(100vh - 20px);width:min(320px,calc(100vw - 20px));max-height:450px}.ruby-chat-messages{padding:6px;gap:6px}.ruby-chat-button{width:45px;height:45px;font-size:16px}.ruby-message-content{padding:6px 8px}.ruby-message-text{font-size:11px}.ruby-chat-header{padding:8px 12px}.ruby-chat-input-area{padding:6px 12px}}@media (max-width: 320px) or (max-height: 450px){.ruby-chat-window{width:min(260px,calc(100vw - 12px));height:min(320px,calc(100vh - 40px))}.ruby-chat-button{width:40px;height:40px;font-size:12px}.ruby-chat-header{padding:4px 8px}.ruby-chat-avatar{width:20px;height:20px;font-size:8px}.ruby-chat-info h4{font-size:10px}.ruby-chat-info span{font-size:6px}.ruby-chat-messages{padding:6px;gap:4px}.ruby-message-avatar{width:18px;height:18px;font-size:8px}.ruby-message-content{padding:3px 5px;border-radius:6px}.ruby-message-text{font-size:9px;line-height:1.2}.ruby-message-time{font-size:6px}.ruby-chat-input-area{padding:4px 8px;gap:3px}.ruby-chat-input{padding:3px 5px;border-radius:12px}.ruby-chat-send{width:24px;height:24px;font-size:8px}.ruby-chat-footer{padding:3px 8px;font-size:6px}}@media (prefers-color-scheme: dark){:root{--chat-bg: #1f2937;--chat-border: #374151;--chat-text: #f9fafb;--chat-text-muted: #9ca3af;--chat-input-bg: #374151;--chat-input-text: #f9fafb;--chat-input-placeholder: #9ca3af;--message-bot-bg: #374151}.ruby-chat-input{background:#374151!important;color:#f9fafb!important;border-color:#4b5563}.ruby-chat-input:focus{background:#4b5563!important;color:#f9fafb!important;border-color:var(--ruby-primary)}.ruby-chat-input::placeholder{color:#9ca3af!important}.ruby-chat-input:focus::placeholder{color:#d1d5db!important}}.ruby-chat-button:focus,.ruby-chat-close:focus,.ruby-chat-send:focus,.ruby-chat-input:focus{outline:2px solid var(--ruby-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ruby-chat-button,.ruby-status-indicator,.ruby-typing-dot,.ruby-chat-window{animation:none}}