:root{--color-primary: #3841F2;--color-primary-hover: #2d35d4;--color-primary-active: #252cb8;--color-primary-light: rgba(56, 65, 242, .08);--color-primary-lighter: rgba(56, 65, 242, .04);--color-secondary: #175BC2;--color-secondary-hover: #1350ab;--color-secondary-light: rgba(23, 91, 194, .08);--color-soft: #B1CBE4;--color-overlay: #D8E5FE;--color-overlay-light: rgba(216, 229, 254, .5);--color-success: #34D8A1;--color-success-hover: #2cc48f;--color-success-light: rgba(52, 216, 161, .1);--color-success-bg: #ECFDF5;--color-error: #F23978;--color-error-hover: #d93069;--color-error-light: rgba(242, 57, 120, .1);--color-error-bg: #FEF2F2;--color-warning: #FCB400;--color-warning-hover: #e5a300;--color-warning-light: rgba(252, 180, 0, .1);--color-warning-bg: #FFFBEB;--color-text-dark: #212330;--color-text-secondary: #4B5563;--color-text-muted: #A0A3BB;--color-text-placeholder: #9CA3AF;--color-bg-primary: #F9FAFB;--color-bg-secondary: #F7F8FC;--color-surface: #FFFFFF;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-soft: linear-gradient(135deg, rgba(56, 65, 242, .1) 0%, rgba(23, 91, 194, .1) 100%);--gradient-success: linear-gradient(135deg, var(--color-success) 0%, #10B981 100%);--gradient-error: linear-gradient(135deg, var(--color-error) 0%, #EF4444 100%);--gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg-secondary) 100%);--shadow-xs: 0 1px 2px rgba(33, 35, 48, .03);--shadow-sm: 0 1px 3px rgba(33, 35, 48, .04), 0 1px 2px rgba(33, 35, 48, .02);--shadow-md: 0 4px 6px -1px rgba(33, 35, 48, .06), 0 2px 4px -1px rgba(33, 35, 48, .03);--shadow-lg: 0 10px 15px -3px rgba(33, 35, 48, .08), 0 4px 6px -2px rgba(33, 35, 48, .03);--shadow-xl: 0 20px 25px -5px rgba(33, 35, 48, .1), 0 10px 10px -5px rgba(33, 35, 48, .03);--shadow-2xl: 0 25px 50px -12px rgba(33, 35, 48, .2);--shadow-inner: inset 0 2px 4px rgba(33, 35, 48, .04);--shadow-primary: 0 4px 14px rgba(56, 65, 242, .25);--shadow-primary-lg: 0 8px 25px rgba(56, 65, 242, .3);--shadow-card: 0 1px 3px rgba(33, 35, 48, .03), 0 1px 2px rgba(33, 35, 48, .02);--shadow-card-hover: 0 10px 20px rgba(33, 35, 48, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--spacing-px: 1px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--sidebar-width: 280px;--sidebar-collapsed: 80px;--topbar-height: 72px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-secondary);color:var(--color-text-dark);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-moz-selection{background:var(--color-primary-light);color:var(--color-primary)}::selection{background:var(--color-primary-light);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dashboard-container{min-height:100vh;display:flex;background:var(--color-bg-secondary);direction:rtl;position:relative}.dashboard-container:before{content:"";position:fixed;top:0;left:0;right:0;height:400px;background:linear-gradient(180deg,rgba(56,65,242,.03) 0%,transparent 100%);pointer-events:none;z-index:0}.sidebar{position:fixed;top:0;right:0;height:100vh;background:var(--color-surface);border-left:1px solid var(--color-border-light);transition:all var(--transition-slower);z-index:var(--z-fixed);display:flex;flex-direction:column;will-change:width}.sidebar.expanded{width:var(--sidebar-width);box-shadow:var(--shadow-lg)}.sidebar.collapsed{width:var(--sidebar-collapsed);box-shadow:var(--shadow-md)}.sidebar-logo{height:72px;display:flex;align-items:center;justify-content:flex-start;padding:0 var(--spacing-5);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);gap:var(--spacing-3);text-decoration:none;transition:var(--transition-base);flex-shrink:0}.sidebar-logo:hover{background:var(--color-bg-primary)}.logo-icon{width:42px;height:42px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);transition:var(--transition-base);flex-shrink:0;position:relative;overflow:hidden}.logo-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:inherit}.logo-icon:hover{transform:scale(1.05) rotate(-2deg);box-shadow:var(--shadow-primary-lg)}.logo-icon span{color:var(--color-surface);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-xl);letter-spacing:-.5px;position:relative;z-index:1}.logo-text{font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;white-space:nowrap}.sidebar-nav{flex:1;padding:var(--spacing-4) var(--spacing-3);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-soft);border-radius:var(--radius-full)}.nav-section{margin-bottom:var(--spacing-4)}.nav-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-2) var(--spacing-4);margin-bottom:var(--spacing-1);display:block}.nav-footer{margin-top:auto;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base);position:relative;overflow:hidden;margin-bottom:2px;cursor:pointer;border:none;background:transparent;width:100%;text-align:right}.nav-item:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);border-radius:inherit}.nav-item:hover{color:var(--color-primary);background:var(--color-primary-lighter)}.nav-item:hover .nav-icon{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.nav-item.active{color:var(--color-surface);box-shadow:var(--shadow-primary)}.nav-item.active:before{opacity:1}.nav-item.active .nav-icon{background:#fff3;color:var(--color-surface);box-shadow:none}.nav-item.active .nav-text{position:relative;z-index:1}.nav-item.active:hover{transform:translate(-2px);box-shadow:var(--shadow-primary-lg)}.nav-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:50%;background:var(--color-surface);border-radius:var(--radius-full);z-index:2}.nav-icon{width:38px;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-muted);flex-shrink:0;transition:all var(--transition-base);position:relative;z-index:1}.nav-icon svg{width:18px;height:18px;transition:transform var(--transition-base)}.nav-item:hover .nav-icon svg{transform:scale(1.1)}.nav-text{white-space:nowrap;overflow:hidden;position:relative;z-index:1}.nav-item.logout{color:var(--color-error)}.nav-item.logout:hover,.nav-item.logout .nav-icon{background:var(--color-error-light);color:var(--color-error)}.main-content{flex:1;transition:margin-right var(--transition-slower);min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.main-content.sidebar-expanded{margin-right:var(--sidebar-width)}.main-content.sidebar-collapsed{margin-right:var(--sidebar-collapsed)}.top-navbar{height:var(--topbar-height);background:#fffffff2;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);position:sticky;top:0;z-index:var(--z-sticky)}.navbar-right,.navbar-left{display:flex;align-items:center;gap:var(--spacing-3)}.toggle-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-muted)}.toggle-btn:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.02);box-shadow:var(--shadow-md)}.toggle-btn:active{transform:scale(.98)}.toggle-btn svg{width:20px;height:20px}.search-bar{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-2) var(--spacing-4);width:320px;transition:all var(--transition-base)}.search-bar:focus-within{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md);width:380px}.search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-size-sm);color:var(--color-text-dark);font-weight:var(--font-weight-medium);min-width:0}.search-bar input::-moz-placeholder{color:var(--color-text-placeholder);font-weight:var(--font-weight-normal)}.search-bar input::placeholder{color:var(--color-text-placeholder);font-weight:var(--font-weight-normal)}.search-icon{color:var(--color-text-muted);width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-icon svg{width:16px;height:16px}.search-shortcut{display:flex;align-items:center;gap:2px;flex-shrink:0}.search-shortcut kbd{padding:3px 6px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);border:1px solid var(--color-border);font-family:inherit;line-height:1}.notification-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-muted)}.notification-btn:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.02);box-shadow:var(--shadow-md)}.notification-btn svg{width:20px;height:20px}.notification-badge{position:absolute;top:4px;left:4px;min-width:18px;height:18px;padding:0 4px;background:var(--gradient-error);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-surface);border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.user-profile{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);padding-left:var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);border:1px solid var(--color-border-light)}.user-profile:hover{background:var(--color-surface);border-color:var(--color-soft);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-info{text-align:left}.user-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-dark);line-height:var(--line-height-tight)}.user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.user-avatar{width:38px;height:38px;border-radius:var(--radius-full);overflow:hidden;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:2px solid var(--color-surface);flex-shrink:0}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar-placeholder{color:var(--color-surface);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.user-dropdown-icon{width:18px;height:18px;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.user-dropdown-icon svg{width:14px;height:14px}.user-profile:hover .user-dropdown-icon{color:var(--color-primary)}.page-content{flex:1;padding:var(--spacing-6)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#21233066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-fixed) - 1);opacity:0;visibility:hidden;transition:all var(--transition-base)}.sidebar-overlay.visible{opacity:1;visibility:visible}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-5)}.loading-spinner-wrapper{position:relative;width:52px;height:52px}.loading-spinner{position:absolute;inset:0;border:3px solid var(--color-overlay);border-top-color:var(--color-primary);border-radius:var(--radius-full)}.loading-spinner-inner{position:absolute;inset:6px;border:3px solid var(--color-overlay);border-top-color:var(--color-secondary);border-radius:var(--radius-full)}.loading-text{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--color-surface);box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-primary);border:1px solid var(--color-soft)}.btn-secondary:hover{background:var(--color-primary-lighter);border-color:var(--color-primary);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-surface)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.btn-danger{background:var(--gradient-error);color:var(--color-surface)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 14px #f239784d}.btn svg{width:16px;height:16px}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-lg)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}@media(max-width:1024px){.sidebar.expanded{width:var(--sidebar-width);transform:translate(0)}.sidebar.collapsed{transform:translate(100%)}.main-content.sidebar-expanded,.main-content.sidebar-collapsed{margin-right:0}.sidebar-overlay{display:block}.search-bar{display:none}.top-navbar{padding:0 var(--spacing-4)}}@media(max-width:640px){.page-content{padding:var(--spacing-4)}.top-navbar{height:64px;padding:0 var(--spacing-3)}.user-info,.user-dropdown-icon{display:none}.user-profile{padding:var(--spacing-1);background:transparent;border:none}.toggle-btn,.notification-btn{width:38px;height:38px}.navbar-left{gap:var(--spacing-2)}}@media print{.sidebar,.top-navbar,.sidebar-overlay{display:none!important}.main-content{margin:0!important}.page-content{padding:0}}:root{--primary: #3841F2;--primary-hover: #4d55ff;--primary-light: rgba(56, 65, 242, .15);--primary-glow: rgba(56, 65, 242, .5);--blue: #175BC2;--blue-light: rgba(23, 91, 194, .3);--bg-darkest: #0a0e1a;--bg-darker: #0f1629;--bg-dark: #151d35;--bg-medium: #1a2342;--bg-light: #1f2b52;--bg-lighter: #263562;--surface-dark: #1a2342;--surface-medium: #202a4a;--surface-light: #263562;--surface-hover: #2d3d72;--text-primary: #ffffff;--text-secondary: #B1CBE4;--text-tertiary: #7a8bb3;--text-muted: #5a6a8a;--accent-cyan: #00d4ff;--accent-purple: #a855f7;--accent-green: #34D8A1;--accent-red: #F23978;--accent-yellow: #FCB400;--border-dark: rgba(56, 65, 242, .1);--border-medium: rgba(56, 65, 242, .2);--border-light: rgba(177, 203, 228, .15);--border-glow: rgba(56, 65, 242, .4);--gradient-primary: linear-gradient(135deg, #3841F2 0%, #175BC2 100%);--gradient-dark: linear-gradient(135deg, #0a0e1a 0%, #151d35 100%);--gradient-surface: linear-gradient(135deg, #1a2342 0%, #202a4a 100%);--gradient-glow: linear-gradient(135deg, rgba(56, 65, 242, .2) 0%, rgba(23, 91, 194, .1) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-primary: 0 10px 40px -10px rgba(56, 65, 242, .5);--shadow-glow: 0 0 30px rgba(56, 65, 242, .3);--shadow-inner-glow: inset 0 1px 0 rgba(255, 255, 255, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:var(--bg-darkest)}.login-background{position:absolute;inset:0;overflow:hidden;z-index:0}.login-background:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,65,242,.3) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(23,91,194,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 0% 100%,rgba(56,65,242,.15) 0%,transparent 50%),linear-gradient(180deg,var(--bg-darkest) 0%,var(--bg-dark) 50%,var(--bg-darker) 100%)}.login-background:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,65,242,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,65,242,.03) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 70%)}.floating-shape{position:absolute;border-radius:var(--radius-full);filter:blur(60px);animation:float 20s ease-in-out infinite;will-change:transform}.floating-shape-1{width:500px;height:500px;background:radial-gradient(circle,rgba(56,65,242,.4) 0%,transparent 70%);top:-10%;right:-10%;animation-delay:0s}.floating-shape-2{width:400px;height:400px;background:radial-gradient(circle,rgba(23,91,194,.35) 0%,transparent 70%);bottom:-15%;left:-10%;animation-delay:-7s}.floating-shape-3{width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,255,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.6}25%{transform:translateY(-30px) translate(20px) scale(1.05);opacity:.8}50%{transform:translateY(20px) translate(-20px) scale(.95);opacity:.5}75%{transform:translateY(-15px) translate(-10px) scale(1.02);opacity:.7}}.login-card{position:relative;z-index:1;width:100%;max-width:480px;padding:48px 40px;background:linear-gradient(135deg,#1a2342e6,#202a4ad9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-2xl),var(--shadow-glow),var(--shadow-inner-glow);contain:layout style paint}.login-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,rgba(56,65,242,.3) 0%,transparent 40%,transparent 60%,rgba(23,91,194,.2) 100%);z-index:-1;opacity:0;transition:opacity var(--transition-slow)}.login-card:hover:before{opacity:1}.login-card-enter{opacity:0;transform:translateY(40px) scale(.95)}.login-card-enter-active{opacity:1;transform:translateY(0) scale(1);transition:opacity var(--transition-slow),transform var(--transition-spring)}@media(max-width:768px){.login-card{padding:36px 28px;border-radius:var(--radius-xl)}}@media(max-width:480px){.login-page{padding:40px 16px 16px;align-items:flex-start}.login-card{padding:32px 24px;border-radius:var(--radius-lg)}}.login-logo-section{text-align:center;margin-bottom:36px}.login-logo-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;margin-bottom:20px}.login-logo-ring{position:absolute;inset:0;border-radius:var(--radius-full);background:var(--gradient-primary);animation:logoRingPulse 3s ease-in-out infinite}.login-logo-ring:before{content:"";position:absolute;inset:3px;border-radius:var(--radius-full);background:var(--surface-dark)}@keyframes logoRingPulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow),0 0 30px #3841f24d;transform:scale(1)}50%{box-shadow:0 0 0 12px transparent,0 0 50px #3841f266;transform:scale(1.03)}}.login-logo-icon{position:relative;z-index:1;width:80px;height:80px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.login-logo-icon svg{width:40px;height:40px;color:var(--text-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.login-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.login-subtitle{font-size:15px;color:var(--text-secondary);margin:0;font-weight:400}.login-error{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f239781a;border:1px solid rgba(242,57,120,.3);border-radius:var(--radius-md);margin-bottom:24px;animation:errorShake .5s cubic-bezier(.36,.07,.19,.97)}.login-error-icon{flex-shrink:0;width:20px;height:20px;color:var(--accent-red)}.login-error-text{font-size:14px;color:var(--accent-red);margin:0;font-weight:500}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.login-form{display:flex;flex-direction:column;gap:20px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.form-label-icon{width:16px;height:16px;color:var(--text-tertiary)}.input-icon{position:absolute;left:16px;width:20px;height:20px;color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast);z-index:1}.form-input{width:100%;padding:14px 16px 14px 48px;font-size:15px;font-weight:400;color:var(--text-primary);background:#0f162999;border:2px solid var(--border-light);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base);-webkit-appearance:none}.form-input.input-error{border-color:var(--accent-red);background:#f239780d}.password-toggle{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast);z-index:1}[dir=rtl] .input-icon{left:auto;right:16px}[dir=rtl] .form-input{padding:14px 48px 14px 16px}[dir=rtl] .password-toggle{right:auto;left:12px}[dir=rtl] .form-input.has-toggle{padding-left:56px}.login-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{position:relative;width:20px;height:20px;background:var(--surface-dark);border:2px solid var(--border-medium);border-radius:6px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.checkbox-custom svg{width:12px;height:12px;color:var(--text-primary);opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.checkbox-text{font-size:14px;color:var(--text-secondary);font-weight:500}.forgot-password-link{font-size:14px;font-weight:600;color:var(--accent-cyan);text-decoration:none;padding:4px 8px;margin:-4px -8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.forgot-password-link:hover{color:var(--text-primary);background:#00d4ff1a;text-shadow:0 0 10px var(--accent-cyan)}.login-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;color:var(--text-primary);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-base);margin-top:8px;box-shadow:var(--shadow-primary)}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary),0 0 40px var(--primary-glow)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}.login-button-text{position:relative;z-index:1}.login-button-icon{position:relative;z-index:1;width:20px;height:20px;transition:transform var(--transition-base)}.login-button:hover:not(:disabled) .login-button-icon{transform:translate(-4px)}[dir=ltr] .login-button:hover:not(:disabled) .login-button-icon{transform:translate(4px)}.login-divider{display:flex;align-items:center;gap:16px;margin:8px 0}.login-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-medium),transparent)}.login-divider-text{font-size:13px;color:var(--text-muted);font-weight:500}.social-login-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.social-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--surface-dark);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.social-button:hover{border-color:var(--border-medium);background:var(--surface-hover);color:var(--text-primary)}.social-button svg{width:20px;height:20px}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.login-footer-text{font-size:13px;color:var(--text-muted);margin:0}.login-footer-links{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.login-footer-link{font-size:13px;color:var(--text-tertiary);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.login-footer-link:hover{color:var(--accent-cyan)}.register-section{margin-top:24px;text-align:center}.register-text{font-size:14px;color:var(--text-secondary)}.register-link{color:var(--accent-cyan);font-weight:600;text-decoration:none;margin-right:4px;transition:all var(--transition-fast)}.register-link:hover{color:var(--text-primary);text-shadow:0 0 10px var(--accent-cyan)}.login-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;animation:successFadeIn .5s ease-out}.login-success-icon{width:88px;height:88px;background:linear-gradient(135deg,var(--accent-green),#2ec48e);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:successBounce .6s ease-out .2s both;box-shadow:0 10px 40px -10px #34d8a180,0 0 30px #34d8a14d}.login-success-icon svg{width:44px;height:44px;color:var(--text-primary)}.login-success-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.login-success-text{font-size:15px;color:var(--text-secondary);margin:0}@keyframes successBounce{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.field-error{font-size:12px;color:var(--accent-red);margin-top:4px;padding-right:4px}@media(max-width:480px){.login-logo-container{width:72px;height:72px}.login-logo-icon{width:64px;height:64px}.login-logo-icon svg{width:32px;height:32px}.login-title{font-size:26px}.login-subtitle{font-size:14px}.form-input{padding:12px 14px 12px 44px;font-size:16px}.input-icon{left:14px;width:18px;height:18px}.login-options{flex-direction:column;align-items:flex-start;gap:16px}.login-button{padding:14px 20px;font-size:15px}.social-login-grid{grid-template-columns:1fr}.floating-shape-1,.floating-shape-2{width:300px;height:300px}.floating-shape-3{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-shape{display:none}}.form-input:focus-visible,.login-button:focus-visible,.checkbox-input:focus-visible+.checkbox-custom,.forgot-password-link:focus-visible,.social-button:focus-visible,.register-link:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@media(prefers-contrast:high){.form-input{border-width:3px}.login-button{border:2px solid var(--text-primary)}.login-card{border-width:2px}}@media print{.login-page{background:#fff}.login-background,.floating-shape{display:none}.login-card{box-shadow:none;border:1px solid #000;background:#fff}.login-title,.form-label,.checkbox-text{color:#000}}:root{--primary: #3841F2;--primary-hover: #4d55ff;--primary-light: rgba(56, 65, 242, .15);--primary-glow: rgba(56, 65, 242, .5);--blue: #175BC2;--blue-light: rgba(23, 91, 194, .3);--bg-darkest: #0a0e1a;--bg-darker: #0f1629;--bg-dark: #151d35;--bg-medium: #1a2342;--bg-light: #1f2b52;--bg-lighter: #263562;--surface-dark: #1a2342;--surface-medium: #202a4a;--surface-light: #263562;--surface-hover: #2d3d72;--surface-active: #354580;--text-primary: #ffffff;--text-secondary: #B1CBE4;--text-tertiary: #7a8bb3;--text-muted: #5a6a8a;--text-disabled: #4a5a7a;--accent-cyan: #00d4ff;--accent-purple: #a855f7;--accent-green: #34D8A1;--accent-green-light: rgba(52, 216, 161, .15);--accent-red: #F23978;--accent-red-light: rgba(242, 57, 120, .1);--accent-yellow: #FCB400;--accent-yellow-light: rgba(252, 180, 0, .15);--border-dark: rgba(56, 65, 242, .1);--border-medium: rgba(56, 65, 242, .2);--border-light: rgba(177, 203, 228, .15);--border-glow: rgba(56, 65, 242, .4);--border-success: rgba(52, 216, 161, .4);--border-error: rgba(242, 57, 120, .4);--gradient-primary: linear-gradient(135deg, #3841F2 0%, #175BC2 100%);--gradient-dark: linear-gradient(135deg, #0a0e1a 0%, #151d35 100%);--gradient-surface: linear-gradient(135deg, #1a2342 0%, #202a4a 100%);--gradient-header: linear-gradient(135deg, #3841F2 0%, #175BC2 50%, #1a4da6 100%);--gradient-success: linear-gradient(135deg, #34D8A1 0%, #2ec48e 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-primary: 0 10px 40px -10px rgba(56, 65, 242, .5);--shadow-glow: 0 0 30px rgba(56, 65, 242, .3);--shadow-inner-glow: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-success: 0 10px 40px -10px rgba(52, 216, 161, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px}.register-page{min-height:100vh;padding:40px 20px;position:relative;overflow-x:hidden;background:var(--bg-darkest)}.register-background{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.register-background:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% -30%,rgba(56,65,242,.25) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 100% 50%,rgba(23,91,194,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(56,65,242,.1) 0%,transparent 50%),linear-gradient(180deg,var(--bg-darkest) 0%,var(--bg-dark) 50%,var(--bg-darker) 100%)}.register-background:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,65,242,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(56,65,242,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 0%,transparent 70%)}.register-decoration{position:fixed;border-radius:var(--radius-full);filter:blur(80px);animation:decorFloat 25s ease-in-out infinite;pointer-events:none}.register-decoration-1{width:500px;height:500px;background:radial-gradient(circle,rgba(56,65,242,.35) 0%,transparent 70%);top:-150px;right:-150px;animation-delay:0s}.register-decoration-2{width:400px;height:400px;background:radial-gradient(circle,rgba(23,91,194,.3) 0%,transparent 70%);bottom:-100px;left:-150px;animation-delay:-8s}.register-decoration-3{width:250px;height:250px;background:radial-gradient(circle,rgba(52,216,161,.2) 0%,transparent 70%);top:50%;right:10%;animation-delay:-16s}@keyframes decorFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}33%{transform:translateY(-40px) scale(1.05);opacity:.8}66%{transform:translateY(20px) scale(.95);opacity:.5}}.register-container{position:relative;z-index:1;width:100%;max-width:720px;margin:0 auto}.register-card{background:linear-gradient(135deg,#1a2342f2,#202a4ae6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-2xl),var(--shadow-glow),var(--shadow-inner-glow);overflow:hidden;contain:layout style paint}.register-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,rgba(56,65,242,.3) 0%,transparent 30%,transparent 70%,rgba(23,91,194,.2) 100%);z-index:-1;opacity:0;transition:opacity var(--transition-slow)}.register-card:hover:before{opacity:1}.register-card-enter{opacity:0;transform:translateY(40px)}.register-card-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .6s cubic-bezier(.34,1.56,.64,1)}.register-header{background:var(--gradient-header);padding:48px 32px;text-align:center;position:relative;overflow:hidden}.register-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.register-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.register-header-content{position:relative;z-index:1}.register-logo{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);margin-bottom:24px;animation:logoFloat 4s ease-in-out infinite;box-shadow:0 10px 40px #0003}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.register-logo svg{width:48px;height:48px;color:var(--text-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.register-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.register-subtitle{font-size:15px;color:#fffc;margin:0;font-weight:400}.register-progress{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 32px;background:#0f162999;border-bottom:1px solid var(--border-light)}.progress-step{display:flex;align-items:center;gap:8px}.progress-step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);font-size:14px;font-weight:600;transition:all var(--transition-base)}.progress-step.active .progress-step-number{background:var(--primary);color:var(--text-primary);box-shadow:0 0 20px var(--primary-glow),0 4px 12px #3841f24d}.progress-step.completed .progress-step-number{background:var(--accent-green);color:var(--text-primary);box-shadow:0 0 15px #34d8a166}.progress-step.pending .progress-step-number{background:var(--surface-light);color:var(--text-muted);border:2px solid var(--border-light)}.progress-step-label{font-size:13px;font-weight:500;color:var(--text-muted);display:none}.progress-step.active .progress-step-label{color:var(--text-primary)}.progress-step.completed .progress-step-label{color:var(--accent-green)}.progress-line{width:40px;height:3px;background:var(--surface-light);border-radius:2px;transition:background var(--transition-base);position:relative;overflow:hidden}.progress-line.completed{background:var(--accent-green)}.progress-line.completed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(min-width:640px){.progress-step-label{display:block}.progress-line{width:60px}}.register-form-container{padding:36px 32px}.register-error{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--accent-red-light);border:1px solid var(--border-error);border-radius:var(--radius-md);margin-bottom:24px;animation:errorSlide .4s ease-out}@keyframes errorSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.register-error-icon{flex-shrink:0;width:22px;height:22px;color:var(--accent-red)}.register-error-content{flex:1}.register-error-title{font-size:14px;font-weight:600;color:var(--accent-red);margin:0 0 4px}.register-error-text{font-size:13px;color:#ff6b9d;margin:0}.register-error-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--accent-red);transition:all var(--transition-fast)}.register-error-close:hover{background:#f2397833}.register-form{display:flex;flex-direction:column;gap:28px}.form-section{display:flex;flex-direction:column;gap:20px}.form-section-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.form-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary);box-shadow:0 0 15px var(--primary-light)}.form-section-icon svg{width:20px;height:20px}.form-row{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:640px){.form-row.cols-2{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary)}.form-label-required{color:var(--accent-red);font-weight:500}.form-label-optional{font-size:12px;color:var(--text-muted);font-weight:400}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;right:14px;width:20px;height:20px;color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast);z-index:1}[dir=ltr] .input-icon{right:auto;left:14px}.input-container:focus-within .input-icon{color:var(--primary)}.form-input{width:100%;padding:14px 46px 14px 16px;font-size:15px;font-weight:400;color:var(--text-primary);background:#0f162999;border:2px solid var(--border-light);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base);-webkit-appearance:none}[dir=ltr] .form-input{padding-right:16px;padding-left:46px}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{background:#0f1629cc;border-color:var(--border-medium)}.form-input:focus{background:#0f1629e6;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light),var(--shadow-glow)}.form-input.input-error{border-color:var(--accent-red);background:var(--accent-red-light)}.form-input.input-error:focus{box-shadow:0 0 0 4px #f2397826,0 0 20px #f2397833}.form-input.input-success{border-color:var(--accent-green);background:var(--accent-green-light)}.password-toggle{position:absolute;left:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast);z-index:1}[dir=ltr] .password-toggle{left:auto;right:12px}.password-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.password-toggle svg{width:20px;height:20px}.form-select{width:100%;padding:14px 46px 14px 16px;font-size:15px;font-weight:400;color:var(--text-primary);background:#0f162999;border:2px solid var(--border-light);border-radius:var(--radius-md);outline:none;cursor:pointer;transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%237a8bb3' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center}[dir=ltr] .form-select{padding-right:16px;padding-left:46px;background-position:right 14px center}.form-select option{background:var(--bg-dark);color:var(--text-primary);padding:12px}.form-select:hover{background-color:#0f1629cc;border-color:var(--border-medium)}.form-select:focus{background-color:#0f1629e6;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light),var(--shadow-glow)}.form-select:disabled{background-color:#0f16294d;color:var(--text-disabled);cursor:not-allowed;opacity:.6}.input-hint{font-size:12px;color:var(--text-muted);margin:0}.input-error-message{font-size:12px;color:var(--accent-red);margin:0;display:flex;align-items:center;gap:4px}.file-upload-container{display:flex;flex-direction:column;gap:12px}.file-upload-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:28px;background:#0f162980;border:2px dashed var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.file-upload-dropzone:hover{background:#0f1629b3;border-color:var(--primary);box-shadow:0 0 20px var(--primary-light)}.file-upload-dropzone.dragging{background:var(--primary-light);border-color:var(--primary);border-style:solid;box-shadow:0 0 30px var(--primary-glow),inset 0 0 30px #3841f21a}.file-upload-dropzone.has-file{border-style:solid;border-color:var(--accent-green);background:var(--accent-green-light);box-shadow:0 0 20px #34d8a133}.file-upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;pointer-events:none}.file-upload-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--gradient-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--primary);transition:all var(--transition-base)}.file-upload-dropzone:hover .file-upload-icon{transform:translateY(-6px);box-shadow:var(--shadow-xl),0 0 20px var(--primary-light);color:var(--accent-cyan)}.file-upload-icon svg{width:32px;height:32px}.file-upload-text{font-size:14px;color:var(--text-secondary);margin:0}.file-upload-text strong{color:var(--accent-cyan);font-weight:600}.file-upload-hint{font-size:12px;color:var(--text-muted);margin:0}.file-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-dark);animation:filePreviewIn .4s ease-out;border:1px solid var(--border-success)}@keyframes filePreviewIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.file-preview-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.file-preview-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8) 100%)}.file-preview-info{position:absolute;bottom:0;left:0;right:0;padding:16px;display:flex;align-items:center;justify-content:space-between}.file-preview-name{font-size:14px;font-weight:500;color:var(--text-primary);margin:0;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-remove{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast)}.file-preview-remove:hover{background:var(--accent-red);border-color:var(--accent-red);transform:scale(1.1);box-shadow:0 0 20px #f2397866}.file-preview-remove svg{width:20px;height:20px}.checkbox-group{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#0f162980;border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.checkbox-group:hover{background:#0f1629b3;border-color:var(--border-medium)}.checkbox-wrapper{position:relative;flex-shrink:0;z-index:1}.checkbox-input{position:absolute;opacity:0;width:24px;height:24px;cursor:pointer;z-index:2}.checkbox-custom{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--surface-dark);border:2px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.checkbox-input:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.checkbox-custom svg{width:14px;height:14px;color:var(--text-primary);opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.checkbox-input:checked+.checkbox-custom svg{opacity:1;transform:scale(1)}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 4px var(--primary-light)}.checkbox-label{flex:1;cursor:pointer}.checkbox-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.checkbox-text a{color:var(--accent-cyan);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.checkbox-text a:hover{color:var(--text-primary);text-shadow:0 0 10px var(--accent-cyan)}.register-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 32px;font-size:16px;font-weight:600;color:var(--text-primary);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.register-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.register-submit:hover:not(:disabled):before{left:100%}.register-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary),0 0 40px var(--primary-glow)}.register-submit:active:not(:disabled){transform:translateY(0)}.register-submit:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.register-submit-text{position:relative;z-index:1}.register-submit-icon{position:relative;z-index:1;width:20px;height:20px;transition:transform var(--transition-base)}.register-submit:hover:not(:disabled) .register-submit-icon{transform:translate(-4px)}.spinner{position:relative;z-index:1;width:22px;height:22px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--text-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.password-strength{display:flex;flex-direction:column;gap:8px;margin-top:8px}.password-strength-bars{display:flex;gap:4px}.password-strength-bar{flex:1;height:4px;background:var(--surface-light);border-radius:2px;transition:all var(--transition-base)}.password-strength-bar.weak{background:var(--accent-red);box-shadow:0 0 10px #f239784d}.password-strength-bar.medium{background:var(--accent-yellow);box-shadow:0 0 10px #fcb4004d}.password-strength-bar.strong{background:var(--accent-green);box-shadow:0 0 10px #34d8a14d}.password-strength-text{font-size:12px;font-weight:500;margin:0}.password-strength-text.weak{color:var(--accent-red)}.password-strength-text.medium{color:var(--accent-yellow)}.password-strength-text.strong{color:var(--accent-green)}.register-footer{padding:24px 32px;background:#0f162999;border-top:1px solid var(--border-light);text-align:center}.register-footer-text{font-size:14px;color:var(--text-secondary);margin:0}.register-footer-link{color:var(--accent-cyan);font-weight:600;text-decoration:none;margin-right:4px;transition:all var(--transition-fast)}.register-footer-link:hover{color:var(--text-primary);text-shadow:0 0 10px var(--accent-cyan)}.register-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 32px;text-align:center;animation:successFadeIn .5s ease-out}@keyframes successFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.register-success-icon{width:110px;height:110px;background:var(--gradient-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:32px;animation:successBounce .6s ease-out .2s both;box-shadow:var(--shadow-success),0 0 50px #34d8a14d}@keyframes successBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.register-success-icon svg{width:55px;height:55px;color:var(--text-primary)}.register-success-title{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 14px}.register-success-text{font-size:15px;color:var(--text-secondary);margin:0 0 36px;max-width:400px;line-height:1.7}.register-success-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;color:var(--text-primary);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.register-success-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary),0 0 30px var(--primary-glow)}.register-success-button svg{width:20px;height:20px}@media(max-width:640px){.register-page{padding:20px 16px}.register-header{padding:36px 24px}.register-logo{width:72px;height:72px}.register-logo svg{width:40px;height:40px}.register-title{font-size:24px}.register-form-container{padding:28px 24px}.form-section-title{font-size:15px}.form-input,.form-select{font-size:16px;padding:12px 42px 12px 14px}.register-submit{padding:16px 24px}.register-footer{padding:20px 24px}.register-decoration{display:none}.register-success{padding:50px 24px}.register-success-icon{width:90px;height:90px}.register-success-icon svg{width:45px;height:45px}}@media(min-width:641px)and (max-width:768px){.register-container{max-width:600px}.register-decoration-1{width:350px;height:350px}.register-decoration-2{width:280px;height:280px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.register-decoration{display:none}}.form-input:focus-visible,.form-select:focus-visible,.register-submit:focus-visible,.checkbox-input:focus-visible+.checkbox-custom,.register-footer-link:focus-visible,.register-success-button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@media(prefers-contrast:high){.form-input,.form-select{border-width:3px}.register-submit{border:2px solid var(--text-primary)}.register-card{border-width:2px}}@media print{.register-page{background:#fff}.register-background,.register-decoration{display:none}.register-card{box-shadow:none;border:1px solid #000;background:#fff}.register-title,.form-label,.form-section-title{color:#000}}.dashboard-home{--home-gap: 24px;--card-radius: 16px;--card-shadow: 0 1px 3px rgba(33, 35, 48, .03), 0 1px 2px rgba(33, 35, 48, .02);--card-hover-shadow: 0 10px 30px rgba(56, 65, 242, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--stat-primary: rgba(56, 65, 242, .08);--stat-primary-icon: #3841F2;--stat-success: rgba(52, 216, 161, .08);--stat-success-icon: #34D8A1;--stat-warning: rgba(252, 180, 0, .08);--stat-warning-icon: #FCB400;--stat-secondary: rgba(23, 91, 194, .08);--stat-secondary-icon: #175BC2}.dashboard-home{display:flex;flex-direction:column;gap:var(--home-gap);padding-bottom:40px;max-width:1400px;margin:0 auto;animation:pageEnter .5s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary, #F7F8FC) 25%,var(--color-overlay, #D8E5FE) 50%,var(--color-bg-secondary, #F7F8FC) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md, 8px)}.skeleton--circle{border-radius:var(--radius-full, 9999px)}.skeleton--text{border-radius:var(--radius-sm, 6px)}.dashboard-home--skeleton{animation:none}.welcome-banner--skeleton{background:linear-gradient(90deg,var(--color-bg-secondary, #F7F8FC) 25%,var(--color-overlay, #D8E5FE) 50%,var(--color-bg-secondary, #F7F8FC) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.stat-card--skeleton,.info-card--skeleton{background:var(--color-surface, #FFFFFF)}.welcome-banner{position:relative;background:linear-gradient(135deg,#3841f2,#175bc2,#3841f2);background-size:200% 200%;animation:gradientShift 8s ease infinite;border-radius:20px;padding:32px 40px;color:#fff;overflow:hidden;box-shadow:0 8px 32px #3841f240}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.welcome-banner__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.welcome-banner__circle{position:absolute;border-radius:50%;background:#ffffff0f}.welcome-banner__circle--1{top:-60px;right:-60px;width:200px;height:200px}.welcome-banner__circle--2{bottom:-40px;left:5%;width:140px;height:140px;background:#ffffff0a}.welcome-banner__circle--3{top:50%;left:40%;width:80px;height:80px;background:#ffffff08}.welcome-content{position:relative;z-index:1;display:flex;align-items:center;gap:24px}.welcome-avatar{position:relative;width:88px;height:88px;border-radius:20px;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.3);padding:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026;overflow:hidden;flex-shrink:0}.welcome-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}.welcome-avatar__placeholder{font-size:2.25rem;font-weight:700;color:#fff}.welcome-avatar__status{position:absolute;bottom:6px;right:6px;width:16px;height:16px;background:#34d8a1;border:3px solid rgba(56,65,242,.9);border-radius:50%;box-shadow:0 2px 6px #34d8a166}.welcome-text{flex:1}.welcome-text__greeting{font-size:.9rem;font-weight:500;opacity:.9;margin-bottom:4px}.welcome-text__name{display:flex;align-items:center;gap:10px;font-size:1.75rem;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.welcome-text__wave{width:28px;height:28px;color:#fcb400}.welcome-text__wave svg{width:100%;height:100%}.welcome-text__badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.welcome-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.85rem;border:1px solid rgba(255,255,255,.2)}.welcome-badge__icon{width:14px;height:14px;opacity:.9}.welcome-badge__icon svg{width:100%;height:100%}.welcome-badge--secondary{background:#ffffff1a}.welcome-stats{position:relative;z-index:1}.welcome-stat{display:flex;flex-direction:column;align-items:center;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.15);position:relative}.welcome-stat__value{font-size:2rem;font-weight:800;line-height:1}.welcome-stat__label{font-size:.8rem;opacity:.85;margin-top:4px}.welcome-stat__icon{position:absolute;top:-8px;right:-8px;width:24px;height:24px;color:#fcb400}.welcome-stat__icon svg{width:100%;height:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--home-gap)}.stat-card{background:var(--color-surface, #FFFFFF);border-radius:var(--card-radius);border:1px solid rgba(177,203,228,.2);box-shadow:var(--card-shadow);transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;border-radius:0 0 0 100%;opacity:.5;transition:opacity .3s ease}.stat-card--primary:before{background:var(--stat-primary)}.stat-card--success:before{background:var(--stat-success)}.stat-card--warning:before{background:var(--stat-warning)}.stat-card--secondary:before{background:var(--stat-secondary)}.stat-card:hover{border-color:#3841f233;box-shadow:var(--card-hover-shadow)}.stat-card:hover:before{opacity:.8}.stat-card__inner{padding:24px;position:relative;z-index:1}.stat-card__header{display:flex;justify-content:space-between;align-items:flex-start}.stat-card__info{flex:1}.stat-card__title{font-size:.875rem;color:var(--color-text-muted, #A0A3BB);font-weight:600;margin:0 0 8px}.stat-card__value{font-size:2rem;font-weight:800;color:var(--color-text-dark, #212330);line-height:1.2;letter-spacing:-1px;margin:0}.stat-card__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon svg{width:24px;height:24px}.stat-card--primary .stat-card__icon{background:var(--stat-primary);color:var(--stat-primary-icon)}.stat-card--success .stat-card__icon{background:var(--stat-success);color:var(--stat-success-icon)}.stat-card--warning .stat-card__icon{background:var(--stat-warning);color:var(--stat-warning-icon)}.stat-card--secondary .stat-card__icon{background:var(--stat-secondary);color:var(--stat-secondary-icon)}.stat-card__footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border-light, #F3F4F6);display:flex;align-items:center;gap:10px;font-size:.8rem}.stat-card__trend{display:inline-flex;align-items:center;gap:4px;font-weight:700;padding:4px 8px;border-radius:8px}.stat-card__trend svg{width:14px;height:14px}.stat-card__trend--up{color:#10b981;background:#10b9811a}.stat-card__trend--down{color:#ef4444;background:#ef44441a}.stat-card__period{color:var(--color-text-muted, #A0A3BB)}.info-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--home-gap)}.info-card{background:var(--color-surface, #FFFFFF);border-radius:var(--card-radius);padding:24px;border:1px solid rgba(177,203,228,.2);box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:100%;transition:var(--transition)}.info-card:hover{border-color:#3841f233;box-shadow:var(--card-hover-shadow)}.info-card__header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light, #F3F4F6)}.info-card__icon{width:44px;height:44px;border-radius:12px;background:#3841f214;color:#3841f2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card__icon svg{width:20px;height:20px}.info-card__title{font-size:1.05rem;font-weight:700;color:var(--color-text-dark, #212330);margin:0}.info-card__content{flex:1}.info-card__description{color:var(--color-text-secondary, #4B5563);font-size:.925rem;line-height:1.7;margin:0}.contact-list{display:flex;flex-direction:column;gap:10px}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary, #F7F8FC);border-radius:12px;transition:var(--transition)}.contact-item:hover{background:#3841f20f}.contact-item__icon{width:18px;height:18px;color:#3841f2;flex-shrink:0}.contact-item__icon svg{width:100%;height:100%}.contact-item__label{color:var(--color-text-muted, #A0A3BB);font-weight:500;font-size:.85rem;min-width:50px}.contact-item__value{color:var(--color-text-dark, #212330);font-weight:600;font-size:.9rem;flex:1}.schedule-list{display:flex;flex-direction:column;gap:6px}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:10px;border:1px solid transparent;transition:var(--transition)}.schedule-item:hover{background:var(--color-bg-secondary, #F7F8FC);border-color:var(--color-border-light, #F3F4F6)}.schedule-item__day{font-weight:600;color:var(--color-text-secondary, #4B5563);font-size:.9rem}.schedule-item__time{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:#3841f2;background:#3841f214;padding:6px 12px;border-radius:8px}.schedule-item__time-icon{width:14px;height:14px}.schedule-item__time-icon svg{width:100%;height:100%}.categories-tags{display:flex;flex-wrap:wrap;gap:10px}.category-tag{background:var(--color-bg-secondary, #F7F8FC);color:var(--color-text-secondary, #4B5563);padding:8px 16px;border-radius:var(--radius-full, 9999px);font-size:.875rem;font-weight:600;transition:var(--transition);border:1px solid transparent;cursor:default}.category-tag:hover{background:#3841f2;color:#fff;box-shadow:0 4px 12px #3841f240}.quick-actions{margin-top:var(--spacing-4, 16px)}.quick-actions__title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:var(--color-text-dark, #212330);margin:0 0 20px}.quick-actions__title-icon{width:22px;height:22px;color:#3841f2}.quick-actions__title-icon svg{width:100%;height:100%}.quick-actions__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-action-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--color-surface, #FFFFFF);border:1px solid rgba(177,203,228,.2);border-radius:14px;cursor:pointer;transition:var(--transition);text-align:right}.quick-action-card:hover{border-color:#3841f233}.quick-action-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-card__icon svg{width:20px;height:20px}.quick-action-card__icon--primary{background:#3841f21a;color:#3841f2}.quick-action-card__icon--success{background:#34d8a11a;color:#34d8a1}.quick-action-card__icon--warning{background:#fcb4001a;color:#fcb400}.quick-action-card__icon--secondary{background:#175bc21a;color:#175bc2}.quick-action-card__text{flex:1;font-size:.925rem;font-weight:600;color:var(--color-text-dark, #212330)}.quick-action-card__arrow{width:18px;height:18px;color:var(--color-text-muted, #A0A3BB);transition:var(--transition)}.quick-action-card__arrow svg{width:100%;height:100%}.quick-action-card:hover .quick-action-card__arrow{color:#3841f2;transform:translate(-4px)}@media(max-width:1200px){.stats-grid,.quick-actions__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.info-cards-grid{grid-template-columns:1fr}.welcome-banner{padding:24px 28px}.welcome-avatar{width:72px;height:72px}.welcome-text__name{font-size:1.5rem}}@media(max-width:768px){.dashboard-home{gap:20px}.welcome-content{flex-direction:column;text-align:center}.welcome-text__badges{justify-content:center}.welcome-stats{display:none}.quick-actions__grid{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-home{gap:16px}.stats-grid{grid-template-columns:1fr}.welcome-banner{padding:20px;border-radius:16px}.welcome-avatar{width:64px;height:64px;border-radius:16px}.welcome-avatar__placeholder{font-size:1.75rem}.welcome-text__name{font-size:1.25rem}.welcome-text__greeting{font-size:.85rem}.stat-card__inner{padding:20px}.stat-card__value{font-size:1.75rem}.info-card{padding:20px}.quick-action-card{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.dashboard-home,.welcome-banner{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.stat-card:focus-visible,.info-card:focus-visible,.quick-action-card:focus-visible,.category-tag:focus-visible{outline:2px solid #3841F2;outline-offset:2px}@media print{.dashboard-home{padding:0}.welcome-banner{background:#f7f8fc!important;color:#212330!important;box-shadow:none!important}.stat-card,.info-card,.quick-action-card{box-shadow:none!important;border:1px solid #E5E7EB!important}.quick-actions{display:none}}:root{--op-primary: #3841F2;--op-primary-dark: #175BC2;--op-primary-light: #D8E5FE;--op-primary-soft: #B1CBE4;--op-primary-shadow: rgba(56, 65, 242, .2);--op-success: #34D8A1;--op-success-light: rgba(52, 216, 161, .12);--op-success-dark: #2bc48b;--op-warning: #FCB400;--op-warning-light: rgba(252, 180, 0, .12);--op-error: #F23978;--op-error-light: #FEF2F2;--op-text: #212330;--op-text-muted: #A0A3BB;--op-bg: #F9FAFB;--op-surface: #FFFFFF;--op-surface-alt: #F7F8FC;--op-border: rgba(177, 203, 228, .25);--op-border-strong: rgba(177, 203, 228, .5);--op-radius-sm: .5rem;--op-radius-md: .75rem;--op-radius-lg: 1rem;--op-radius-xl: 1.25rem;--op-radius-2xl: 1.5rem;--op-radius-full: 9999px;--op-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--op-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--op-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--op-shadow-primary: 0 8px 24px var(--op-primary-shadow);--op-transition: .2s cubic-bezier(.4, 0, .2, 1)}.op-page{min-height:100vh;background:linear-gradient(180deg,var(--op-surface-alt) 0%,var(--op-bg) 100%)}.op-container{max-width:1400px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.op-container{padding:2rem;gap:2rem}}.op-header{display:flex;align-items:center;justify-content:space-between}.op-header__content{display:flex;align-items:center;gap:1rem}.op-header__icon{width:3.5rem;height:3.5rem;border-radius:var(--op-radius-xl);background:linear-gradient(135deg,var(--op-primary) 0%,var(--op-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--op-shadow-primary)}.op-header__icon svg{width:1.5rem;height:1.5rem}.op-header__title{font-size:1.75rem;font-weight:800;color:var(--op-text);margin:0;letter-spacing:-.02em}.op-header__subtitle{font-size:.9375rem;color:var(--op-text-muted);margin:.25rem 0 0}.op-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.op-kpis{grid-template-columns:repeat(4,1fr)}}.op-kpi{background:var(--op-surface);border-radius:var(--op-radius-xl);border:1px solid var(--op-border);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:var(--op-transition)}.op-kpi:hover{box-shadow:var(--op-shadow-md)}.op-kpi__icon{width:3rem;height:3rem;border-radius:var(--op-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.op-kpi__icon svg{width:1.25rem;height:1.25rem}.op-kpi--primary .op-kpi__icon{background:var(--op-primary-light);color:var(--op-primary)}.op-kpi--success .op-kpi__icon{background:var(--op-success-light);color:var(--op-success)}.op-kpi--warning .op-kpi__icon{background:var(--op-warning-light);color:var(--op-warning)}.op-kpi--error .op-kpi__icon{background:var(--op-error-light);color:var(--op-error)}.op-kpi__content{display:flex;flex-direction:column;gap:.125rem}.op-kpi__value{font-size:1.5rem;font-weight:800;color:var(--op-text);letter-spacing:-.02em;line-height:1}.op-kpi__title{font-size:.8125rem;color:var(--op-text-muted)}.op-tabs-wrapper{background:var(--op-surface);border-radius:var(--op-radius-2xl);border:1px solid var(--op-border);padding:.375rem;box-shadow:var(--op-shadow-sm)}.op-tabs{display:flex;gap:.375rem}.op-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:transparent;border:none;border-radius:var(--op-radius-xl);font-size:.9375rem;font-weight:600;font-family:inherit;color:var(--op-text-muted);cursor:pointer;transition:var(--op-transition)}.op-tab svg{width:1.125rem;height:1.125rem}.op-tab:hover{background:var(--op-surface-alt);color:var(--op-text)}.op-tab--active{background:linear-gradient(135deg,var(--op-primary) 0%,var(--op-primary-dark) 100%);color:#fff;box-shadow:var(--op-shadow-primary)}.op-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;border-radius:var(--op-radius-full);font-size:.75rem;font-weight:700;background:#fff3}.op-tab:not(.op-tab--active) .op-tab__count{background:var(--op-border-strong);color:var(--op-text-muted)}.op-content{min-height:400px}.op-results-info{font-size:.875rem;color:var(--op-text-muted);margin-bottom:1rem}.op-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.op-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.op-grid{grid-template-columns:repeat(3,1fr)}}.op-card{background:var(--op-surface);border-radius:var(--op-radius-2xl);border:1px solid var(--op-border);overflow:hidden;cursor:pointer;transition:var(--op-transition)}.op-card:hover{border-color:var(--op-primary-soft);box-shadow:var(--op-shadow-lg)}.op-card:focus-visible{outline:2px solid var(--op-primary);outline-offset:2px}.op-card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,var(--op-surface-alt) 0%,var(--op-surface) 100%);border-bottom:1px solid var(--op-border)}.op-card__order-info{display:flex;align-items:baseline;gap:.375rem}.op-card__order-label{font-size:.8125rem;color:var(--op-text-muted)}.op-card__order-id{font-size:1rem;font-weight:700;color:var(--op-text)}.op-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--op-radius-full);font-size:.75rem;font-weight:600}.op-badge svg{width:.875rem;height:.875rem}.op-badge--new{background:var(--op-warning-light);color:#b8860b}.op-badge--completed{background:var(--op-success-light);color:#059669}.op-badge--rejected{background:var(--op-error-light);color:var(--op-error)}.op-badge--default{background:var(--op-surface-alt);color:var(--op-text-muted)}.op-card__date{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8125rem;color:var(--op-text-muted);border-bottom:1px solid var(--op-border)}.op-card__date svg{width:.875rem;height:.875rem}.op-card__products{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.op-card__product{display:flex;gap:.875rem}.op-card__product-image{position:relative;width:4rem;height:4rem;border-radius:var(--op-radius-lg);overflow:hidden;background:var(--op-surface-alt);flex-shrink:0}.op-card__product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-card__product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--op-text-muted)}.op-card__product-placeholder svg{width:1.5rem;height:1.5rem}.op-card__product-qty{position:absolute;top:-.25rem;right:-.25rem;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:var(--op-primary);color:#fff;font-size:.6875rem;font-weight:700;border-radius:var(--op-radius-full);display:flex;align-items:center;justify-content:center}.op-card__product-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.op-card__product-name{font-size:.9375rem;font-weight:600;color:var(--op-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-card__product-price{font-size:.9375rem;font-weight:700;color:var(--op-primary)}.op-card__more-items{font-size:.8125rem;color:var(--op-text-muted);text-align:center;padding:.5rem;background:var(--op-surface-alt);border-radius:var(--op-radius-md)}.op-card__summary{padding:.875rem 1.25rem;background:var(--op-surface-alt);display:flex;flex-direction:column;gap:.5rem}.op-card__summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--op-text-muted)}.op-card__summary-row--total{padding-top:.5rem;border-top:1px solid var(--op-border);font-size:1rem;font-weight:700;color:var(--op-text)}.op-card__summary-row--total span:last-child{color:var(--op-primary)}.op-card__customer{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid var(--op-border)}.op-card__customer-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--op-text)}.op-card__customer-info svg{width:1rem;height:1rem;color:var(--op-text-muted);flex-shrink:0}.op-card__address{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid var(--op-border);font-size:.8125rem;color:var(--op-text-muted)}.op-card__address svg{width:1rem;height:1rem;flex-shrink:0;margin-top:.125rem}.op-card__actions{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--op-border);background:var(--op-surface-alt)}.op-card__action{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--op-radius-full);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--op-transition)}.op-card__action svg{width:1.125rem;height:1.125rem}.op-card__action--confirm{background:var(--op-success);color:#fff}.op-card__action--confirm:hover{background:var(--op-success-dark);box-shadow:0 4px 12px #34d8a14d}.op-card__action--cancel{background:var(--op-error-light);color:var(--op-error)}.op-card__action--cancel:hover{background:var(--op-error);color:#fff}.op-card__view-details{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border-top:1px solid var(--op-border);font-size:.875rem;font-weight:500;color:var(--op-primary);background:#3841f20a;transition:var(--op-transition)}.op-card:hover .op-card__view-details{background:#3841f214}.op-card__view-details svg{width:1rem;height:1rem}.op-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--op-surface);border-radius:var(--op-radius-2xl);border:1px solid var(--op-border);text-align:center}.op-empty__illustration{position:relative;margin-bottom:1.5rem}.op-empty__icon{position:relative;z-index:1;width:5rem;height:5rem;border-radius:var(--op-radius-2xl);background:linear-gradient(135deg,var(--op-primary-light) 0%,var(--op-surface-alt) 100%);display:flex;align-items:center;justify-content:center;color:var(--op-primary)}.op-empty__icon svg{width:2.5rem;height:2.5rem}.op-empty__rings{position:absolute;inset:-1rem}.op-empty__ring{position:absolute;inset:0;border:2px solid var(--op-primary-light);border-radius:var(--op-radius-2xl);animation:op-pulse 2.5s ease-in-out infinite}.op-empty__ring--2{inset:-.75rem;opacity:.5;animation-delay:.5s}@keyframes op-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.6}}.op-empty__title{font-size:1.25rem;font-weight:700;color:var(--op-text);margin:0 0 .5rem}.op-empty__text{font-size:.9375rem;color:var(--op-text-muted);margin:0;max-width:20rem}.op-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--op-surface);border-radius:var(--op-radius-2xl);border:1px solid var(--op-border);text-align:center}.op-error__icon{width:4rem;height:4rem;border-radius:var(--op-radius-full);background:var(--op-error-light);display:flex;align-items:center;justify-content:center;color:var(--op-error);margin-bottom:1rem}.op-error__icon svg{width:2rem;height:2rem}.op-error__title{font-size:1.125rem;font-weight:700;color:var(--op-text);margin:0 0 .375rem}.op-error__text{font-size:.9375rem;color:var(--op-text-muted);margin:0 0 1.5rem}.op-error__btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--op-primary);color:#fff;border:none;border-radius:var(--op-radius-full);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--op-transition)}.op-error__btn:hover{background:var(--op-primary-dark);box-shadow:var(--op-shadow-primary)}.op-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--op-border)}.op-pagination__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--op-surface);border:1px solid var(--op-border-strong);border-radius:var(--op-radius-full);font-size:.875rem;font-weight:500;font-family:inherit;color:var(--op-text);cursor:pointer;transition:var(--op-transition)}.op-pagination__btn svg{width:1rem;height:1rem}.op-pagination__btn:hover:not(:disabled){border-color:var(--op-primary);color:var(--op-primary)}.op-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.op-pagination__btn-text{display:none}@media(min-width:480px){.op-pagination__btn-text{display:inline}}.op-pagination__pages{display:flex;align-items:center;gap:.25rem}.op-pagination__page{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--op-radius-full);font-size:.875rem;font-weight:500;font-family:inherit;color:var(--op-text);cursor:pointer;transition:var(--op-transition)}.op-pagination__page:hover{background:var(--op-primary-light);color:var(--op-primary)}.op-pagination__page--active{background:var(--op-primary);color:#fff;box-shadow:var(--op-shadow-primary)}.op-pagination__ellipsis{padding:0 .5rem;color:var(--op-text-muted)}.op-skeleton-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.op-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.op-skeleton-grid{grid-template-columns:repeat(3,1fr)}}.op-skeleton-card{background:var(--op-surface);border-radius:var(--op-radius-2xl);border:1px solid var(--op-border);overflow:hidden}.op-skeleton-card__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--op-surface-alt);border-bottom:1px solid var(--op-border)}.op-skeleton-card__badge{width:4rem;height:1.5rem;border-radius:var(--op-radius-full);background:linear-gradient(90deg,var(--op-surface-alt) 0%,var(--op-primary-light) 50%,var(--op-surface-alt) 100%);background-size:200% 100%;animation:op-shimmer 1.5s infinite}.op-skeleton-card__id{width:3rem;height:1rem;border-radius:var(--op-radius-sm);background:linear-gradient(90deg,var(--op-surface-alt) 0%,var(--op-primary-light) 50%,var(--op-surface-alt) 100%);background-size:200% 100%;animation:op-shimmer 1.5s infinite}.op-skeleton-card__body{display:flex;gap:.875rem;padding:1.25rem}.op-skeleton-card__image{width:4rem;height:4rem;border-radius:var(--op-radius-lg);background:linear-gradient(90deg,var(--op-surface-alt) 0%,var(--op-primary-light) 50%,var(--op-surface-alt) 100%);background-size:200% 100%;animation:op-shimmer 1.5s infinite;flex-shrink:0}.op-skeleton-card__content{flex:1;display:flex;flex-direction:column;gap:.5rem}.op-skeleton-card__title{width:70%;height:1rem;border-radius:var(--op-radius-sm);background:linear-gradient(90deg,var(--op-surface-alt) 0%,var(--op-primary-light) 50%,var(--op-surface-alt) 100%);background-size:200% 100%;animation:op-shimmer 1.5s infinite}.op-skeleton-card__text{width:50%;height:.875rem;border-radius:var(--op-radius-sm);background:linear-gradient(90deg,var(--op-surface-alt) 0%,var(--op-primary-light) 50%,var(--op-surface-alt) 100%);background-size:200% 100%;animation:op-shimmer 1.5s infinite;opacity:.6}.op-skeleton-card__price{width:5rem;height:1.125rem;border-radius:var(--op-radius-sm);background:linear-gradient(90deg,var(--op-surface-alt) 0%,var(--op-primary-light) 50%,var(--op-surface-alt) 100%);background-size:200% 100%;animation:op-shimmer 1.5s infinite}.op-skeleton-card__footer{display:flex;gap:.5rem;padding:.875rem 1.25rem;background:var(--op-surface-alt);border-top:1px solid var(--op-border)}.op-skeleton-card__info{flex:1;height:1rem;border-radius:var(--op-radius-sm);background:linear-gradient(90deg,var(--op-surface-alt) 0%,var(--op-primary-light) 50%,var(--op-surface-alt) 100%);background-size:200% 100%;animation:op-shimmer 1.5s infinite;opacity:.6}.op-skeleton-card__actions{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--op-border)}.op-skeleton-card__btn{flex:1;height:2.5rem;border-radius:var(--op-radius-full);background:linear-gradient(90deg,var(--op-surface-alt) 0%,var(--op-primary-light) 50%,var(--op-surface-alt) 100%);background-size:200% 100%;animation:op-shimmer 1.5s infinite}@keyframes op-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.orders-spinner{animation:op-spin 1s linear infinite}@keyframes op-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.op-tab:focus-visible,.op-card__action:focus-visible,.op-pagination__btn:focus-visible,.op-pagination__page:focus-visible,.op-error__btn:focus-visible{outline:2px solid var(--op-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.op-empty__ring{animation:none}.op-skeleton-card__badge,.op-skeleton-card__id,.op-skeleton-card__image,.op-skeleton-card__title,.op-skeleton-card__text,.op-skeleton-card__price,.op-skeleton-card__info,.op-skeleton-card__btn{animation:none;background:var(--op-surface-alt)}.orders-spinner{animation-duration:1.5s}}@media print{.op-page{background:#fff}.op-tabs-wrapper,.op-pagination,.op-card__actions,.op-card__view-details{display:none!important}}:root{--od-primary: #3841F2;--od-primary-dark: #175BC2;--od-primary-light: #D8E5FE;--od-secondary: #B1CBE4;--od-success: #34D8A1;--od-success-bg: #ECFDF5;--od-error: #F23978;--od-error-bg: #FEF2F2;--od-warning: #FCB400;--od-warning-bg: #FFFBEB;--od-text-dark: #212330;--od-text-muted: #A0A3BB;--od-bg-light: #F9FAFB;--od-bg-card: #FFFFFF;--od-bg-surface: #F7F8FC;--od-border: #E5E7EB;--od-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--od-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .04);--od-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--od-radius-sm: 8px;--od-radius-md: 12px;--od-radius-lg: 16px;--od-radius-full: 9999px}.od-page{min-height:100vh;background:var(--od-bg-light);padding:24px}.od-container{max-width:1400px;margin:0 auto}@keyframes od-spin{to{transform:rotate(360deg)}}.od-spinner{animation:od-spin 1s linear infinite}.od-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.od-loading__content{text-align:center}.od-loading__spinner{width:64px;height:64px;margin:0 auto 24px;color:var(--od-primary)}.od-loading__spinner svg{width:100%;height:100%}.od-loading__title{font-size:20px;font-weight:600;color:var(--od-text-dark);margin:0 0 8px}.od-loading__text{font-size:14px;color:var(--od-text-muted);margin:0}.od-error{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px}.od-error__content{text-align:center;max-width:400px}.od-error__icon{width:80px;height:80px;margin:0 auto 24px;padding:20px;background:var(--od-error-bg);border-radius:50%;color:var(--od-error)}.od-error__icon svg{width:100%;height:100%}.od-error__title{font-size:24px;font-weight:700;color:var(--od-text-dark);margin:0 0 12px}.od-error__text{font-size:15px;color:var(--od-text-muted);margin:0 0 24px;line-height:1.6}.od-error__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--od-primary);color:#fff;border:none;border-radius:var(--od-radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.od-error__btn svg{width:18px;height:18px}.od-error__btn:hover{background:var(--od-primary-dark);transform:translateY(-2px);box-shadow:var(--od-shadow-lg)}.od-header{margin-bottom:24px}.od-header__top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.od-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--od-bg-card);border:1px solid var(--od-border);border-radius:var(--od-radius-full);font-size:14px;font-weight:500;color:var(--od-text-dark);cursor:pointer;transition:all .2s ease}.od-back-btn svg{width:18px;height:18px}.od-back-btn:hover{background:var(--od-primary-light);border-color:var(--od-primary);color:var(--od-primary)}.od-chat-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:var(--od-radius-full);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #25d3664d}.od-chat-btn svg{width:18px;height:18px}.od-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.od-chat-btn:active{transform:translateY(0)}.od-header__main{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px;background:var(--od-bg-card);border-radius:var(--od-radius-lg);box-shadow:var(--od-shadow-sm)}.od-header__info{display:flex;align-items:center;gap:16px}.od-header__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--od-primary) 0%,var(--od-primary-dark) 100%);border-radius:var(--od-radius-md);color:#fff}.od-header__icon-wrapper svg{width:28px;height:28px}.od-header__text{display:flex;flex-direction:column;gap:8px}.od-header__id-row{display:flex;align-items:center;gap:8px}.od-header__title{font-size:24px;font-weight:700;color:var(--od-text-dark);margin:0}.od-copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--od-bg-surface);border:1px solid var(--od-border);border-radius:var(--od-radius-sm);color:var(--od-text-muted);cursor:pointer;transition:all .2s ease}.od-copy-btn svg{width:16px;height:16px}.od-copy-btn:hover{background:var(--od-primary-light);border-color:var(--od-primary);color:var(--od-primary)}.od-header__date{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--od-text-muted)}.od-header__date svg{width:16px;height:16px}.od-status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--od-radius-full);font-size:14px;font-weight:600}.od-status-badge svg{width:18px;height:18px}.od-status-badge.od-status--new{background:var(--od-warning-bg);color:#92400e}.od-status-badge.od-status--pending{background:var(--od-primary-light);color:var(--od-primary)}.od-status-badge.od-status--accepted{background:#dbeafe;color:var(--od-primary-dark)}.od-status-badge.od-status--completed{background:var(--od-success-bg);color:#065f46}.od-status-badge.od-status--rejected{background:var(--od-error-bg);color:var(--od-error)}.od-status-badge.od-status--default{background:var(--od-bg-surface);color:var(--od-text-muted)}.od-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.od-main{display:flex;flex-direction:column;gap:20px}.od-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}.od-card{background:var(--od-bg-card);border-radius:var(--od-radius-lg);box-shadow:var(--od-shadow-sm);overflow:hidden}.od-card__header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--od-border)}.od-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--od-primary-light);border-radius:var(--od-radius-sm);color:var(--od-primary)}.od-card__icon svg{width:20px;height:20px}.od-card__title{flex:1;font-size:16px;font-weight:600;color:var(--od-text-dark);margin:0}.od-card__badge{padding:6px 12px;background:var(--od-bg-surface);border-radius:var(--od-radius-full);font-size:13px;font-weight:500;color:var(--od-text-muted)}.od-card__body{padding:24px}.od-card__body--products{padding:16px}.od-card--map{overflow:hidden}.od-map-wrapper{position:relative}.od-map-wrapper iframe{display:block}.od-map-link{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--od-bg-card);border-radius:var(--od-radius-full);font-size:13px;font-weight:500;color:var(--od-primary);text-decoration:none;box-shadow:var(--od-shadow-md);transition:all .2s ease}.od-map-link svg{width:14px;height:14px}.od-map-link:hover{background:var(--od-primary);color:#fff}.od-info-list{display:flex;flex-direction:column;gap:12px}.od-info-row{display:flex;align-items:center;gap:16px;padding:16px;background:var(--od-bg-surface);border-radius:var(--od-radius-md)}.od-info-row__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--od-bg-card);border-radius:var(--od-radius-sm);color:var(--od-primary);flex-shrink:0}.od-info-row__icon svg{width:20px;height:20px}.od-info-row__content{flex:1;display:flex;flex-direction:column;gap:2px}.od-info-row__label{font-size:13px;color:var(--od-text-muted)}.od-info-row__value{font-size:15px;font-weight:600;color:var(--od-text-dark)}.od-info-row__value--link{text-decoration:none;color:var(--od-primary)}.od-info-row__value--link:hover{text-decoration:underline}.od-address{display:flex;gap:12px;padding:16px;background:var(--od-bg-surface);border-radius:var(--od-radius-md)}.od-address svg{width:20px;height:20px;color:var(--od-primary);flex-shrink:0;margin-top:2px}.od-address__text{font-size:15px;line-height:1.6;color:var(--od-text-dark);margin:0}.od-products{display:flex;flex-direction:column;gap:12px}.od-product{display:flex;align-items:center;gap:16px;padding:16px;background:var(--od-bg-surface);border-radius:var(--od-radius-md);transition:all .2s ease}.od-product:hover{box-shadow:var(--od-shadow-md);transform:translateY(-2px)}.od-product__image{width:72px;height:72px;border-radius:var(--od-radius-sm);overflow:hidden;flex-shrink:0;background:var(--od-bg-card)}.od-product__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.od-product__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--od-border);color:var(--od-text-muted)}.od-product__placeholder svg{width:28px;height:28px}.od-product__details{flex:1;min-width:0}.od-product__name{font-size:15px;font-weight:600;color:var(--od-text-dark);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-product__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--od-text-muted)}.od-product__qty strong{color:var(--od-text-dark)}.od-product__unit-price{color:var(--od-primary)}.od-product__total{text-align:left;flex-shrink:0}.od-product__total-label{display:block;font-size:12px;color:var(--od-text-muted);margin-bottom:4px}.od-product__total-value{font-size:16px;font-weight:700;color:var(--od-text-dark)}.od-card--summary .od-card__icon{background:linear-gradient(135deg,var(--od-primary) 0%,var(--od-primary-dark) 100%);color:#fff}.od-summary{display:flex;flex-direction:column;gap:12px}.od-summary__row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--od-bg-surface);border-radius:var(--od-radius-sm)}.od-summary__label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--od-text-muted)}.od-summary__label svg{width:16px;height:16px}.od-summary__value{font-size:15px;font-weight:600;color:var(--od-text-dark)}.od-summary__row--discount{background:var(--od-success-bg)}.od-summary__row--discount .od-summary__label,.od-summary__row--discount .od-summary__value{color:#065f46}.od-summary__divider{height:1px;background:var(--od-border);margin:4px 0}.od-summary__row--total{background:linear-gradient(135deg,var(--od-primary) 0%,var(--od-primary-dark) 100%);padding:16px;border-radius:var(--od-radius-md)}.od-summary__row--total .od-summary__label,.od-summary__row--total .od-summary__value{color:#fff}.od-summary__row--total .od-summary__value{font-size:20px;font-weight:700}.od-payment-method{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--od-bg-surface);border-radius:var(--od-radius-md);margin-top:16px;font-size:14px;color:var(--od-text-muted)}.od-payment-method svg{width:20px;height:20px;color:var(--od-primary)}.od-card--actions .od-card__icon{background:var(--od-success-bg);color:var(--od-success)}.od-actions{display:flex;flex-direction:column;gap:12px}.od-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border:none;border-radius:var(--od-radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.od-btn svg{width:20px;height:20px}.od-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.od-btn--primary{background:var(--od-primary);color:#fff}.od-btn--primary:hover:not(:disabled){background:var(--od-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3841f24d}.od-btn--secondary{background:var(--od-primary-light);color:var(--od-primary)}.od-btn--secondary:hover:not(:disabled){background:var(--od-secondary);transform:translateY(-2px)}.od-btn--success{background:var(--od-success);color:#fff}.od-btn--success:hover:not(:disabled){background:#2ac090;transform:translateY(-2px);box-shadow:0 4px 12px #34d8a14d}.od-btn--danger{background:var(--od-error);color:#fff}.od-btn--danger:hover:not(:disabled){background:#e02868;transform:translateY(-2px);box-shadow:0 4px 12px #f239784d}.od-status-final{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:var(--od-radius-md)}.od-status-final svg{width:32px;height:32px;flex-shrink:0}.od-status-final__text{display:flex;flex-direction:column;gap:4px}.od-status-final__text strong{font-size:16px}.od-status-final__text span{font-size:13px;opacity:.8}.od-status-final--success{background:var(--od-success-bg);color:#065f46}.od-status-final--error{background:var(--od-error-bg);color:var(--od-error)}@media(max-width:1024px){.od-grid{grid-template-columns:1fr}.od-sidebar{position:static}}@media(max-width:768px){.od-page,.od-header__main{padding:16px}.od-header__info{flex-direction:column;align-items:flex-start;text-align:right;width:100%}.od-header__icon-wrapper{width:48px;height:48px}.od-header__icon-wrapper svg{width:24px;height:24px}.od-header__title{font-size:20px}.od-status-badge{width:100%;justify-content:center;margin-top:8px}.od-card__header,.od-card__body{padding:16px}.od-product{flex-direction:column;align-items:stretch;text-align:center}.od-product__image{width:100%;height:160px}.od-product__total{text-align:center;padding-top:12px;border-top:1px solid var(--od-border);margin-top:8px}}@media(max-width:480px){.od-back-btn span{display:none}.od-back-btn{width:40px;height:40px;padding:0;justify-content:center}}.btn{--btn-primary: #3841F2;--btn-primary-hover: #175BC2;--btn-primary-shadow: rgba(56, 65, 242, .25);--btn-secondary: #B1CBE4;--btn-secondary-hover: #D8E5FE;--btn-success: #34D8A1;--btn-success-hover: #2bc090;--btn-success-shadow: rgba(52, 216, 161, .25);--btn-danger: #F23978;--btn-danger-hover: #d92d64;--btn-danger-shadow: rgba(242, 57, 120, .25);--btn-text: #212330;--btn-text-muted: #A0A3BB;--btn-surface: #FFFFFF;--btn-surface-alt: #F7F8FC;--btn-border: rgba(177, 203, 228, .5);--btn-radius: 9999px;--btn-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;text-decoration:none;white-space:nowrap;border:1.5px solid transparent;border-radius:var(--btn-radius);cursor:pointer;transition:var(--btn-transition);position:relative;overflow:hidden;outline:none}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .2s ease}.btn:hover:before{opacity:1}.btn:focus-visible{outline:2px solid var(--btn-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:before{display:none}.btn--xs{height:1.75rem;padding:0 .75rem;font-size:.75rem;gap:.25rem}.btn--sm{height:2.25rem;padding:0 1rem;font-size:.8125rem;gap:.375rem}.btn--md{height:2.625rem;padding:0 1.5rem;font-size:.875rem}.btn--lg{height:3rem;padding:0 2rem;font-size:.9375rem}.btn--xl{height:3.5rem;padding:0 2.5rem;font-size:1rem;gap:.625rem}.btn--primary{background:linear-gradient(135deg,var(--btn-primary) 0%,var(--btn-primary-hover) 100%);color:var(--btn-surface);border-color:transparent;box-shadow:0 4px 14px var(--btn-primary-shadow)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--btn-primary-shadow)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--btn-primary-shadow)}.btn--secondary{background:var(--btn-surface-alt);color:var(--btn-text);border-color:var(--btn-border)}.btn--secondary:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--btn-secondary)}.btn--secondary:active:not(:disabled){background:var(--btn-secondary)}.btn--success{background:linear-gradient(135deg,var(--btn-success) 0%,var(--btn-success-hover) 100%);color:var(--btn-surface);border-color:transparent;box-shadow:0 4px 14px var(--btn-success-shadow)}.btn--success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--btn-success-shadow)}.btn--success:active:not(:disabled){transform:translateY(0)}.btn--danger{background:linear-gradient(135deg,var(--btn-danger) 0%,var(--btn-danger-hover) 100%);color:var(--btn-surface);border-color:transparent;box-shadow:0 4px 14px var(--btn-danger-shadow)}.btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--btn-danger-shadow)}.btn--danger:active:not(:disabled){transform:translateY(0)}.btn--ghost{background:transparent;color:var(--btn-text-muted);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--btn-surface-alt);color:var(--btn-text)}.btn--ghost:active:not(:disabled){background:var(--btn-border)}.btn--outline{background:transparent;color:var(--btn-primary);border-color:var(--btn-primary)}.btn--outline:hover:not(:disabled){background:#3841f214}.btn--outline:active:not(:disabled){background:#3841f21f}.btn--full{width:100%}.btn--loading{pointer-events:none}.btn--loading .btn__text{opacity:.7}.btn__spinner{width:1.125em;height:1.125em;animation:btn-spin 1s linear infinite;flex-shrink:0}.btn__spinner-track{opacity:.25}.btn__spinner-head{opacity:.9}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon svg{width:1.125em;height:1.125em}.btn__text{display:inline-flex;align-items:center}[dir=rtl] .btn__icon--left{order:1}[dir=rtl] .btn__icon--right{order:-1}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn__spinner{animation-duration:1.5s}.btn:hover:not(:disabled){transform:none!important}}.empty-state{--es-primary: #3841F2;--es-primary-light: #D8E5FE;--es-primary-dark: #175BC2;--es-text: #212330;--es-text-muted: #A0A3BB;--es-surface: #FFFFFF;--es-surface-alt: #F7F8FC;--es-border: rgba(177, 203, 228, .25);--es-shadow: rgba(56, 65, 242, .15);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--es-surface);border-radius:1.5rem;border:1px solid var(--es-border)}.empty-state--sm{padding:2rem 1.5rem}.empty-state--md{padding:3rem 2rem}.empty-state--lg{padding:4rem 2.5rem}.empty-state__illustration{position:relative;margin-bottom:1.5rem}.empty-state__icon-wrapper{width:5rem;height:5rem;border-radius:1.25rem;background:linear-gradient(135deg,var(--es-primary-light) 0%,var(--es-surface-alt) 100%);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.empty-state--lg .empty-state__icon-wrapper{width:6rem;height:6rem;border-radius:1.5rem}.empty-state__icon{width:2.5rem;height:2.5rem;color:var(--es-primary)}.empty-state--lg .empty-state__icon{width:3rem;height:3rem}.empty-state__decorations{position:absolute;inset:-1.5rem;pointer-events:none}.empty-state__dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--es-primary);opacity:.2;animation:empty-float 3s ease-in-out infinite}.empty-state__dot--1{top:0;right:20%;animation-delay:0s}.empty-state__dot--2{bottom:10%;left:0;animation-delay:.5s;width:6px;height:6px}.empty-state__dot--3{top:30%;right:0;animation-delay:1s;width:10px;height:10px;opacity:.15}.empty-state__ring{position:absolute;border-radius:50%;border:2px solid var(--es-primary-light);animation:empty-pulse 3s ease-in-out infinite}.empty-state__ring--1{inset:-.5rem;animation-delay:0s}.empty-state__ring--2{inset:-1.25rem;opacity:.5;animation-delay:.5s}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes empty-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.5}}.empty-state__content{max-width:24rem}.empty-state__title{font-size:1.25rem;font-weight:700;color:var(--es-text);margin:0 0 .5rem}.empty-state--lg .empty-state__title{font-size:1.5rem}.empty-state__description{font-size:.9375rem;color:var(--es-text-muted);margin:0;line-height:1.6}.empty-state__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem}.empty-state__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;font-family:inherit;border-radius:9999px;border:1.5px solid transparent;cursor:pointer;transition:all .2s ease}.empty-state__btn--primary{background:linear-gradient(135deg,var(--es-primary) 0%,var(--es-primary-dark) 100%);color:#fff;box-shadow:0 4px 14px var(--es-shadow)}.empty-state__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--es-shadow)}.empty-state__btn--primary:active{transform:translateY(0)}.empty-state__btn--ghost{background:transparent;color:var(--es-text-muted)}.empty-state__btn--ghost:hover{background:var(--es-surface-alt);color:var(--es-text)}.empty-state__btn:focus-visible{outline:2px solid var(--es-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.empty-state__dot,.empty-state__ring{animation:none}.empty-state__btn{transition:none}.empty-state__btn:hover{transform:none}}.loading,.loading-container,.loading-fullscreen{--loading-primary: #3841F2;--loading-primary-light: #D8E5FE;--loading-primary-dark: #175BC2;--loading-text: #212330;--loading-text-muted: #A0A3BB;--loading-surface: #FFFFFF;--loading-surface-alt: #F7F8FC}.loading-container{display:flex;align-items:center;justify-content:center;padding:3rem}.loading-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--loading-surface);z-index:100}.loading-fullscreen--overlay{background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading--sm .loading__spinner{width:2rem;height:2rem}.loading--md .loading__spinner{width:3rem;height:3rem}.loading--lg .loading__spinner{width:4rem;height:4rem}.loading--sm .loading__message{font-size:.8125rem}.loading--md .loading__message{font-size:.9375rem}.loading--lg .loading__message{font-size:1rem}.loading__spinner{position:relative}.loading__spinner-svg{animation:loading-rotate 2s linear infinite}.loading__spinner-track{stroke:var(--loading-primary-light)}.loading__spinner-head{stroke:var(--loading-primary);stroke-dasharray:80,200;stroke-dashoffset:0;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loading__dots{display:flex;align-items:center;gap:.5rem}.loading__dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--loading-primary);animation:loading-bounce 1.4s ease-in-out infinite both}.loading--sm .loading__dot{width:.5rem;height:.5rem}.loading--lg .loading__dot{width:1rem;height:1rem}.loading__dot:nth-child(1){animation-delay:-.32s}.loading__dot:nth-child(2){animation-delay:-.16s}.loading__dot:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.loading__pulse{position:relative;width:3rem;height:3rem}.loading--sm .loading__pulse{width:2rem;height:2rem}.loading--lg .loading__pulse{width:4rem;height:4rem}.loading__pulse-ring{position:absolute;inset:0;border:3px solid var(--loading-primary);border-radius:50%;animation:loading-pulse-ring 1.5s ease-out infinite}.loading__pulse-ring:nth-child(2){animation-delay:.5s}.loading__pulse-core{position:absolute;inset:25%;background:var(--loading-primary);border-radius:50%;animation:loading-pulse-core 1.5s ease-in-out infinite}@keyframes loading-pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes loading-pulse-core{0%,to{transform:scale(.8);opacity:.8}50%{transform:scale(1);opacity:1}}.loading__message{font-weight:500;color:var(--loading-text-muted);margin:0;text-align:center}@media(prefers-reduced-motion:reduce){.loading__spinner-svg{animation-duration:3s}.loading__spinner-head{animation:none;stroke-dasharray:60,200}.loading__dot,.loading__pulse-ring,.loading__pulse-core{animation-duration:2s}}:root{--pp-primary: #3841F2;--pp-primary-dark: #175BC2;--pp-primary-light: #D8E5FE;--pp-primary-soft: #B1CBE4;--pp-primary-shadow: rgba(56, 65, 242, .2);--pp-success: #34D8A1;--pp-success-light: rgba(52, 216, 161, .12);--pp-error: #F23978;--pp-error-light: #FEF2F2;--pp-warning: #FCB400;--pp-warning-light: rgba(252, 180, 0, .12);--pp-text: #212330;--pp-text-muted: #A0A3BB;--pp-bg: #F9FAFB;--pp-surface: #FFFFFF;--pp-surface-alt: #F7F8FC;--pp-border: rgba(177, 203, 228, .25);--pp-border-strong: rgba(177, 203, 228, .5);--pp-radius-sm: .5rem;--pp-radius-md: .75rem;--pp-radius-lg: 1rem;--pp-radius-xl: 1.25rem;--pp-radius-2xl: 1.5rem;--pp-radius-full: 9999px;--pp-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--pp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--pp-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--pp-shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--pp-shadow-primary: 0 8px 24px var(--pp-primary-shadow);--pp-transition: .2s cubic-bezier(.4, 0, .2, 1);--pp-transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}.pp-page{min-height:100vh;background:linear-gradient(135deg,var(--pp-surface-alt) 0%,var(--pp-bg) 100%);padding:0}.pp-container{max-width:1440px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.pp-container{padding:2rem;gap:2rem}}.pp-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.pp-header{flex-direction:row;align-items:center;justify-content:space-between}}.pp-header__info{display:flex;align-items:center;gap:1rem}.pp-header__icon{width:3.25rem;height:3.25rem;border-radius:var(--pp-radius-xl);background:linear-gradient(135deg,var(--pp-primary) 0%,var(--pp-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--pp-shadow-primary);flex-shrink:0}.pp-header__text{display:flex;flex-direction:column;gap:.125rem}.pp-header__title{font-size:1.5rem;font-weight:800;color:var(--pp-text);margin:0;letter-spacing:-.02em}.pp-header__subtitle{font-size:.875rem;color:var(--pp-text-muted);margin:0;display:flex;align-items:center;gap:.5rem}.pp-header__count{color:var(--pp-primary);font-weight:600}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;border-radius:var(--pp-radius-full);border:1.5px solid transparent;cursor:pointer;transition:var(--pp-transition);white-space:nowrap}.pp-btn:disabled{opacity:.5;cursor:not-allowed}.pp-btn--primary{background:linear-gradient(135deg,var(--pp-primary) 0%,var(--pp-primary-dark) 100%);color:#fff;border-color:transparent;box-shadow:var(--pp-shadow-primary)}.pp-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px var(--pp-primary-shadow)}.pp-btn--primary:active:not(:disabled){transform:translateY(0)}.pp-btn--ghost{background:transparent;color:var(--pp-text-muted);border-color:var(--pp-border-strong)}.pp-btn--ghost:hover:not(:disabled){background:var(--pp-surface-alt);color:var(--pp-text);border-color:var(--pp-primary-soft)}.pp-btn--outline{background:transparent;color:var(--pp-primary);border-color:var(--pp-primary)}.pp-btn--outline:hover:not(:disabled){background:var(--pp-primary-light)}.pp-btn--danger{background:var(--pp-error);color:#fff;border-color:transparent}.pp-btn--danger:hover:not(:disabled){background:#d92d64;transform:translateY(-1px)}.pp-btn--lg{padding:.75rem 1.75rem;font-size:.9375rem}.pp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--pp-radius-lg);border:none;cursor:pointer;transition:var(--pp-transition)}.pp-icon-btn--primary{background:var(--pp-primary-light);color:var(--pp-primary)}.pp-icon-btn--primary:hover{background:var(--pp-primary);color:#fff}.pp-icon-btn--danger{background:var(--pp-error-light);color:var(--pp-error)}.pp-icon-btn--danger:hover{background:var(--pp-error);color:#fff}.pp-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1024px){.pp-kpis{grid-template-columns:repeat(4,1fr)}}.pp-kpi{background:var(--pp-surface);border-radius:var(--pp-radius-2xl);border:1px solid var(--pp-border);padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;transition:var(--pp-transition-slow);position:relative;overflow:hidden}.pp-kpi:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;opacity:.05;transform:translate(30%,-30%);transition:var(--pp-transition-slow)}.pp-kpi:hover{transform:translateY(-2px);box-shadow:var(--pp-shadow-md)}.pp-kpi--primary:before{background:var(--pp-primary)}.pp-kpi--success:before{background:var(--pp-success)}.pp-kpi--warning:before{background:var(--pp-warning)}.pp-kpi--error:before{background:var(--pp-error)}.pp-kpi__icon{width:2.75rem;height:2.75rem;border-radius:var(--pp-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pp-kpi--primary .pp-kpi__icon{background:var(--pp-primary-light);color:var(--pp-primary)}.pp-kpi--success .pp-kpi__icon{background:var(--pp-success-light);color:var(--pp-success)}.pp-kpi--warning .pp-kpi__icon{background:var(--pp-warning-light);color:var(--pp-warning)}.pp-kpi--error .pp-kpi__icon{background:var(--pp-error-light);color:var(--pp-error)}.pp-kpi__content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.pp-kpi__title{font-size:.8125rem;font-weight:500;color:var(--pp-text-muted)}.pp-kpi__value{font-size:1.375rem;font-weight:800;color:var(--pp-text);letter-spacing:-.02em}.pp-kpi__trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--pp-radius-full);width:-moz-fit-content;width:fit-content}.pp-kpi__trend--up{background:var(--pp-success-light);color:var(--pp-success)}.pp-kpi__trend--down{background:var(--pp-error-light);color:var(--pp-error)}.pp-toolbar{background:var(--pp-surface);border-radius:var(--pp-radius-2xl);border:1px solid var(--pp-border);padding:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--pp-shadow-xs)}.pp-toolbar__main{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.pp-toolbar__main{flex-direction:row;align-items:center;justify-content:space-between}}.pp-search{position:relative;flex:1;max-width:100%}@media(min-width:640px){.pp-search{max-width:400px}}.pp-search__icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--pp-text-muted);pointer-events:none}.pp-search__input{width:100%;height:2.75rem;padding:0 2.75rem;font-size:.9375rem;font-family:inherit;border:1.5px solid var(--pp-border-strong);border-radius:var(--pp-radius-full);background:var(--pp-surface-alt);color:var(--pp-text);transition:var(--pp-transition);outline:none}.pp-search__input::-moz-placeholder{color:var(--pp-text-muted)}.pp-search__input::placeholder{color:var(--pp-text-muted)}.pp-search__input:hover{border-color:var(--pp-primary-soft)}.pp-search__input:focus{background:var(--pp-surface);border-color:var(--pp-primary);box-shadow:0 0 0 4px var(--pp-primary-light)}.pp-search__clear{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--pp-border-strong);border:none;border-radius:var(--pp-radius-full);color:var(--pp-text-muted);cursor:pointer;transition:var(--pp-transition)}.pp-search__clear:hover{background:var(--pp-error-light);color:var(--pp-error)}.pp-toolbar__actions{display:flex;align-items:center;gap:.5rem}.pp-filter-btn{display:inline-flex;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--pp-text-muted);background:var(--pp-surface-alt);border:1.5px solid var(--pp-border-strong);border-radius:var(--pp-radius-full);cursor:pointer;transition:var(--pp-transition);position:relative}.pp-filter-btn:hover{color:var(--pp-text);border-color:var(--pp-primary-soft)}.pp-filter-btn--active{background:var(--pp-primary-light);border-color:var(--pp-primary);color:var(--pp-primary)}.pp-filter-btn__text{display:none}@media(min-width:480px){.pp-filter-btn__text{display:inline}}.pp-filter-btn__dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--pp-primary);border:2px solid var(--pp-surface);border-radius:var(--pp-radius-full)}.pp-view-toggle{display:flex;align-items:center;background:var(--pp-surface-alt);border-radius:var(--pp-radius-full);padding:.25rem;border:1px solid var(--pp-border)}.pp-view-toggle__btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;border-radius:var(--pp-radius-full);color:var(--pp-text-muted);cursor:pointer;transition:var(--pp-transition)}.pp-view-toggle__btn:hover{color:var(--pp-text)}.pp-view-toggle__btn--active{background:var(--pp-surface);color:var(--pp-primary);box-shadow:var(--pp-shadow-xs)}.pp-filters{display:flex;flex-wrap:wrap;gap:1.25rem;padding-top:1rem;border-top:1px solid var(--pp-border);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pp-filters__group{display:flex;flex-direction:column;gap:.5rem}.pp-filters__label{font-size:.6875rem;font-weight:700;color:var(--pp-text-muted);text-transform:uppercase;letter-spacing:.08em}.pp-filters__chips{display:flex;flex-wrap:wrap;gap:.375rem}.pp-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--pp-text-muted);background:var(--pp-surface-alt);border:1px solid transparent;border-radius:var(--pp-radius-full);cursor:pointer;transition:var(--pp-transition)}.pp-chip:hover{background:var(--pp-primary-light);color:var(--pp-primary)}.pp-chip--active{background:var(--pp-primary);color:#fff}.pp-chip--active:hover{background:var(--pp-primary-dark);color:#fff}.pp-filters__clear{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--pp-error);background:var(--pp-error-light);border:none;border-radius:var(--pp-radius-full);cursor:pointer;transition:var(--pp-transition);margin-right:auto;align-self:flex-end}.pp-filters__clear:hover{background:var(--pp-error);color:#fff}.pp-content{display:flex;flex-direction:column;gap:1rem}.pp-results-bar{display:flex;align-items:center;justify-content:space-between}.pp-results-bar__count{font-size:.875rem;color:var(--pp-text-muted)}.pp-results-bar__count strong{color:var(--pp-text);font-weight:600}.pp-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:480px){.pp-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.pp-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(min-width:1200px){.pp-grid{grid-template-columns:repeat(4,1fr)}}.pp-card{background:var(--pp-surface);border-radius:var(--pp-radius-2xl);border:1px solid var(--pp-border);overflow:hidden;transition:var(--pp-transition-slow)}.pp-card:hover{border-color:var(--pp-primary-soft);box-shadow:var(--pp-shadow-lg);transform:translateY(-4px)}.pp-card__image-wrapper{position:relative;aspect-ratio:1;background:var(--pp-surface-alt);overflow:hidden}.pp-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.pp-card:hover .pp-card__image{transform:scale(1.05)}.pp-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--pp-text-muted);background:linear-gradient(135deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 100%)}.pp-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#212330bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pp-card__out-label{padding:.625rem 1.25rem;background:var(--pp-error);color:#fff;font-size:.875rem;font-weight:700;border-radius:var(--pp-radius-full);box-shadow:var(--pp-shadow-md)}.pp-card__warning-badge{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--pp-warning);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--pp-radius-full);box-shadow:var(--pp-shadow-md)}.pp-card__actions{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transform:translateY(8px);transition:var(--pp-transition-slow)}.pp-card:hover .pp-card__actions{opacity:1;transform:translateY(0)}.pp-card__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;font-family:inherit;border-radius:var(--pp-radius-xl);border:none;cursor:pointer;transition:var(--pp-transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--pp-shadow-md)}.pp-card__action-btn--edit{flex:1;background:#fffffff2;color:var(--pp-primary)}.pp-card__action-btn--edit:hover{background:var(--pp-primary);color:#fff}.pp-card__action-btn--delete{background:#fffffff2;color:var(--pp-error)}.pp-card__action-btn--delete:hover{background:var(--pp-error);color:#fff}.pp-card__body{padding:1.25rem}.pp-card__name{font-size:1rem;font-weight:700;color:var(--pp-text);margin:0 0 .375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-card__desc{font-size:.8125rem;color:var(--pp-text-muted);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.875rem;border-top:1px solid var(--pp-border)}.pp-card__price{font-size:1.125rem;font-weight:800;color:var(--pp-primary);letter-spacing:-.01em}.pp-stock-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--pp-radius-full)}.pp-stock-badge--available{background:var(--pp-success-light);color:var(--pp-success)}.pp-stock-badge--low{background:var(--pp-warning-light);color:var(--pp-warning)}.pp-stock-badge--out{background:var(--pp-error-light);color:var(--pp-error)}.pp-list{display:flex;flex-direction:column;gap:.75rem}.pp-list-item{background:var(--pp-surface);border-radius:var(--pp-radius-2xl);border:1px solid var(--pp-border);padding:1rem;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:1rem;transition:var(--pp-transition)}.pp-list-item:hover{border-color:var(--pp-primary-soft);box-shadow:var(--pp-shadow-sm)}@media(max-width:768px){.pp-list-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.pp-list-item__info{grid-column:2}.pp-list-item__price,.pp-list-item__stock,.pp-list-item__actions{grid-column:2;justify-self:start}}.pp-list-item__image{position:relative;width:4rem;height:4rem;border-radius:var(--pp-radius-lg);overflow:hidden;background:var(--pp-surface-alt);flex-shrink:0}.pp-list-item__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pp-list-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--pp-text-muted)}.pp-list-item__out-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#212330cc;font-size:.625rem;font-weight:700;color:#fff}.pp-list-item__info{min-width:0}.pp-list-item__name{font-size:.9375rem;font-weight:600;color:var(--pp-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-list-item__desc{font-size:.8125rem;color:var(--pp-text-muted);margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-list-item__price{font-size:1rem;font-weight:700;color:var(--pp-primary);white-space:nowrap}.pp-list-item__stock{min-width:100px}.pp-list-item__actions{display:flex;align-items:center;gap:.5rem;opacity:0;transition:opacity var(--pp-transition)}.pp-list-item:hover .pp-list-item__actions{opacity:1}.pp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center;background:var(--pp-surface);border-radius:var(--pp-radius-2xl);border:1px solid var(--pp-border)}.pp-empty__illustration{position:relative;margin-bottom:1.5rem}.pp-empty__icon{width:5rem;height:5rem;border-radius:var(--pp-radius-2xl);background:linear-gradient(135deg,var(--pp-primary-light) 0%,var(--pp-surface-alt) 100%);display:flex;align-items:center;justify-content:center;color:var(--pp-primary);position:relative;z-index:1}.pp-empty__circles{position:absolute;inset:-1rem}.pp-empty__circle{position:absolute;border-radius:50%;border:2px solid var(--pp-primary-light);animation:pulse 3s ease-in-out infinite}.pp-empty__circle--1{inset:0;animation-delay:0s}.pp-empty__circle--2{inset:-.75rem;animation-delay:.5s}.pp-empty__circle--3{inset:-1.5rem;animation-delay:1s;opacity:.5}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.6}}.pp-empty__title{font-size:1.25rem;font-weight:700;color:var(--pp-text);margin:0 0 .5rem}.pp-empty__desc{font-size:.9375rem;color:var(--pp-text-muted);margin:0 0 1.5rem;max-width:20rem;line-height:1.6}.pp-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background:var(--pp-surface);border-radius:var(--pp-radius-2xl);border:1px solid var(--pp-border)}.pp-no-results__icon{width:4rem;height:4rem;border-radius:var(--pp-radius-xl);background:var(--pp-primary-light);display:flex;align-items:center;justify-content:center;color:var(--pp-primary);margin-bottom:1rem}.pp-no-results__title{font-size:1.125rem;font-weight:700;color:var(--pp-text);margin:0 0 .375rem}.pp-no-results__desc{font-size:.875rem;color:var(--pp-text-muted);margin:0 0 1.25rem}.pp-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:1rem}.pp-pagination__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--pp-text);background:transparent;border:none;border-radius:var(--pp-radius-full);cursor:pointer;transition:var(--pp-transition)}.pp-pagination__btn:hover:not(:disabled){background:var(--pp-primary-light);color:var(--pp-primary)}.pp-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pp-pagination__btn-text{display:none}@media(min-width:480px){.pp-pagination__btn-text{display:inline}}.pp-pagination__pages{display:flex;align-items:center;gap:.25rem}.pp-pagination__page{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--pp-text);background:transparent;border:none;border-radius:var(--pp-radius-full);cursor:pointer;transition:var(--pp-transition)}.pp-pagination__page:hover{background:var(--pp-primary-light);color:var(--pp-primary)}.pp-pagination__page--active{background:var(--pp-primary);color:#fff;box-shadow:var(--pp-shadow-primary)}.pp-pagination__page--active:hover{background:var(--pp-primary-dark)}.pp-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.pp-modal-backdrop{position:absolute;inset:0;background:#21233099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.pp-modal{position:relative;background:var(--pp-surface);border-radius:var(--pp-radius-2xl);box-shadow:var(--pp-shadow-lg);max-width:24rem;width:100%;padding:2rem;text-align:center;animation:zoomIn .2s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pp-modal__icon{width:3.5rem;height:3.5rem;border-radius:var(--pp-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.pp-modal__icon--danger{background:var(--pp-error-light);color:var(--pp-error)}.pp-modal__title{font-size:1.25rem;font-weight:700;color:var(--pp-text);margin:0 0 .5rem}.pp-modal__message{font-size:.9375rem;color:var(--pp-text-muted);margin:0 0 1.5rem;line-height:1.6}.pp-modal__actions{display:flex;align-items:center;justify-content:center;gap:.75rem}.pp-loading{display:flex;flex-direction:column;gap:1.5rem}.pp-loading__header{display:flex;align-items:center;justify-content:space-between}.pp-loading__kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1024px){.pp-loading__kpis{grid-template-columns:repeat(4,1fr)}}.pp-loading__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--pp-surface);border-radius:var(--pp-radius-2xl)}.pp-skeleton-title{height:2rem;width:10rem;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite}.pp-skeleton-btn{height:2.75rem;width:9rem;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite}.pp-skeleton-kpi{height:6rem;background:linear-gradient(90deg,var(--pp-surface) 0%,var(--pp-primary-light) 50%,var(--pp-surface) 100%);background-size:200% 100%;border-radius:var(--pp-radius-2xl);animation:shimmer 1.5s infinite}.pp-skeleton-search{height:2.75rem;flex:1;max-width:400px;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite}.pp-skeleton-actions{height:2.5rem;width:8rem;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite}.pp-skeleton-card{background:var(--pp-surface);border-radius:var(--pp-radius-2xl);border:1px solid var(--pp-border);overflow:hidden}.pp-skeleton-card__image{aspect-ratio:1;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.pp-skeleton-card__body{padding:1.25rem;display:flex;flex-direction:column;gap:.625rem}.pp-skeleton-card__title{height:1.125rem;width:70%;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite}.pp-skeleton-card__text{height:.875rem;width:100%;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite;opacity:.6}.pp-skeleton-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.625rem;margin-top:.375rem;border-top:1px solid var(--pp-border)}.pp-skeleton-card__price{height:1.25rem;width:5rem;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite}.pp-skeleton-card__badge{height:1.5rem;width:3.5rem;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite;opacity:.6}.pp-skeleton-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--pp-surface);border-radius:var(--pp-radius-2xl);border:1px solid var(--pp-border)}.pp-skeleton-row__image{width:4rem;height:4rem;border-radius:var(--pp-radius-lg);background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.pp-skeleton-row__content{flex:1;display:flex;flex-direction:column;gap:.5rem}.pp-skeleton-row__title{height:1rem;width:60%;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite}.pp-skeleton-row__text{height:.875rem;width:40%;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite;opacity:.6}.pp-skeleton-row__price{height:1.25rem;width:5rem;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite}.pp-skeleton-row__badge{height:1.5rem;width:5rem;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-full);animation:shimmer 1.5s infinite;opacity:.6}.pp-skeleton-row__actions{height:2.25rem;width:5rem;background:linear-gradient(90deg,var(--pp-surface-alt) 0%,var(--pp-primary-light) 50%,var(--pp-surface-alt) 100%);background-size:200% 100%;border-radius:var(--pp-radius-lg);animation:shimmer 1.5s infinite;opacity:.6}.animate-spin{animation:spin 1s linear infinite}.pp-page *:focus-visible{outline:2px solid var(--pp-primary);outline-offset:2px}.pp-page ::-moz-selection{background:var(--pp-primary);color:#fff}.pp-page ::selection{background:var(--pp-primary);color:#fff}@media(prefers-reduced-motion:reduce){.pp-page *,.pp-page *:before,.pp-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.pp-page{background:#fff}.pp-toolbar,.pp-pagination,.pp-card__actions,.pp-list-item__actions{display:none!important}.pp-card,.pp-list-item{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.upload{--upload-primary: #3841F2;--upload-primary-light: #D8E5FE;--upload-primary-dark: #175BC2;--upload-success: #34D8A1;--upload-success-light: rgba(52, 216, 161, .12);--upload-error: #F23978;--upload-error-light: #FEF2F2;--upload-text: #212330;--upload-text-muted: #A0A3BB;--upload-surface: #FFFFFF;--upload-surface-alt: #F7F8FC;--upload-border: rgba(177, 203, 228, .5);--upload-radius: 1rem;--upload-transition: .2s cubic-bezier(.4, 0, .2, 1);width:100%}.upload__dropzone{position:relative;border:2px dashed var(--upload-border);border-radius:var(--upload-radius);padding:2rem 1.5rem;background:var(--upload-surface-alt);cursor:pointer;transition:var(--upload-transition);overflow:hidden}.upload__dropzone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,65,242,.03) 0%,transparent 100%);opacity:0;transition:opacity var(--upload-transition)}.upload__dropzone:hover:not(.upload__dropzone--disabled){border-color:var(--upload-primary);background:var(--upload-surface)}.upload__dropzone:hover:not(.upload__dropzone--disabled):before{opacity:1}.upload__dropzone:focus-visible{outline:2px solid var(--upload-primary);outline-offset:2px}.upload__dropzone--active{border-color:var(--upload-primary);background:var(--upload-primary-light);border-style:solid}.upload__dropzone--error{border-color:var(--upload-error);background:var(--upload-error-light)}.upload__dropzone--disabled{opacity:.6;cursor:not-allowed}.upload__dropzone--has-files{border-color:var(--upload-success);border-style:solid;background:var(--upload-success-light)}.upload__input{display:none}.upload__content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.upload__icon-wrapper{width:4rem;height:4rem;border-radius:1rem;background:var(--upload-primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:var(--upload-transition)}.upload__dropzone:hover:not(.upload__dropzone--disabled) .upload__icon-wrapper{background:var(--upload-primary);transform:scale(1.05)}.upload__dropzone:hover:not(.upload__dropzone--disabled) .upload__icon-wrapper .upload__icon{color:#fff}.upload__icon{width:2rem;height:2rem;color:var(--upload-primary);transition:color var(--upload-transition)}.upload__text{display:flex;flex-direction:column;gap:.375rem}.upload__label{font-size:.9375rem;font-weight:600;color:var(--upload-text)}.upload__hint{font-size:.8125rem;color:var(--upload-text-muted)}.upload__success{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;z-index:1}.upload__success-icon{width:3rem;height:3rem;border-radius:50%;background:var(--upload-success);color:#fff;display:flex;align-items:center;justify-content:center}.upload__success-text{font-size:.9375rem;font-weight:600;color:var(--upload-success)}.upload__clear-btn{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--upload-error);background:var(--upload-error-light);border:none;border-radius:9999px;cursor:pointer;transition:var(--upload-transition)}.upload__clear-btn:hover{background:var(--upload-error);color:#fff}.upload__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.upload__spinner{width:2.5rem;height:2.5rem;border:3px solid var(--upload-primary-light);border-top-color:var(--upload-primary);border-radius:50%;animation:upload-spin 1s linear infinite}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload__loading-text{font-size:.9375rem;font-weight:500;color:var(--upload-text-muted)}.upload__overlay{position:absolute;inset:0;background:#3841f2f2;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;font-weight:600;border-radius:calc(var(--upload-radius) - 2px);z-index:10}.upload__error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem 1rem;background:var(--upload-error-light);border-radius:.5rem;color:var(--upload-error);font-size:.8125rem;font-weight:500;animation:upload-shake .4s ease}@keyframes upload-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.upload__previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:1rem}.upload__preview-item{position:relative;aspect-ratio:1;border-radius:.75rem;overflow:hidden;border:1px solid var(--upload-border);background:var(--upload-surface);transition:var(--upload-transition)}.upload__preview-item:hover{border-color:var(--upload-primary);box-shadow:0 4px 12px #0000001a}.upload__preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload__preview-file{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--upload-surface-alt);color:var(--upload-primary)}.upload__preview-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(to top,rgba(33,35,48,.9) 0%,transparent 100%);display:flex;flex-direction:column;gap:.125rem}.upload__preview-name{font-size:.6875rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload__preview-size{font-size:.625rem;color:#ffffffb3}.upload__preview-remove{position:absolute;top:.375rem;left:.375rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--upload-error);color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transform:scale(.8);transition:var(--upload-transition)}.upload__preview-item:hover .upload__preview-remove{opacity:1;transform:scale(1)}.upload__preview-remove:hover{background:var(--upload-error);transform:scale(1.1)}[dir=rtl] .upload__preview-remove{left:auto;right:.375rem}@media(max-width:480px){.upload__dropzone{padding:1.5rem 1rem}.upload__icon-wrapper{width:3.5rem;height:3.5rem}.upload__icon{width:1.5rem;height:1.5rem}.upload__previews{grid-template-columns:repeat(3,1fr)}}.upload__clear-btn:focus-visible,.upload__preview-remove:focus-visible{outline:2px solid var(--upload-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.upload__dropzone,.upload__icon-wrapper,.upload__clear-btn,.upload__preview-item,.upload__preview-remove{transition:none}.upload__spinner{animation-duration:1.5s}.upload__error{animation:none}}:root{--ap-primary: #3841F2;--ap-primary-dark: #175BC2;--ap-secondary: #B1CBE4;--ap-overlay: #D8E5FE;--ap-success: #34D8A1;--ap-error: #F23978;--ap-error-bg: #FEF2F2;--ap-warning: #FCB400;--ap-text-dark: #212330;--ap-text-muted: #A0A3BB;--ap-bg-light: #F9FAFB;--ap-surface: #FFFFFF;--ap-surface-blue: #F7F8FC;--ap-border: rgba(177, 203, 228, .3);--ap-shadow-sm: 0 1px 2px rgba(33, 35, 48, .04);--ap-shadow-md: 0 4px 12px rgba(33, 35, 48, .08);--ap-shadow-lg: 0 8px 24px rgba(33, 35, 48, .12);--ap-shadow-primary: 0 4px 14px rgba(56, 65, 242, .25);--ap-radius-sm: .5rem;--ap-radius-md: .75rem;--ap-radius-lg: 1rem;--ap-radius-xl: 1.25rem;--ap-radius-full: 9999px;--ap-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.add-product-page{min-height:100vh;background:linear-gradient(180deg,var(--ap-surface-blue) 0%,var(--ap-bg-light) 100%);padding:0}.add-product-container{max-width:1200px;margin:0 auto;padding:1.5rem}.add-product-header{margin-bottom:2rem}.add-product-header-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.add-product-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--ap-radius-full);background:var(--ap-surface);border:1px solid var(--ap-border);color:var(--ap-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--ap-transition);box-shadow:var(--ap-shadow-sm)}.add-product-back-btn:hover{background:var(--ap-surface);border-color:var(--ap-primary);color:var(--ap-primary);transform:translate(3px)}.add-product-back-btn svg{transition:transform .2s ease}.add-product-back-btn:hover svg{transform:translate(3px)}.add-product-progress-wrapper{display:flex;align-items:center;gap:1rem;flex:1;max-width:280px}.add-product-progress-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:140px}.add-product-progress-label{font-size:.8125rem;color:var(--ap-text-muted);white-space:nowrap}.add-product-progress-value{font-size:.875rem;font-weight:700;color:var(--ap-primary)}.add-product-progress-bar{flex:1;height:6px;background:var(--ap-overlay);border-radius:var(--ap-radius-full);overflow:hidden}.add-product-progress-fill{height:100%;background:linear-gradient(90deg,var(--ap-primary) 0%,var(--ap-success) 100%);border-radius:var(--ap-radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.add-product-header-main{display:flex;align-items:center;gap:1.25rem}.add-product-header-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--ap-radius-xl);background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-primary-dark) 100%);color:#fff;box-shadow:var(--ap-shadow-primary);flex-shrink:0}.add-product-header-content{flex:1}.add-product-title{font-size:1.75rem;font-weight:800;color:var(--ap-text-dark);margin:0 0 .375rem;letter-spacing:-.02em}.add-product-subtitle{font-size:.9375rem;color:var(--ap-text-muted);margin:0;line-height:1.5}.add-product-form{display:flex;flex-direction:column;gap:0}.add-product-form-layout{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}.add-product-form-main,.add-product-form-sidebar{display:flex;flex-direction:column;gap:1.5rem}.add-product-section{background:var(--ap-surface);border-radius:var(--ap-radius-xl);border:1px solid var(--ap-border);overflow:hidden;box-shadow:var(--ap-shadow-sm);transition:var(--ap-transition)}.add-product-section:hover{box-shadow:var(--ap-shadow-md)}.add-product-section--sticky{position:sticky;top:1.5rem}.add-product-section-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:var(--ap-surface-blue);border-bottom:1px solid var(--ap-border)}.add-product-section-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--ap-radius-md);background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-primary-dark) 100%);color:#fff;flex-shrink:0}.add-product-section-title h2{font-size:1rem;font-weight:700;color:var(--ap-text-dark);margin:0 0 .25rem}.add-product-section-title p{font-size:.8125rem;color:var(--ap-text-muted);margin:0}.add-product-section-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.add-product-form-group{display:flex;flex-direction:column}.add-product-form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--ap-text-dark);margin-bottom:.625rem}.add-product-form-label .required{color:var(--ap-error)}.add-product-form-label svg{color:var(--ap-text-muted)}.add-product-label-optional{font-size:.75rem;font-weight:400;color:var(--ap-text-muted)}.add-product-label-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.25rem;padding:0 .375rem;border-radius:var(--ap-radius-sm);font-size:.6875rem;font-weight:700;text-transform:uppercase}.add-product-label-badge--en{background:var(--ap-overlay);color:var(--ap-primary)}.add-product-label-badge--ar{background:#34d8a126;color:#10b981}.add-product-form-input,.add-product-form-select,.add-product-form-textarea{width:100%;padding:.875rem 1rem;border:1.5px solid var(--ap-border);border-radius:var(--ap-radius-md);background:var(--ap-bg-light);color:var(--ap-text-dark);font-size:.9375rem;font-family:inherit;transition:var(--ap-transition);outline:none}.add-product-form-input:hover,.add-product-form-select:hover,.add-product-form-textarea:hover{border-color:var(--ap-secondary)}.add-product-form-input:focus,.add-product-form-select:focus,.add-product-form-textarea:focus{background:var(--ap-surface);border-color:var(--ap-primary);box-shadow:0 0 0 4px #3841f21a}.add-product-form-input--filled,.add-product-form-select--filled{background:var(--ap-surface);border-color:var(--ap-secondary)}.add-product-form-input::-moz-placeholder,.add-product-form-textarea::-moz-placeholder{color:var(--ap-text-muted)}.add-product-form-input::placeholder,.add-product-form-textarea::placeholder{color:var(--ap-text-muted)}.add-product-form-input--error,.add-product-form-select--error,.add-product-form-textarea--error{border-color:var(--ap-error);background:var(--ap-error-bg)}.add-product-form-input--error:focus,.add-product-form-select--error:focus{box-shadow:0 0 0 4px #f239781a}.add-product-form-textarea{resize:none;min-height:120px;line-height:1.6}.add-product-select-wrapper{position:relative}.add-product-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:2.75rem;cursor:pointer}.add-product-select-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--ap-text-muted);pointer-events:none;transition:var(--ap-transition)}.add-product-form-select:focus+.add-product-select-icon{color:var(--ap-primary)}.add-product-form-input-wrapper{position:relative;display:flex;align-items:center}.add-product-form-input-icon{position:absolute;right:1rem;color:var(--ap-text-muted);pointer-events:none;transition:var(--ap-transition)}.add-product-form-input--with-icon{padding-right:3rem;padding-left:4rem}.add-product-form-input-suffix{position:absolute;left:1rem;font-size:.875rem;font-weight:600;color:var(--ap-text-muted);pointer-events:none}.add-product-form-input:focus~.add-product-form-input-icon{color:var(--ap-primary)}.add-product-form-hint{font-size:.75rem;color:var(--ap-text-muted);margin-top:.5rem;text-align:left}.add-product-form-error{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--ap-error);margin-top:.5rem;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.add-product-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.add-product-upload-zone{position:relative;border:2px dashed var(--ap-secondary);border-radius:var(--ap-radius-lg);padding:2rem 1.5rem;background:var(--ap-bg-light);text-align:center;transition:var(--ap-transition);cursor:pointer;overflow:hidden}.add-product-upload-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,65,242,.03) 0%,transparent 100%);opacity:0;transition:var(--ap-transition)}.add-product-upload-zone:hover{border-color:var(--ap-primary);background:var(--ap-surface)}.add-product-upload-zone:hover:before{opacity:1}.add-product-upload-zone--error{border-color:var(--ap-error);background:var(--ap-error-bg)}.add-product-upload-zone--has-files{border-color:var(--ap-success);border-style:solid;background:#34d8a10d}.add-product-upload-content{position:relative;z-index:1}.add-product-upload-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;border-radius:var(--ap-radius-lg);background:var(--ap-overlay);color:var(--ap-primary);transition:var(--ap-transition)}.add-product-upload-zone--has-files .add-product-upload-icon{background:#34d8a126;color:var(--ap-success)}.add-product-upload-text{font-size:.9375rem;font-weight:500;color:var(--ap-text-dark);margin:0 0 .375rem}.add-product-upload-hint{font-size:.8125rem;color:var(--ap-text-muted);margin:0}.add-product-upload-success{font-size:.9375rem;font-weight:600;color:var(--ap-success);margin:0 0 .5rem}.add-product-upload-clear{display:inline-flex;align-items:center;padding:.375rem .875rem;border:none;border-radius:var(--ap-radius-full);background:var(--ap-error-bg);color:var(--ap-error);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--ap-transition)}.add-product-upload-clear:hover{background:var(--ap-error);color:#fff}.add-product-images-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem}.add-product-image-thumb{position:relative;aspect-ratio:1;border-radius:var(--ap-radius-md);overflow:hidden;border:2px solid var(--ap-border)}.add-product-image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.add-product-image-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#212330b3;color:#fff;font-size:.875rem;font-weight:700}.add-product-form-actions-sticky{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--ap-surface);border-radius:var(--ap-radius-xl);border:1px solid var(--ap-border);box-shadow:var(--ap-shadow-sm)}.add-product-form-actions-mobile{display:none;position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem;background:var(--ap-surface);border-top:1px solid var(--ap-border);box-shadow:0 -4px 20px #00000014;gap:.75rem;z-index:100}.add-product-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;border-radius:var(--ap-radius-full);font-size:.9375rem;font-weight:600;font-family:inherit;transition:var(--ap-transition);cursor:pointer;border:none;outline:none;white-space:nowrap}.add-product-btn--cancel{background:var(--ap-bg-light);color:var(--ap-text-muted);border:1.5px solid var(--ap-border)}.add-product-btn--cancel:hover:not(:disabled){background:var(--ap-surface);border-color:var(--ap-error);color:var(--ap-error)}.add-product-btn--primary{background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-primary-dark) 100%);color:#fff;box-shadow:var(--ap-shadow-primary)}.add-product-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3841f259}.add-product-btn--primary:active:not(:disabled){transform:translateY(0)}.add-product-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.add-product-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.add-product-form-layout{grid-template-columns:1fr}.add-product-section--sticky{position:static}.add-product-form-actions-sticky{display:none}.add-product-form-actions-mobile{display:flex}.add-product-form{padding-bottom:100px}}@media(max-width:768px){.add-product-container{padding:1rem}.add-product-header-top{flex-direction:column;align-items:stretch;gap:1rem}.add-product-progress-wrapper{max-width:100%}.add-product-back-btn{align-self:flex-start}.add-product-header-main{flex-direction:column;text-align:center}.add-product-header-icon{margin:0 auto}.add-product-title{font-size:1.5rem}.add-product-form-grid{grid-template-columns:1fr}.add-product-section-content{padding:1.25rem}.add-product-images-preview{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.add-product-container{padding:.75rem}.add-product-section-header,.add-product-section-content{padding:1rem}.add-product-btn{padding:.75rem 1.25rem;font-size:.875rem}.add-product-form-actions-mobile{padding:.875rem 1rem}}[dir=rtl] .add-product-back-btn:hover{transform:translate(-3px)}[dir=rtl] .add-product-back-btn:hover svg{transform:translate(-3px)}[dir=rtl] .add-product-form-input-icon{right:auto;left:1rem}[dir=rtl] .add-product-form-input--with-icon{padding-right:1rem;padding-left:3rem}[dir=rtl] .add-product-form-input-suffix{left:auto;right:1rem}[dir=rtl] .add-product-form-input--with-icon{padding-left:1rem;padding-right:4rem}[dir=rtl] .add-product-select-icon{left:auto;right:1rem}[dir=rtl] .add-product-form-select{padding-left:1rem;padding-right:2.75rem}[dir=rtl] .add-product-form-hint{text-align:right}.add-product-btn:focus-visible,.add-product-form-input:focus-visible,.add-product-form-select:focus-visible,.add-product-form-textarea:focus-visible{outline:2px solid var(--ap-primary);outline-offset:2px}@media print{.add-product-form-actions-sticky,.add-product-form-actions-mobile,.add-product-back-btn{display:none}}.categories-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%)}.categories-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-overlay)}.categories-header__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:28px;font-weight:700;color:var(--color-black);margin:0}.categories-header__icon{width:36px;height:36px;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.categories-header__icon svg{width:20px;height:20px;color:var(--color-white)}.categories-header__subtitle{margin-top:var(--spacing-sm);font-size:15px;color:var(--color-dark-gray);margin-right:52px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.category-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-normal);border:2px solid transparent;box-shadow:var(--shadow-sm)}.category-card--active{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%)}.category-card--active .category-card__title,.category-card--active .category-card__icon svg{color:var(--color-white)}.category-card--empty{background:var(--color-light-gray);border-color:var(--color-overlay)}.category-card--empty .category-card__title{color:var(--color-primary)}.category-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.category-card__content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.category-card__icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#fff3;flex-shrink:0}.category-card--active .category-card__icon{background:#fff3}.category-card--empty .category-card__icon{background:var(--color-white)}.category-card__icon svg{width:28px;height:28px;color:var(--color-primary)}.category-card--active .category-card__icon svg{color:var(--color-white)}.category-card__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.category-card__info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-card__title{font-size:16px;font-weight:600;color:var(--color-black);margin:0}.category-card__badge{display:inline-block;padding:4px 12px;background:#ffffff4d;border-radius:var(--radius-full);font-size:12px;color:var(--color-white);font-weight:500;width:-moz-fit-content;width:fit-content}.category-card__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.category-card__edit{width:36px;height:36px;border:none;background:var(--color-yellow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.category-card__edit:hover{transform:scale(1.1);background:var(--color-orange)}.category-card__edit svg{width:18px;height:18px;color:var(--color-white)}.category-card__arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#fff3}.category-card--active .category-card__arrow{background:#fff3}.category-card--empty .category-card__arrow{background:var(--color-white)}.category-card__arrow svg{width:20px;height:20px;color:var(--color-primary)}.category-card--active .category-card__arrow svg{color:var(--color-white)}.categories-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--spacing-xl)}.categories-empty__icon{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-light-gray) 0%,var(--color-overlay) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.categories-empty__icon svg{width:40px;height:40px;color:var(--color-dark-gray)}.categories-empty__title{font-size:24px;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-sm) 0}.categories-empty__text{font-size:15px;color:var(--color-dark-gray);margin:0}@media(max-width:768px){.categories-grid{grid-template-columns:1fr}.categories-header__title{font-size:24px}.category-card{padding:var(--spacing-md)}}.modal-overlay{--modal-primary: #3841F2;--modal-primary-light: #D8E5FE;--modal-text: #212330;--modal-text-muted: #A0A3BB;--modal-surface: #FFFFFF;--modal-surface-alt: #F7F8FC;--modal-border: rgba(177, 203, 228, .25);--modal-backdrop: rgba(33, 35, 48, .6);--modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--modal-radius: 1.5rem;--modal-transition: .3s cubic-bezier(.4, 0, .2, 1);position:fixed;inset:0;z-index:100;overflow-y:auto}.modal-backdrop{position:fixed;inset:0;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-container{display:flex;min-height:100%;padding:1rem}.modal-container--centered{align-items:center;justify-content:center}.modal{position:relative;width:100%;background:var(--modal-surface);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);animation:modal-zoom-in .3s ease-out;outline:none}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--xs{max-width:20rem}.modal--sm{max-width:28rem}.modal--md{max-width:36rem}.modal--lg{max-width:48rem}.modal--xl{max-width:64rem}.modal--full{max-width:calc(100% - 2rem);min-height:calc(100vh - 2rem);border-radius:1rem}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 0}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:1.25rem;font-weight:700;color:var(--modal-text);margin:0;line-height:1.4}.modal__description{font-size:.875rem;color:var(--modal-text-muted);margin:.375rem 0 0;line-height:1.5}.modal__close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.75rem;border:none;background:var(--modal-surface-alt);color:var(--modal-text-muted);cursor:pointer;transition:var(--modal-transition);flex-shrink:0}.modal__close:hover{background:var(--modal-primary-light);color:var(--modal-primary)}.modal__close:active{transform:scale(.95)}.modal__body{padding:1.5rem;max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--modal-border) transparent}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{background:transparent}.modal__body::-webkit-scrollbar-thumb{background:var(--modal-border);border-radius:3px}.modal__body::-webkit-scrollbar-thumb:hover{background:var(--modal-primary-light)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--modal-border);margin-top:.5rem}.modal__close:focus-visible{outline:2px solid var(--modal-primary);outline-offset:2px}[dir=rtl] .modal__footer{flex-direction:row-reverse}@media(max-width:640px){.modal-container{padding:.5rem}.modal{border-radius:1rem}.modal__header{padding:1.25rem 1.25rem 0}.modal__body{padding:1.25rem;max-height:60vh}.modal__footer{padding:1rem 1.25rem 1.25rem;flex-direction:column-reverse}.modal__footer>*{width:100%}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}.modal__close{transition:none}}:root{--color-primary: #3841F2;--color-blue: #175BC2;--color-second: #B1CBE4;--color-overlay: #D8E5FE;--color-light-blue: #F7F8FC;--color-red: #F23978;--color-red-light: #FEF2F2;--color-yellow: #FCB400;--color-green: #34D8A1;--color-green-light: #ECFDF5;--color-black: #212330;--color-dark-gray: #A0A3BB;--color-light-gray: #F9FAFB;--color-white: #FFFFFF;--shadow-xs: 0 1px 2px rgba(56, 65, 242, .04);--shadow-sm: 0 2px 4px rgba(56, 65, 242, .06);--shadow-md: 0 4px 12px rgba(56, 65, 242, .08);--shadow-lg: 0 8px 24px rgba(56, 65, 242, .12);--shadow-card: 0 1px 3px rgba(33, 35, 48, .04), 0 4px 12px rgba(56, 65, 242, .04);--shadow-card-hover: 0 4px 12px rgba(33, 35, 48, .08), 0 8px 24px rgba(56, 65, 242, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}.profile-page{max-width:900px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%)}.profile-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-overlay)}.profile-header__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:28px;font-weight:700;color:var(--color-black);margin:0}.profile-header__icon{width:36px;height:36px;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.profile-header__icon svg{width:20px;height:20px;color:var(--color-white)}.profile-header__subtitle{margin-top:var(--spacing-sm);font-size:15px;color:var(--color-dark-gray);margin-right:52px}.profile-card{background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid rgba(177,203,228,.3);box-shadow:var(--shadow-card);overflow:hidden}.profile-tabs{display:flex;background:var(--color-light-gray);padding:var(--spacing-sm);gap:var(--spacing-sm);border-bottom:1px solid var(--color-overlay)}.profile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:500;color:var(--color-dark-gray);cursor:pointer;transition:all var(--transition-normal)}.profile-tab svg{width:20px;height:20px}.profile-tab:hover{color:var(--color-black);background:var(--color-white)}.profile-tab--active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.profile-content{padding:var(--spacing-xl)}.profile-info-tab,.schedule-tab{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-avatar-section{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-light-blue) 0%,var(--color-overlay) 50%);border-radius:var(--radius-xl)}.profile-avatar{position:relative;width:88px;height:88px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.profile-avatar__initial{font-size:32px;font-weight:700;color:var(--color-white)}.profile-avatar__edit{position:absolute;bottom:0;right:0;width:32px;height:32px;background:var(--color-white);border:2px solid var(--color-light-blue);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}.profile-avatar__edit svg{width:16px;height:16px;color:var(--color-primary)}.profile-avatar-info{flex:1}.profile-avatar-info__name{font-size:20px;font-weight:600;color:var(--color-black);margin:0}.profile-avatar-info__email{font-size:14px;color:var(--color-dark-gray);margin-top:var(--spacing-xs)}.profile-avatar-info__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#3841f21a;border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--color-primary)}.profile-avatar-info__badge svg{width:14px;height:14px}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field--full{grid-column:1 / -1}.form-field__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;font-weight:500;color:var(--color-dark-gray)}.form-field__label svg{width:16px;height:16px}.form-field__required{color:var(--color-red)}.form-field__input-wrapper{position:relative}.form-field__input,.form-field__textarea{width:100%;padding:var(--spacing-md);background:var(--color-light-gray);border:2px solid transparent;border-radius:var(--radius-md);font-size:15px;color:var(--color-black);transition:all var(--transition-fast);outline:none}.form-field__input:hover,.form-field__textarea:hover{background:var(--color-overlay)}.form-field__input:focus,.form-field__textarea:focus{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 4px #3841f21a}.form-field__input::-moz-placeholder,.form-field__textarea::-moz-placeholder{color:var(--color-dark-gray)}.form-field__input::placeholder,.form-field__textarea::placeholder{color:var(--color-dark-gray)}.form-field__textarea{resize:vertical;min-height:120px}.form-field__hint{font-size:12px;color:var(--color-dark-gray);margin-top:var(--spacing-xs)}.profile-form__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.success-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-green-light);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--color-green)}.success-message svg{width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:15px;font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);color:var(--color-white)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:15px}.schedule-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-light-blue) 0%,var(--color-overlay) 50%);border-radius:var(--radius-xl)}.schedule-header__content{display:flex;align-items:center;gap:var(--spacing-md)}.schedule-header__icon{width:48px;height:48px;background:var(--color-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.schedule-header__icon svg{width:24px;height:24px;color:var(--color-primary)}.schedule-header__title{font-size:18px;font-weight:600;color:var(--color-black);margin:0}.schedule-header__subtitle{font-size:14px;color:var(--color-dark-gray);margin-top:var(--spacing-xs)}.schedule-stat{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-radius:var(--radius-full);font-size:14px;color:var(--color-dark-gray);box-shadow:var(--shadow-xs)}.schedule-stat strong{color:var(--color-primary);font-weight:600}.schedule-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.schedule-days{display:flex;flex-direction:column;gap:var(--spacing-sm)}.schedule-day{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-light-gray);border:2px solid transparent;border-radius:var(--radius-lg);transition:all var(--transition-normal)}.schedule-day:hover{background:var(--color-overlay)}.schedule-day--active{background:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.schedule-day__toggle{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;flex:1}.schedule-day__checkbox-wrapper{position:relative;width:24px;height:24px}.schedule-day__checkbox{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.schedule-day__checkmark{width:24px;height:24px;background:var(--color-white);border:2px solid var(--color-second);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.schedule-day__checkbox:checked+.schedule-day__checkmark{background:var(--color-primary);border-color:var(--color-primary)}.schedule-day__checkmark svg{width:14px;height:14px;color:var(--color-white);opacity:0;transform:scale(0);transition:all var(--transition-spring)}.schedule-day__checkbox:checked+.schedule-day__checkmark svg{opacity:1;transform:scale(1)}.schedule-day__info{display:flex;flex-direction:column;gap:2px}.schedule-day__name{font-size:15px;font-weight:500;color:var(--color-black)}.schedule-day__status{font-size:12px;color:var(--color-dark-gray)}.schedule-day__times{display:flex;align-items:center;gap:var(--spacing-sm);overflow:hidden}.time-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.time-input-group__label{font-size:11px;font-weight:500;color:var(--color-dark-gray);text-transform:uppercase}.time-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-light-gray);border:2px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-black);outline:none;transition:all var(--transition-fast)}.time-input:focus{background:var(--color-white);border-color:var(--color-primary)}.time-separator{display:flex;align-items:center;padding:0 var(--spacing-xs);padding-top:20px}.time-separator span{width:12px;height:2px;background:var(--color-second);border-radius:var(--radius-full)}.schedule-form__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.profile-skeleton{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-card)}.profile-skeleton__header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.profile-skeleton__avatar{width:88px;height:88px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-light-gray) 25%,var(--color-overlay) 50%,var(--color-light-gray) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.profile-skeleton__info{flex:1}.profile-skeleton__name{width:150px;height:24px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-light-gray) 25%,var(--color-overlay) 50%,var(--color-light-gray) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.profile-skeleton__email{width:200px;height:16px;margin-top:var(--spacing-sm);border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-light-gray) 25%,var(--color-overlay) 50%,var(--color-light-gray) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.profile-skeleton__tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-light-gray)}.profile-skeleton__tab{width:120px;height:40px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-light-gray) 25%,var(--color-overlay) 50%,var(--color-light-gray) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.profile-skeleton__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-skeleton__field{width:100%;height:56px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-light-gray) 25%,var(--color-overlay) 50%,var(--color-light-gray) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.profile-page{padding:var(--spacing-md)}.profile-header__title{font-size:22px}.profile-header__subtitle{margin-right:0}.profile-content{padding:var(--spacing-md)}.profile-avatar-section{flex-direction:column;text-align:center}.profile-avatar-info{display:flex;flex-direction:column;align-items:center}.profile-form__grid{grid-template-columns:1fr}.schedule-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.schedule-header__content{flex-direction:column}.schedule-day{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.schedule-day__times{justify-content:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.profile-tabs{flex-direction:column}}@media(max-width:480px){.profile-form__actions,.schedule-form__actions{flex-direction:column;align-items:stretch}.btn--lg,.success-message{width:100%;justify-content:center}}.btn:focus-visible,.profile-tab:focus-visible,.form-field__input:focus-visible,.form-field__textarea:focus-visible,.time-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notifications-page{max-width:900px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%)}.notifications-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-overlay)}.notifications-header__title-group{display:flex;align-items:center;gap:var(--spacing-md)}.notifications-header__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:28px;font-weight:700;color:var(--color-black);margin:0}.notifications-header__icon{width:36px;height:36px;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.notifications-header__icon svg{width:20px;height:20px;color:var(--color-white)}.notifications-header__badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-red);color:var(--color-white);font-size:12px;font-weight:600;border-radius:var(--radius-full)}.notifications-header__subtitle{margin-top:var(--spacing-sm);font-size:15px;color:var(--color-dark-gray)}.notifications-card{background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid rgba(177,203,228,.3);box-shadow:var(--shadow-card);overflow:hidden}.notifications-tabs{display:flex;background:var(--color-light-gray);padding:var(--spacing-sm);gap:var(--spacing-sm);border-bottom:1px solid var(--color-overlay)}.notifications-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:500;color:var(--color-dark-gray);cursor:pointer;transition:all var(--transition-normal)}.notifications-tab svg{width:18px;height:18px}.notifications-tab:hover{color:var(--color-black);background:var(--color-white)}.notifications-tab--active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.notifications-tab__count{padding:2px 8px;background:var(--color-light-gray);border-radius:var(--radius-full);font-size:12px;font-weight:600}.notifications-tab--active .notifications-tab__count{background:var(--color-overlay);color:var(--color-primary)}.notifications-tab__count--highlight{background:var(--color-red)!important;color:var(--color-white)!important}.notifications-content{padding:var(--spacing-lg)}.notification-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-light-gray);border:2px solid transparent;border-radius:var(--radius-xl);transition:all var(--transition-normal)}.notification-card:hover{background:var(--color-white);border-color:var(--color-second);box-shadow:var(--shadow-md)}.notification-card--unread{background:linear-gradient(135deg,#3841f20a,#175bc20a);border-color:#3841f233}.notification-card--unread:hover{border-color:var(--color-primary)}.notification-card__badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);width:10px;height:10px;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 0 0 3px #3841f233}.notification-card__content{display:flex;gap:var(--spacing-md)}.notification-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon svg{width:22px;height:22px}.notification-icon--booking{background:linear-gradient(135deg,#3841f21a,#175bc21a)}.notification-icon--booking svg{color:var(--color-primary)}.notification-icon--order{background:linear-gradient(135deg,#fcb40026,#fcb4000d)}.notification-icon--order svg{color:var(--color-yellow)}.notification-icon--message{background:linear-gradient(135deg,#34d8a126,#34d8a10d)}.notification-icon--message svg{color:var(--color-green)}.notification-icon--general{background:var(--color-overlay)}.notification-icon--general svg{color:var(--color-blue)}.notification-card__body{flex:1;min-width:0}.notification-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.notification-card__title{font-size:16px;font-weight:600;color:var(--color-black);margin:0}.notification-card__time{font-size:13px;color:var(--color-dark-gray);white-space:nowrap}.notification-card__text{font-size:14px;color:var(--color-dark-gray);line-height:1.5;margin:0}.notification-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-overlay)}.notification-action{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.notification-action svg{width:16px;height:16px}.notification-action--read{color:var(--color-green);background:#34d8a11a}.notification-action--read:hover{background:var(--color-green);color:var(--color-white)}.notification-action--delete{color:var(--color-red);background:#f239781a}.notification-action--delete:hover{background:var(--color-red);color:var(--color-white)}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.notifications-empty__icon{width:80px;height:80px;background:var(--color-overlay);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.notifications-empty__icon svg{width:40px;height:40px;color:var(--color-second)}.notifications-empty__title{font-size:18px;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-sm) 0}.notifications-empty__text{font-size:14px;color:var(--color-dark-gray);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:14px;font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none}.btn--outline{background:transparent;border:2px solid var(--color-second);color:var(--color-primary)}.btn--outline:hover{background:var(--color-overlay);border-color:var(--color-primary)}@media(max-width:768px){.notifications-page{padding:var(--spacing-md)}.notifications-header{flex-direction:column;gap:var(--spacing-md)}.notifications-header__title{font-size:22px}.notification-card__header{flex-direction:column;gap:var(--spacing-xs)}.notification-card__actions{flex-wrap:wrap}}:root{--color-primary: #3841F2;--color-blue: #175BC2;--color-second: #B1CBE4;--color-overlay: #D8E5FE;--color-light-blue: #F7F8FC;--color-red: #F23978;--color-red-light: #FEF2F2;--color-yellow: #FCB400;--color-green: #34D8A1;--color-black: #212330;--color-dark-gray: #A0A3BB;--color-light-gray: #F9FAFB;--color-white: #FFFFFF;--color-off-white: #F9F9F9;--color-chat: rgb(22, 91, 194);--shadow-xs: 0 1px 2px rgba(56, 65, 242, .04);--shadow-sm: 0 2px 4px rgba(56, 65, 242, .06);--shadow-md: 0 4px 12px rgba(56, 65, 242, .08);--shadow-lg: 0 8px 24px rgba(56, 65, 242, .12);--shadow-xl: 0 16px 48px rgba(56, 65, 242, .16);--shadow-card: 0 1px 3px rgba(33, 35, 48, .04), 0 4px 12px rgba(56, 65, 242, .04);--shadow-card-hover: 0 4px 12px rgba(33, 35, 48, .08), 0 8px 24px rgba(56, 65, 242, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}.settings-page{max-width:900px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%);contain:layout style}.settings-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-overlay)}.settings-header__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:28px;font-weight:700;color:var(--color-black);margin:0;letter-spacing:-.5px}.settings-header__title-icon{width:36px;height:36px;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.settings-header__title-icon svg{width:20px;height:20px;color:var(--color-white)}.settings-header__subtitle{margin-top:var(--spacing-sm);font-size:15px;color:var(--color-dark-gray);margin-right:52px}.settings-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid rgba(177,203,228,.3);box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--transition-normal);contain:content;will-change:transform,box-shadow}.settings-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.settings-card--danger{border-color:#f2397833}.settings-card--danger:hover{border-color:#f2397866}.settings-card__header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-light-gray);background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%)}.settings-card__icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-spring)}.settings-card:hover .settings-card__icon{transform:scale(1.05)}.settings-card__icon--primary{background:linear-gradient(135deg,#3841f21a,#175bc21a)}.settings-card__icon--primary svg{color:var(--color-primary)}.settings-card__icon--blue{background:linear-gradient(135deg,#175bc21a,#b1cbe44d)}.settings-card__icon--blue svg{color:var(--color-blue)}.settings-card__icon--yellow{background:linear-gradient(135deg,#fcb40026,#fcb4000d)}.settings-card__icon--yellow svg{color:var(--color-yellow)}.settings-card__icon--green{background:linear-gradient(135deg,#34d8a126,#34d8a10d)}.settings-card__icon--green svg{color:var(--color-green)}.settings-card__icon--red{background:var(--color-red-light)}.settings-card__icon--red svg{color:var(--color-red)}.settings-card__icon svg{width:22px;height:22px}.settings-card__title-group{flex:1}.settings-card__title{font-size:17px;font-weight:600;color:var(--color-black);margin:0;letter-spacing:-.2px}.settings-card__description{font-size:13px;color:var(--color-dark-gray);margin-top:2px}.settings-card__body{padding:var(--spacing-lg)}.account-info-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-info-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-light-gray);border-radius:var(--radius-md);transition:all var(--transition-fast)}.account-info-item:hover{background:var(--color-overlay)}.account-info-item__label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--color-dark-gray)}.account-info-item__label svg{width:18px;height:18px;color:var(--color-second)}.account-info-item__value{font-size:14px;font-weight:500;color:var(--color-black);direction:ltr}.language-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.language-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-light-gray);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.language-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);opacity:0;transition:opacity var(--transition-normal)}.language-option:hover{border-color:var(--color-second);transform:translateY(-2px)}.language-option--active{border-color:var(--color-primary);background:var(--color-overlay);box-shadow:0 0 0 4px #3841f21a}.language-option--active:hover{border-color:var(--color-primary)}.language-option__flag{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--color-white);box-shadow:var(--shadow-sm);position:relative;z-index:1}.language-option__text{font-size:15px;font-weight:500;color:var(--color-black);position:relative;z-index:1}.language-option__check{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:24px;height:24px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all var(--transition-spring)}.language-option--active .language-option__check{opacity:1;transform:scale(1)}.language-option__check svg{width:14px;height:14px;color:var(--color-white)}.security-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-light-blue) 0%,var(--color-overlay) 100%);border:1px solid var(--color-second);border-radius:var(--radius-md);color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.security-button:hover{background:var(--color-overlay);border-color:var(--color-primary);transform:translate(-4px);box-shadow:var(--shadow-md)}.security-button svg{width:18px;height:18px;transition:transform var(--transition-normal)}.security-button:hover svg{transform:rotate(-10deg)}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-light-gray);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.notification-item:hover{background:var(--color-overlay)}.notification-item__info{display:flex;align-items:center;gap:var(--spacing-md)}.notification-item__icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-white);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}.notification-item__icon svg{width:18px;height:18px;color:var(--color-primary)}.notification-item__text{font-size:14px;font-weight:500;color:var(--color-black)}.toggle-switch{position:relative;width:48px;height:28px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-dark-gray);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);outline:none}.toggle-switch:before{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;background:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--transition-spring)}.toggle-switch:checked{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%)}.toggle-switch:checked:before{right:23px}.toggle-switch:focus{box-shadow:0 0 0 4px #3841f233}.logout-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-red-light);border:1px solid rgba(242,57,120,.2);border-radius:var(--radius-md);color:var(--color-red);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.logout-button:hover{background:var(--color-red);border-color:var(--color-red);color:var(--color-white);transform:translate(-4px);box-shadow:0 4px 12px #f239784d}.logout-button svg{width:18px;height:18px;transition:transform var(--transition-normal)}.logout-button:hover svg{transform:translate(-4px)}.password-modal-overlay{position:fixed;inset:0;background:#21233099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.password-modal{width:100%;max-width:440px;background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.password-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%);border-bottom:1px solid var(--color-light-gray)}.password-modal__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:18px;font-weight:600;color:var(--color-black);margin:0}.password-modal__title svg{width:22px;height:22px;color:var(--color-primary)}.password-modal__close{width:36px;height:36px;border:none;background:var(--color-light-gray);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.password-modal__close:hover{background:var(--color-red-light)}.password-modal__close svg{width:18px;height:18px;color:var(--color-dark-gray);transition:color var(--transition-fast)}.password-modal__close:hover svg{color:var(--color-red)}.password-modal__body{padding:var(--spacing-lg)}.password-modal__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-modal__footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-light-gray);background:var(--color-light-gray)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;font-weight:500;color:var(--color-dark-gray)}.form-label svg{width:16px;height:16px}.form-input{padding:var(--spacing-md);background:var(--color-light-gray);border:2px solid transparent;border-radius:var(--radius-md);font-size:15px;color:var(--color-black);transition:all var(--transition-fast);outline:none}.form-input:hover{background:var(--color-overlay)}.form-input:focus{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 4px #3841f21a}.form-input::-moz-placeholder{color:var(--color-dark-gray)}.form-input::placeholder{color:var(--color-dark-gray)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);color:var(--color-white);flex:1}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--color-dark-gray)}.btn--ghost:hover{background:var(--color-light-gray);color:var(--color-black)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.settings-card{animation:fadeInUp .5s ease-out backwards}.settings-card:nth-child(1){animation-delay:0ms}.settings-card:nth-child(2){animation-delay:80ms}.settings-card:nth-child(3){animation-delay:.16s}.settings-card:nth-child(4){animation-delay:.24s}.settings-card:nth-child(5){animation-delay:.32s}.password-modal-overlay{animation:fadeIn .2s ease-out}.password-modal{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@media(max-width:768px){.settings-page{padding:var(--spacing-md)}.settings-header__title{font-size:22px}.settings-header__subtitle{margin-right:0}.settings-card__header,.settings-card__body{padding:var(--spacing-md)}.settings-card__icon{width:40px;height:40px}.language-selector{gap:var(--spacing-sm)}.language-option{padding:var(--spacing-md)}.language-option__flag{width:40px;height:40px;font-size:24px}.account-info-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.password-modal{max-width:100%;margin:var(--spacing-md);border-radius:var(--radius-xl)}}@media(max-width:480px){.settings-header__title{font-size:20px;gap:var(--spacing-sm)}.settings-header__title-icon{width:32px;height:32px}.notification-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.notification-item__info{width:100%}.toggle-switch{align-self:flex-end}.password-modal__footer{flex-direction:column}.btn--primary{order:-1}}[dir=rtl] .security-button:hover,[dir=rtl] .logout-button:hover{transform:translate(4px)}[dir=rtl] .logout-button:hover svg{transform:translate(4px)}[dir=rtl] .toggle-switch:before{right:auto;left:3px}[dir=rtl] .toggle-switch:checked:before{left:23px}[dir=rtl] .language-option__check{left:auto;right:var(--spacing-sm)}@media(prefers-reduced-motion:reduce){.settings-card,.password-modal-overlay,.password-modal{animation:none}.settings-card:hover{transform:none}*,*:before,*:after{transition-duration:.01ms!important}}.language-option:focus-visible,.security-button:focus-visible,.logout-button:focus-visible,.notification-item:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.settings-page{background:#fff}.settings-card{box-shadow:none;border:1px solid #ddd;-moz-column-break-inside:avoid;break-inside:avoid}.logout-button,.security-button{display:none}}:root{--color-primary: #3841F2;--color-blue: #175BC2;--color-second: #B1CBE4;--color-overlay: #D8E5FE;--color-light-blue: #F7F8FC;--color-red: #F23978;--color-red-light: #FEF2F2;--color-yellow: #FCB400;--color-green: #34D8A1;--color-green-light: #ECFDF5;--color-black: #212330;--color-dark-gray: #A0A3BB;--color-light-gray: #F9FAFB;--color-white: #FFFFFF;--shadow-xs: 0 1px 2px rgba(56, 65, 242, .04);--shadow-sm: 0 2px 4px rgba(56, 65, 242, .06);--shadow-md: 0 4px 12px rgba(56, 65, 242, .08);--shadow-lg: 0 8px 24px rgba(56, 65, 242, .12);--shadow-card: 0 1px 3px rgba(33, 35, 48, .04), 0 4px 12px rgba(56, 65, 242, .04);--shadow-card-hover: 0 4px 12px rgba(33, 35, 48, .08), 0 8px 24px rgba(56, 65, 242, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}.gallery-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%)}.gallery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-overlay)}.gallery-header__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:28px;font-weight:700;color:var(--color-black);margin:0}.gallery-header__icon{width:36px;height:36px;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.gallery-header__icon svg{width:20px;height:20px;color:var(--color-white)}.gallery-header__subtitle{margin-top:var(--spacing-sm);font-size:15px;color:var(--color-dark-gray)}.gallery-header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.gallery-stat{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);border-radius:var(--radius-xl);box-shadow:0 4px 16px #3841f24d}.gallery-stat__icon{width:40px;height:40px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.gallery-stat__icon svg{width:20px;height:20px;color:var(--color-white)}.gallery-stat__value{font-size:24px;font-weight:700;color:var(--color-white)}.gallery-stat__label{font-size:13px;color:#ffffffd9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:15px;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn--success{background:linear-gradient(135deg,var(--color-green) 0%,#2BC48B 100%);color:var(--color-white);box-shadow:0 4px 16px #34d8a14d}.btn--success:hover:not(:disabled){box-shadow:0 6px 20px #34d8a166;transform:translateY(-2px)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl)}.btn__spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .8s linear infinite}.upload-zone{position:relative;background:var(--color-white);border:3px dashed var(--color-second);border-radius:var(--radius-2xl);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-xl)}.upload-zone:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#3841f205,#175bc205)}.upload-zone--dragging{border-color:var(--color-primary);background:linear-gradient(135deg,#3841f20d,#175bc20d);border-style:solid}.upload-zone__input{display:none}.upload-zone__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.upload-zone__icon{width:80px;height:80px;background:var(--color-overlay);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.upload-zone__icon svg{width:36px;height:36px;color:var(--color-primary)}.upload-zone__icon--active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);transform:scale(1.1)}.upload-zone__icon--active svg{color:var(--color-white)}.upload-zone__title{font-size:18px;font-weight:600;color:var(--color-black);margin:0}.upload-zone__subtitle{font-size:14px;color:var(--color-dark-gray);margin:0}.upload-zone__btn{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.upload-zone__btn:hover{box-shadow:var(--shadow-md)}.upload-zone__btn svg{width:18px;height:18px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.image-card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.image-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.image-card__wrapper{position:relative;width:100%;padding-top:75%;overflow:hidden}.image-card__img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal)}.image-card:hover .image-card__img{transform:scale(1.05)}.image-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#21233066,#212330b3);display:flex;align-items:center;justify-content:center}.image-card__delete{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-red);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #f2397866}.image-card__delete:hover:not(:disabled){background:#e02568}.image-card__delete:disabled{opacity:.7;cursor:not-allowed}.image-card__delete svg{width:18px;height:18px}.image-card__spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .8s linear infinite}.image-card__badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,var(--color-green) 0%,#2BC48B 100%);color:var(--color-white);border-radius:var(--radius-full);font-size:12px;font-weight:600;box-shadow:0 2px 8px #34d8a166;z-index:5}.image-card__badge svg{width:14px;height:14px}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);text-align:center;margin-bottom:var(--spacing-xl)}.gallery-empty__icon{width:80px;height:80px;background:var(--color-overlay);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.gallery-empty__icon svg{width:36px;height:36px;color:var(--color-second)}.gallery-empty__title{font-size:18px;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-sm) 0}.gallery-empty__text{font-size:14px;color:var(--color-dark-gray);margin:0}.gallery-tips{padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-xl);border-right:4px solid var(--color-primary);box-shadow:var(--shadow-card)}.gallery-tips__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.gallery-tips__icon{width:40px;height:40px;background:linear-gradient(135deg,#fcb40026,#fcb4000d);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.gallery-tips__icon svg{width:20px;height:20px;color:var(--color-yellow)}.gallery-tips__title{font-size:16px;font-weight:600;color:var(--color-black);margin:0}.gallery-tips__list{margin:0;padding:0;list-style:none}.gallery-tips__list li{position:relative;padding-right:var(--spacing-lg);font-size:14px;color:var(--color-dark-gray);line-height:1.8}.gallery-tips__list li:before{content:"";position:absolute;right:0;top:10px;width:6px;height:6px;background:var(--color-primary);border-radius:var(--radius-full)}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.gallery-page{padding:var(--spacing-md)}.gallery-header{flex-direction:column;gap:var(--spacing-md)}.gallery-header__title{font-size:22px}.gallery-header__actions{width:100%;justify-content:space-between}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.upload-zone{padding:var(--spacing-xl) var(--spacing-md)}.upload-zone__icon{width:64px;height:64px}.upload-zone__icon svg{width:28px;height:28px}.upload-zone__title{font-size:16px}}@media(max-width:480px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.gallery-header__actions{flex-direction:column}.gallery-stat,.btn--lg{width:100%;justify-content:center}.image-card__delete{padding:var(--spacing-xs) var(--spacing-md);font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.upload-zone:focus-visible,.image-card__delete:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root{--chat-primary: #3841F2;--chat-primary-dark: #175BC2;--chat-primary-light: #D8E5FE;--chat-secondary: #B1CBE4;--chat-success: #34D8A1;--chat-success-bg: #ECFDF5;--chat-error: #F23978;--chat-error-bg: #FEF2F2;--chat-warning: #FCB400;--chat-text-dark: #212330;--chat-text-muted: #A0A3BB;--chat-bg-light: #F9FAFB;--chat-bg-card: #FFFFFF;--chat-bg-surface: #F7F8FC;--chat-border: #E5E7EB;--chat-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--chat-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .04);--chat-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--chat-radius-sm: 8px;--chat-radius-md: 12px;--chat-radius-lg: 16px;--chat-radius-xl: 20px;--chat-radius-full: 9999px}.enhanced-chats-page svg,.chat-window svg,.chat-sidebar svg,.message-bubble svg{width:100%;height:100%;display:block}.enhanced-chats-page{display:flex;flex-direction:column;height:100vh;background:var(--chat-bg-light);overflow:hidden}.enhanced-chats-page__content{display:flex;flex:1;overflow:hidden;max-width:1600px;margin:0 auto;width:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--chat-bg-card);border-bottom:1px solid var(--chat-border);box-shadow:var(--chat-shadow-sm);flex-shrink:0}.chat-header__left{display:flex;align-items:center;gap:16px}.chat-header__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);border-radius:var(--chat-radius-md);color:#fff}.chat-header__icon svg{width:24px;height:24px}.chat-header__title{font-size:22px;font-weight:700;color:var(--chat-text-dark);margin:0}.chat-header__stats{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--chat-text-muted);margin-top:4px}.chat-header__stat{display:flex;align-items:center;gap:6px}.chat-header__stat svg{width:16px;height:16px}.chat-header__stat--unread{padding:4px 12px;background:var(--chat-error-bg);color:var(--chat-error);border-radius:var(--chat-radius-full);font-weight:600;font-size:13px}.chat-header__right{display:flex;align-items:center;gap:12px}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--chat-bg-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-full);font-size:13px;font-weight:500;color:var(--chat-text-muted)}.connection-status__dot{width:8px;height:8px;border-radius:50%;background:var(--chat-success);animation:connection-pulse 2s ease-in-out infinite}.connection-status--connected .connection-status__dot{background:var(--chat-success)}.connection-status--disconnected .connection-status__dot{background:var(--chat-error);animation:none}.connection-status--reconnecting .connection-status__dot{background:var(--chat-warning);animation:connection-pulse .8s ease-in-out infinite}@keyframes connection-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.chat-header__action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--chat-bg-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-full);color:var(--chat-text-muted);cursor:pointer;transition:all .2s ease;position:relative}.chat-header__action svg{width:20px;height:20px}.chat-header__action:hover{background:var(--chat-primary-light);border-color:var(--chat-primary);color:var(--chat-primary)}.chat-header__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--chat-error);color:#fff;border-radius:var(--chat-radius-full);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.chat-sidebar{width:380px;background:var(--chat-bg-card);border-left:1px solid var(--chat-border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.chat-sidebar__header{padding:16px;border-bottom:1px solid var(--chat-border)}.chat-sidebar__search{position:relative;display:flex;align-items:center;background:var(--chat-bg-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-full);padding:0 16px;transition:all .2s ease}.chat-sidebar__search:focus-within{border-color:var(--chat-primary);box-shadow:0 0 0 3px var(--chat-primary-light)}.chat-sidebar__search-icon{width:18px;height:18px;color:var(--chat-text-muted);flex-shrink:0}.chat-sidebar__search-input{flex:1;padding:12px;border:none;background:transparent;font-size:14px;color:var(--chat-text-dark);outline:none}.chat-sidebar__search-input::-moz-placeholder{color:var(--chat-text-muted)}.chat-sidebar__search-input::placeholder{color:var(--chat-text-muted)}.chat-sidebar__search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--chat-border);border:none;border-radius:50%;color:var(--chat-text-muted);cursor:pointer;transition:all .2s ease}.chat-sidebar__search-clear:hover{background:var(--chat-error);color:#fff}.chat-sidebar__search-clear svg{width:14px;height:14px}.chat-sidebar__filters{display:flex;gap:8px;margin-top:12px}.chat-sidebar__filter{flex:1;padding:8px 16px;background:var(--chat-bg-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-full);font-size:13px;font-weight:500;color:var(--chat-text-muted);cursor:pointer;transition:all .2s ease}.chat-sidebar__filter:hover{border-color:var(--chat-primary);color:var(--chat-primary)}.chat-sidebar__filter--active{background:var(--chat-primary);border-color:var(--chat-primary);color:#fff}.chat-sidebar__list{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--chat-border) transparent}.chat-sidebar__list::-webkit-scrollbar{width:6px}.chat-sidebar__list::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:3px}.chat-sidebar__list::-webkit-scrollbar-thumb:hover{background:var(--chat-text-muted)}.chat-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--chat-radius-md);cursor:pointer;transition:all .2s ease;margin-bottom:4px}.chat-card:hover{background:var(--chat-bg-surface)}.chat-card--active{background:var(--chat-primary-light)}.chat-card--unread{background:var(--chat-bg-surface)}.chat-card__avatar{position:relative;width:50px;height:50px;flex-shrink:0}.chat-card__avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-card__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);border-radius:50%;color:#fff;font-weight:600;font-size:18px}.chat-card__avatar-placeholder svg{width:24px;height:24px}.chat-card__online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--chat-success);border:2px solid var(--chat-bg-card);border-radius:50%}.chat-card__content{flex:1;min-width:0}.chat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.chat-card__name{font-size:15px;font-weight:600;color:var(--chat-text-dark);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-card--unread .chat-card__name{font-weight:700}.chat-card__time{font-size:12px;color:var(--chat-text-muted);flex-shrink:0;margin-right:8px}.chat-card--unread .chat-card__time{color:var(--chat-primary);font-weight:600}.chat-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-card__message{flex:1;font-size:13px;color:var(--chat-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-card--unread .chat-card__message{color:var(--chat-text-dark);font-weight:500}.chat-card__badge{min-width:20px;height:20px;padding:0 6px;background:var(--chat-primary);color:#fff;border-radius:var(--chat-radius-full);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-card__typing{display:flex;align-items:center;gap:4px;color:var(--chat-success);font-size:12px}.chat-card__typing-dots{display:flex;gap:2px}.chat-card__typing-dots span{width:4px;height:4px;background:var(--chat-success);border-radius:50%;animation:typing-bounce 1.4s infinite both}.chat-card__typing-dots span:nth-child(2){animation-delay:.2s}.chat-card__typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.empty-chats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-chats__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--chat-bg-surface);border-radius:50%;color:var(--chat-text-muted);margin-bottom:20px}.empty-chats__icon svg{width:40px;height:40px}.empty-chats__title{font-size:18px;font-weight:600;color:var(--chat-text-dark);margin:0 0 8px}.empty-chats__text{color:var(--chat-text-muted);font-size:14px;margin:0;line-height:1.5}.chat-window{flex:1;display:flex;flex-direction:column;background:var(--chat-bg-light);overflow:hidden}.chat-window--empty{display:flex;align-items:center;justify-content:center}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px}.no-selection__icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--chat-primary-light);border-radius:50%;color:var(--chat-primary);margin-bottom:32px}.no-selection__icon svg{width:56px;height:56px}.no-selection__title{font-size:24px;font-weight:700;color:var(--chat-text-dark);margin:0 0 12px}.no-selection__text{color:var(--chat-text-muted);font-size:15px;margin:0;max-width:360px;line-height:1.6}.chat-window-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--chat-bg-card);border-bottom:1px solid var(--chat-border);flex-shrink:0}.chat-window-header__back{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--chat-bg-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-full);color:var(--chat-text-dark);cursor:pointer;transition:all .2s ease}.chat-window-header__back:hover{background:var(--chat-primary-light);border-color:var(--chat-primary);color:var(--chat-primary)}.chat-window-header__back svg{width:20px;height:20px}.chat-window-header__user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.chat-window-header__avatar{position:relative;width:48px;height:48px;flex-shrink:0}.chat-window-header__avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-window-header__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);border-radius:50%;color:#fff;font-weight:600;font-size:18px}.chat-window-header__avatar-placeholder svg{width:24px;height:24px}.chat-window-header__online{position:absolute;bottom:0;right:0;width:14px;height:14px;background:var(--chat-success);border:3px solid var(--chat-bg-card);border-radius:50%}.chat-window-header__info{flex:1;min-width:0}.chat-window-header__name{font-size:16px;font-weight:600;color:var(--chat-text-dark);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-window-header__status{font-size:13px;color:var(--chat-text-muted);margin:0}.chat-window-header__status--online{color:var(--chat-success)}.chat-window-header__status--typing{display:flex;align-items:center;gap:6px;color:var(--chat-success)}.chat-window-header__typing-dots{display:flex;gap:2px}.chat-window-header__typing-dots span{width:4px;height:4px;background:var(--chat-success);border-radius:50%;animation:typing-bounce 1.4s infinite both}.chat-window-header__typing-dots span:nth-child(2){animation-delay:.2s}.chat-window-header__typing-dots span:nth-child(3){animation-delay:.4s}.chat-window-header__actions{display:flex;gap:8px}.chat-window-header__action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--chat-bg-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-full);color:var(--chat-text-muted);cursor:pointer;transition:all .2s ease}.chat-window-header__action svg{width:20px;height:20px}.chat-window-header__action:hover{background:var(--chat-primary-light);border-color:var(--chat-primary);color:var(--chat-primary)}.chat-window__messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--chat-border) transparent}.chat-window__messages::-webkit-scrollbar{width:6px}.chat-window__messages::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:3px}.chat-window__messages::-webkit-scrollbar-thumb:hover{background:var(--chat-text-muted)}.messages-list{display:flex;flex-direction:column;gap:12px}.messages-load-more{align-self:center;padding:10px 20px;background:var(--chat-bg-card);border:1px solid var(--chat-border);border-radius:var(--chat-radius-full);color:var(--chat-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.messages-load-more:hover{background:var(--chat-primary-light);border-color:var(--chat-primary)}.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.messages-empty__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--chat-bg-surface);border-radius:50%;color:var(--chat-text-muted);margin-bottom:20px}.messages-empty__icon svg{width:40px;height:40px}.messages-empty__title{font-size:18px;font-weight:600;color:var(--chat-text-dark);margin:0 0 8px}.messages-empty__text{color:var(--chat-text-muted);font-size:14px;margin:0}.messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--chat-text-muted)}.messages-loading__spinner{width:48px;height:48px;border:3px solid var(--chat-border);border-top-color:var(--chat-primary);border-radius:50%;animation:spin .8s linear infinite}.message-bubble{display:flex;flex-direction:column;max-width:70%;animation:message-slide-in .3s ease-out}@keyframes message-slide-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message-bubble--sent{align-self:flex-start;margin-left:auto}.message-bubble--received{align-self:flex-end;margin-right:auto}.message-bubble__content{border-radius:var(--chat-radius-xl);overflow:hidden}.message-bubble--sent .message-bubble__content{background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);color:#fff;border-bottom-left-radius:6px}.message-bubble--received .message-bubble__content{background:var(--chat-bg-card);color:var(--chat-text-dark);border-bottom-right-radius:6px;box-shadow:var(--chat-shadow-sm)}.message-bubble__text{padding:12px 16px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;margin:0}.message-bubble__image{display:block;max-width:100%;max-height:300px;border-radius:var(--chat-radius-md);margin:8px}.message-bubble__video{display:block;max-width:100%;max-height:300px;border-radius:var(--chat-radius-md);margin:8px;outline:none}.message-bubble__audio{display:flex;align-items:center;gap:12px;padding:12px 16px;min-width:240px}.message-bubble__audio-icon{width:24px;height:24px;flex-shrink:0}.message-bubble__audio audio{flex:1;height:36px}.message-bubble__file,.message-bubble__location{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:inherit;transition:opacity .2s ease}.message-bubble__file:hover,.message-bubble__location:hover{opacity:.85}.message-bubble__file-icon,.message-bubble__location-icon{width:24px;height:24px;flex-shrink:0}.message-bubble__file-name,.message-bubble__location-text{font-size:14px;font-weight:500}.message-bubble__meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:4px 12px 8px;font-size:11px;opacity:.75}.message-bubble__time{color:inherit}.message-bubble__status{display:flex;align-items:center}.message-bubble__status svg{width:14px;height:14px}.message-bubble__status--sent{color:#ffffffb3}.message-bubble__status--delivered{color:#ffffffe6}.message-bubble__status--seen{color:var(--chat-success)}.message-bubble__status--failed{color:var(--chat-error)}.message-bubble--received .message-bubble__status--sent,.message-bubble--received .message-bubble__status--delivered{color:var(--chat-text-muted)}.message-bubble__reply{display:flex;gap:8px;margin:8px 12px;padding:8px 12px;background:#00000014;border-radius:var(--chat-radius-sm);font-size:13px}.message-bubble--sent .message-bubble__reply{background:#ffffff26}.message-bubble__reply-line{width:3px;background:currentColor;border-radius:2px;opacity:.6}.message-bubble__reply-content{flex:1;min-width:0}.message-bubble__reply-name{font-weight:600;margin-bottom:2px}.message-bubble__reply-text{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-indicator{align-self:flex-end;margin-bottom:8px}.typing-indicator__bubble{display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--chat-bg-card);border-radius:var(--chat-radius-xl);border-bottom-right-radius:6px;box-shadow:var(--chat-shadow-sm)}.typing-indicator__text{font-size:13px;color:var(--chat-text-muted)}.typing-indicator__dots{display:flex;gap:3px}.typing-indicator__dot{width:6px;height:6px;border-radius:50%;background:var(--chat-text-muted);animation:typing-bounce 1.4s infinite both}.typing-indicator__dot:nth-child(2){animation-delay:.2s}.typing-indicator__dot:nth-child(3){animation-delay:.4s}.chat-input{padding:16px 24px;background:var(--chat-bg-card);border-top:1px solid var(--chat-border);flex-shrink:0;position:relative}.chat-input__progress{position:absolute;top:0;right:0;left:0;height:3px;background:var(--chat-border)}.chat-input__progress-bar{height:100%;background:linear-gradient(90deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);transition:width .3s ease;border-radius:0 3px 3px 0}.chat-input__progress-text{position:absolute;top:8px;right:24px;font-size:11px;color:var(--chat-text-muted);background:var(--chat-bg-card);padding:4px 8px;border-radius:var(--chat-radius-sm);box-shadow:var(--chat-shadow-sm)}.chat-input__container{display:flex;align-items:flex-end;gap:12px;background:var(--chat-bg-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-xl);padding:8px;transition:all .2s ease}.chat-input__container:focus-within{border-color:var(--chat-primary);box-shadow:0 0 0 3px var(--chat-primary-light)}.chat-input__left,.chat-input__right{display:flex;align-items:center;gap:4px}.chat-input__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--chat-radius-full);color:var(--chat-text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.chat-input__btn svg{width:20px;height:20px}.chat-input__btn:hover:not(:disabled){background:var(--chat-primary-light);color:var(--chat-primary)}.chat-input__btn:disabled{opacity:.4;cursor:not-allowed}.chat-input__btn--active{background:var(--chat-primary-light);color:var(--chat-primary)}.chat-input__btn--send{background:var(--chat-primary);color:#fff}.chat-input__btn--send:hover:not(:disabled){background:var(--chat-primary-dark);transform:scale(1.05)}.chat-input__btn--send:disabled{background:var(--chat-border);color:var(--chat-text-muted)}.chat-input__loader{animation:spin .8s linear infinite}.chat-input__file-input{display:none}.chat-input__field-wrapper{flex:1;display:flex;align-items:flex-end;gap:8px}.chat-input__textarea{flex:1;min-height:40px;max-height:120px;padding:10px 0;border:none;background:transparent;font-size:14px;font-family:inherit;color:var(--chat-text-dark);resize:none;outline:none;line-height:1.5}.chat-input__textarea::-moz-placeholder{color:var(--chat-text-muted)}.chat-input__textarea::placeholder{color:var(--chat-text-muted)}.chat-input__textarea:disabled{cursor:not-allowed}.chat-input__emoji-backdrop{position:fixed;inset:0;z-index:50}.chat-input__emoji-picker{position:absolute;bottom:100%;right:16px;margin-bottom:8px;z-index:60;box-shadow:var(--chat-shadow-lg);border-radius:var(--chat-radius-lg);overflow:hidden}.chat-input__attach-menu{position:absolute;bottom:100%;right:16px;margin-bottom:8px;background:var(--chat-bg-card);border:1px solid var(--chat-border);border-radius:var(--chat-radius-md);box-shadow:var(--chat-shadow-lg);overflow:hidden;z-index:60;min-width:160px}.chat-input__attach-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;font-size:14px;color:var(--chat-text-dark);cursor:pointer;transition:background .2s ease;text-align:right}.chat-input__attach-item:hover{background:var(--chat-bg-surface)}.chat-input__attach-item svg{width:20px;height:20px;color:var(--chat-primary)}.date-separator{display:flex;align-items:center;justify-content:center;margin:20px 0}.date-separator__text{padding:6px 16px;background:var(--chat-bg-surface);border-radius:var(--chat-radius-full);font-size:12px;font-weight:500;color:var(--chat-text-muted)}.chats-skeleton{display:flex;height:100vh;background:var(--chat-bg-light)}.chats-skeleton__sidebar{width:380px;background:var(--chat-bg-card);border-left:1px solid var(--chat-border);padding:16px}.chats-skeleton__header{margin-bottom:24px}.chats-skeleton__title{height:28px;width:140px;background:var(--chat-border);border-radius:var(--chat-radius-sm);margin-bottom:16px;animation:skeleton-pulse 1.5s ease-in-out infinite}.chats-skeleton__search{height:48px;background:var(--chat-border);border-radius:var(--chat-radius-full);animation:skeleton-pulse 1.5s ease-in-out infinite}.chats-skeleton__list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.chats-skeleton__item{display:flex;align-items:center;gap:12px;padding:12px;animation:skeleton-pulse 1.5s ease-in-out infinite}.chats-skeleton__avatar{width:50px;height:50px;background:var(--chat-border);border-radius:50%}.chats-skeleton__content{flex:1}.chats-skeleton__name{height:16px;width:55%;background:var(--chat-border);border-radius:4px;margin-bottom:8px}.chats-skeleton__message{height:14px;width:75%;background:var(--chat-border);border-radius:4px}.chats-skeleton__time{width:36px;height:12px;background:var(--chat-border);border-radius:4px}.chats-skeleton__main{flex:1;display:flex;flex-direction:column}.chats-skeleton__chat-header{height:80px;background:var(--chat-bg-card);border-bottom:1px solid var(--chat-border);animation:skeleton-pulse 1.5s ease-in-out infinite}.chats-skeleton__messages{flex:1;padding:24px;display:flex;flex-direction:column;gap:16px}.chats-skeleton__bubble{height:56px;width:55%;background:var(--chat-bg-card);border-radius:var(--chat-radius-xl);margin-left:auto;animation:skeleton-pulse 1.5s ease-in-out infinite}.chats-skeleton__bubble--sent{margin-left:0;margin-right:auto;background:var(--chat-primary-light)}.chats-skeleton__input{height:72px;background:var(--chat-bg-card);border-top:1px solid var(--chat-border);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.chats-page{display:flex;flex-direction:column;height:100vh;background:var(--chat-bg-light);overflow:hidden}.chats-container{display:flex;flex:1;overflow:hidden;max-width:1600px;margin:0 auto;width:100%}@media(max-width:1200px){.chat-sidebar{width:340px}}@media(max-width:1024px){.chat-sidebar{width:320px}.message-bubble{max-width:80%}}@media(max-width:768px){.chats-container{position:relative}.chat-sidebar{position:absolute;right:0;top:0;bottom:0;width:100%;z-index:10;transform:translate(0);transition:transform .3s ease}.chats-container--mobile-chat .chat-sidebar{transform:translate(100%)}.chat-window{position:absolute;right:0;top:0;bottom:0;width:100%;transform:translate(-100%);transition:transform .3s ease}.chats-container--mobile-chat .chat-window{transform:translate(0)}.chat-window-header__back{display:flex}.message-bubble{max-width:85%}.chat-header{padding:12px 16px}.chat-header__icon{width:40px;height:40px}.chat-header__icon svg{width:20px;height:20px}.chat-header__title{font-size:18px}.chat-window__messages{padding:16px}.chat-input{padding:12px 16px}.chats-skeleton__sidebar{width:100%}.chats-skeleton__main{display:none}}@media(max-width:480px){.chat-window-header{padding:12px 16px}.chat-window-header__avatar{width:40px;height:40px}.chat-window-header__name{font-size:15px}.chat-window-header__actions{gap:4px}.chat-window-header__action{width:36px;height:36px}.chat-input__container{padding:6px;gap:8px}.chat-input__btn{width:36px;height:36px}.chat-input__btn svg{width:18px;height:18px}.no-selection__icon{width:100px;height:100px}.no-selection__icon svg{width:48px;height:48px}.no-selection__title{font-size:20px}}.chats-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:24px 28px!important;background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-secondary) 100%)!important;border-radius:var(--chat-radius-lg)!important;margin-bottom:24px!important;box-shadow:var(--chat-shadow-lg)!important;position:relative!important;overflow:hidden!important}.chats-header:before{content:""!important;position:absolute!important;top:-50%!important;right:-20%!important;width:300px!important;height:300px!important;background:#ffffff1a!important;border-radius:50%!important;pointer-events:none!important}.chats-header:after{content:""!important;position:absolute!important;bottom:-60%!important;left:-10%!important;width:200px!important;height:200px!important;background:#ffffff0d!important;border-radius:50%!important;pointer-events:none!important}.chats-header__content{display:flex!important;align-items:center!important;gap:16px!important;position:relative!important;z-index:1!important}.chats-header__icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:56px!important;height:56px!important;background:#fff3!important;border-radius:var(--chat-radius-md)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.chats-header__icon{display:flex!important;align-items:center!important;justify-content:center!important;color:var(--chat-surface)!important}.chats-header__icon svg{width:28px!important;height:28px!important}.chats-header__text{display:flex!important;flex-direction:column!important;gap:4px!important}.chats-header__title{font-size:24px!important;font-weight:700!important;color:var(--chat-surface)!important;margin:0!important;letter-spacing:-.02em!important}.chats-header__subtitle{font-size:14px!important;color:#fffc!important;margin:0!important;font-weight:400!important}.chats-header__stats{display:flex!important;gap:16px!important;position:relative!important;z-index:1!important}.stat-card{display:flex!important;align-items:center!important;gap:12px!important;padding:16px 20px!important;background:#ffffff26!important;border-radius:var(--chat-radius-md)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;cursor:default!important;transition:var(--chat-transition)!important}.stat-card:hover{background:#ffffff40!important}.stat-card__icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:#fff3!important;border-radius:var(--chat-radius-sm)!important}.stat-card__icon{display:flex!important;color:var(--chat-surface)!important}.stat-card__icon svg{width:20px!important;height:20px!important}.stat-card__content{display:flex!important;flex-direction:column!important;gap:2px!important}.stat-card__value{font-size:20px!important;font-weight:700!important;color:var(--chat-surface)!important;line-height:1.2!important}.stat-card__label{font-size:12px!important;color:#ffffffbf!important;font-weight:500!important}.stat-card--success .stat-card__icon-wrapper{background:#34d8a14d!important}.stat-card--success .stat-card__value{color:var(--chat-success)!important}.connection-status{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:12px 20px!important;background:var(--chat-surface)!important;border:1px solid var(--chat-overlay)!important;border-radius:var(--chat-radius-full)!important;box-shadow:var(--chat-shadow-sm)!important;font-size:13px!important;color:var(--chat-text-dark)!important;font-weight:500!important;position:relative!important}.connection-status__pulse{position:relative!important;width:10px!important;height:10px!important;background:var(--chat-success)!important;border-radius:50%!important}.connection-status__pulse:before{content:""!important;position:absolute!important;inset:-4px!important;background:var(--chat-success)!important;border-radius:50%!important;opacity:.3!important;animation:pulse-ring 2s infinite!important}@keyframes pulse-ring{0%{transform:scale(1)!important;opacity:.3!important}50%{transform:scale(1.5)!important;opacity:0!important}to{transform:scale(1)!important;opacity:0!important}}.connection-status__icon{display:flex!important;color:var(--chat-success)!important}.connection-status__icon svg{width:18px!important;height:18px!important}.connection-status__text{color:var(--chat-text-muted)!important}.empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 24px!important;text-align:center!important}.empty-state__icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:80px!important;height:80px!important;background:var(--chat-overlay)!important;border-radius:var(--chat-radius-lg)!important;margin-bottom:20px!important}.empty-state__icon{display:flex!important;color:var(--chat-primary)!important}.empty-state__icon svg{width:36px!important;height:36px!important}.empty-state__title{font-size:18px!important;font-weight:600!important;color:var(--chat-text-dark)!important;margin:0 0 8px!important}.empty-state__description{font-size:14px!important;color:var(--chat-text-muted)!important;margin:0!important;max-width:280px!important;line-height:1.6!important}.chat-skeleton{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.chat-skeleton__item{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;background:var(--chat-surface)!important;border-radius:var(--chat-radius-md)!important}.chat-skeleton__avatar{width:48px!important;height:48px!important;border-radius:50%!important;background:linear-gradient(90deg,var(--chat-bg-light) 25%,var(--chat-overlay) 50%,var(--chat-bg-light) 75%)!important;background-size:200% 100%!important;animation:skeleton-shimmer 1.5s infinite!important}.chat-skeleton__content{flex:1!important;display:flex!important;flex-direction:column!important;gap:8px!important}.chat-skeleton__name{width:120px!important;height:14px!important;border-radius:6px!important;background:linear-gradient(90deg,var(--chat-bg-light) 25%,var(--chat-overlay) 50%,var(--chat-bg-light) 75%)!important;background-size:200% 100%!important;animation:skeleton-shimmer 1.5s infinite!important}.chat-skeleton__message{width:180px!important;height:12px!important;border-radius:6px!important;background:linear-gradient(90deg,var(--chat-bg-light) 25%,var(--chat-overlay) 50%,var(--chat-bg-light) 75%)!important;background-size:200% 100%!important;animation:skeleton-shimmer 1.5s infinite .1s!important}@keyframes skeleton-shimmer{0%{background-position:200% 0!important}to{background-position:-200% 0!important}}.chat-input__container--disabled{opacity:.6!important;pointer-events:none!important}.chat-input__btn--icon{width:36px!important;height:36px!important;border-radius:50%!important;color:var(--chat-text-muted, #A0A3BB)!important}.chat-input__btn--icon:hover:not(:disabled){background:var(--chat-overlay, #D8E5FE)!important;color:var(--chat-primary, #3841F2)!important}.chat-input__btn--icon.chat-input__btn--active{background:var(--chat-primary, #3841F2)!important;color:var(--chat-surface, #FFFFFF)!important}.chat-input__file-input{display:none!important}.chat-input__loader{animation:chat-loader-spin 1s linear infinite!important}@keyframes chat-loader-spin{0%{transform:rotate(0)!important}to{transform:rotate(360deg)!important}}.chat-input__progress{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;margin-bottom:12px!important;background:var(--chat-overlay, #D8E5FE)!important;border-radius:12px!important}.chat-input__progress-track{flex:1!important;height:6px!important;background:#ffffff80!important;border-radius:3px!important;overflow:hidden!important}.chat-input__progress-bar{height:100%!important;background:linear-gradient(90deg,var(--chat-primary, #3841F2),var(--chat-secondary, #175BC2))!important;border-radius:3px!important;transition:width .3s ease!important}.chat-input__progress-text{font-size:12px!important;font-weight:600!important;color:var(--chat-primary, #3841F2)!important;white-space:nowrap!important}.chat-input__emoji-backdrop{position:fixed!important;inset:0!important;z-index:100!important;background:transparent!important}.chat-input__emoji-picker{position:absolute!important;bottom:calc(100% + 8px)!important;right:16px!important;z-index:101!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 8px 32px #3841f226!important;border:1px solid var(--chat-overlay, #D8E5FE)!important}.chat-input__attach-backdrop{position:fixed!important;inset:0!important;z-index:100!important;background:transparent!important}.chat-input__attach-icon{display:flex!important;color:var(--chat-text-muted, #A0A3BB)!important;transition:color .2s ease!important}.chat-input__attach-item:hover .chat-input__attach-icon{color:var(--chat-primary, #3841F2)!important}.chat-main{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;background:var(--chat-bg-light, #F9FAFB)!important;position:relative!important}.chat-main--empty{align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,var(--chat-light-blue, #F7F8FC) 0%,var(--chat-bg-light, #F9FAFB) 100%)!important}.chat-window{display:flex!important;flex-direction:column!important;height:100%!important;background:var(--chat-surface, #FFFFFF)!important;border-radius:0!important;overflow:hidden!important}@media(min-width:769px){.chat-window{margin:0!important;border-radius:0!important}}.chat-window__messages{flex:1!important;min-height:0!important;overflow:hidden!important;position:relative!important;background:var(--chat-bg-light, #F9FAFB)!important}.no-selection{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:40px 24px!important;max-width:400px!important;margin:auto!important}.no-selection__illustration{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:32px!important;width:180px!important;height:180px!important}.no-selection__icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:100px!important;height:100px!important;background:linear-gradient(135deg,var(--chat-primary, #3841F2) 0%,var(--chat-secondary, #175BC2) 100%)!important;border-radius:28px!important;box-shadow:0 16px 48px #3841f24d!important;position:relative!important;z-index:2!important}.no-selection__icon{display:flex!important;color:var(--chat-surface, #FFFFFF)!important}.no-selection__icon svg{width:48px!important;height:48px!important}.no-selection__circles{position:absolute!important;inset:0!important;pointer-events:none!important}.no-selection__circle{position:absolute!important;border-radius:50%!important;border:1.5px dashed var(--chat-soft-secondary, #B1CBE4)!important}.no-selection__circle--1{inset:20px!important;animation:no-selection-rotate 25s linear infinite!important;opacity:.6!important}.no-selection__circle--2{inset:5px!important;animation:no-selection-rotate 35s linear infinite reverse!important;opacity:.4!important}.no-selection__circle--3{inset:-10px!important;animation:no-selection-rotate 45s linear infinite!important;opacity:.2!important}@keyframes no-selection-rotate{0%{transform:rotate(0)!important}to{transform:rotate(360deg)!important}}.no-selection__title{font-size:22px!important;font-weight:700!important;color:var(--chat-text-dark, #212330)!important;margin:0 0 12px!important;letter-spacing:-.02em!important}.no-selection__description{font-size:15px!important;color:var(--chat-text-muted, #A0A3BB)!important;margin:0!important;line-height:1.7!important;max-width:280px!important}.chat-window-header{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 20px!important;background:var(--chat-surface, #FFFFFF)!important;border-bottom:1px solid var(--chat-overlay, #D8E5FE)!important;position:relative!important;z-index:10!important;min-height:72px!important}.chat-window-header__back{display:none!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:var(--chat-light-blue, #F7F8FC)!important;border:none!important;border-radius:12px!important;color:var(--chat-text-dark, #212330)!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important}.chat-window-header__back:hover{background:var(--chat-overlay, #D8E5FE)!important;color:var(--chat-primary, #3841F2)!important}.chat-window-header__back:active{transform:scale(.95)!important}@media(max-width:768px){.chat-window-header__back{display:flex!important}}.chat-window-header__avatar{position:relative!important;flex-shrink:0!important}.chat-window-header__avatar-img{width:48px!important;height:48px!important;border-radius:14px!important;-o-object-fit:cover!important;object-fit:cover!important;border:2px solid var(--chat-overlay, #D8E5FE)!important;background:var(--chat-light-blue, #F7F8FC)!important}.chat-window-header__avatar-placeholder{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--chat-overlay, #D8E5FE),var(--chat-soft-secondary, #B1CBE4))!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--chat-primary, #3841F2)!important}.chat-window-header__avatar-placeholder svg{width:24px!important;height:24px!important}.chat-window-header__online-dot{position:absolute!important;bottom:0!important;right:0!important;width:14px!important;height:14px!important;background:var(--chat-success, #34D8A1)!important;border:3px solid var(--chat-surface, #FFFFFF)!important;border-radius:50%!important;box-shadow:0 0 0 2px #34d8a133!important}.chat-window-header__info{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}.chat-window-header__name{font-size:16px!important;font-weight:600!important;color:var(--chat-text-dark, #212330)!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;letter-spacing:-.01em!important}.chat-window-header__status{font-size:13px!important;color:var(--chat-text-muted, #A0A3BB)!important;margin:0!important;font-weight:500!important}.chat-window-header__status--online{color:var(--chat-success, #34D8A1)!important}.chat-window-header__actions{display:flex!important;align-items:center!important;gap:6px!important}.chat-window-header__action-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:transparent!important;border:none!important;border-radius:12px!important;color:var(--chat-text-muted, #A0A3BB)!important;cursor:pointer!important;transition:all .2s ease!important}.chat-window-header__action-btn:hover{background:var(--chat-light-blue, #F7F8FC)!important;color:var(--chat-primary, #3841F2)!important}.chat-window-header__action-btn:active{transform:scale(.95)!important}.chat-window-header__action-btn svg{width:20px!important;height:20px!important}.typing-indicator{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 16px!important;background:var(--chat-surface, #FFFFFF)!important;border-radius:16px!important;box-shadow:0 2px 8px #3841f214!important;margin:8px 16px!important;width:-moz-fit-content!important;width:fit-content!important}.typing-indicator__dots{display:flex!important;align-items:center!important;gap:4px!important}.typing-indicator__dot{width:8px!important;height:8px!important;background:var(--chat-soft-secondary, #B1CBE4)!important;border-radius:50%!important;animation:typing-bounce 1.4s infinite ease-in-out!important}.typing-indicator__dot:nth-child(1){animation-delay:0s!important}.typing-indicator__dot:nth-child(2){animation-delay:.2s!important}.typing-indicator__dot:nth-child(3){animation-delay:.4s!important}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)!important}30%{transform:translateY(-6px)!important;background:var(--chat-primary, #3841F2)!important}}.typing-indicator__text{font-size:13px!important;color:var(--chat-text-muted, #A0A3BB)!important}@media(max-width:768px){.chat-main{position:fixed!important;inset:0!important;z-index:100!important}.chat-window-header{padding:12px 16px!important;min-height:64px!important}.chat-window-header__avatar-img,.chat-window-header__avatar-placeholder{width:44px!important;height:44px!important;border-radius:12px!important}.chat-window-header__name{font-size:15px!important}.chat-window-header__status{font-size:12px!important}.no-selection{padding:24px 20px!important}.no-selection__illustration{width:160px!important;height:160px!important;margin-bottom:24px!important}.no-selection__icon-wrapper{width:80px!important;height:80px!important;border-radius:20px!important}.no-selection__icon svg{width:40px!important;height:40px!important}.no-selection__title{font-size:18px!important}.no-selection__description{font-size:14px!important}}@media(max-width:480px){.chat-window-header{gap:10px!important}.chat-window-header__actions{gap:4px!important}.chat-window-header__action-btn,.chat-window-header__back{width:36px!important;height:36px!important}}.chats-sidebar{display:flex!important;flex-direction:column!important;height:100%!important;background:#fff!important;border-left:1px solid #E5E7EB!important;overflow:hidden!important}.chats-search{display:flex!important;align-items:center!important;gap:12px!important;padding:20px!important;background:#fff!important;border-bottom:1px solid #E5E7EB!important}.chats-search__icon{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;color:#a0a3bb!important;flex-shrink:0!important}.chats-search__icon svg{width:100%!important;height:100%!important}.chats-search__input{flex:1!important;padding:12px 16px!important;background:#f7f8fc!important;border:2px solid transparent!important;border-radius:9999px!important;font-size:.9rem!important;color:#212330!important;outline:none!important;transition:all .2s ease!important;font-family:inherit!important}.chats-search__input:hover{background:#d8e5fe!important}.chats-search__input:focus{background:#fff!important;border-color:#3841f2!important;box-shadow:0 0 0 4px #3841f21a!important}.chats-search__input::-moz-placeholder{color:#a0a3bb!important}.chats-search__input::placeholder{color:#a0a3bb!important}.chats-list{flex:1!important;overflow-y:auto!important;padding:12px!important}.chats-list::-webkit-scrollbar{width:6px!important}.chats-list::-webkit-scrollbar-track{background:transparent!important}.chats-list::-webkit-scrollbar-thumb{background:#b1cbe4!important;border-radius:9999px!important}.chats-list::-webkit-scrollbar-thumb:hover{background:#3841f2!important}.chat-card{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 16px!important;margin-bottom:4px!important;background:transparent!important;border:2px solid transparent!important;border-radius:14px!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important}.chat-card:hover{background:#f7f8fc!important}.chat-card--active{background:linear-gradient(135deg,#3841f214,#175bc214)!important;border-color:#3841f226!important}.chat-card--active:hover{background:linear-gradient(135deg,#3841f21a,#175bc21a)!important}.chat-card__avatar{position:relative!important;width:52px!important;height:52px!important;border-radius:9999px!important;background:linear-gradient(135deg,#3841f2,#175bc2)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;overflow:hidden!important;box-shadow:0 4px 12px #3841f233!important}.chat-card__avatar img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:9999px!important}.chat-card__avatar-initial{font-size:1.25rem!important;font-weight:600!important;color:#fff!important;text-transform:uppercase!important}.chat-card__online{position:absolute!important;bottom:2px!important;left:2px!important;width:14px!important;height:14px!important;background:#34d8a1!important;border:3px solid #FFFFFF!important;border-radius:9999px!important;box-shadow:0 2px 4px #34d8a166!important}.chat-card__content{flex:1!important;min-width:0!important;overflow:hidden!important}.chat-card__header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:6px!important}.chat-card__name{font-size:.95rem!important;font-weight:600!important;color:#212330!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-card__time{font-size:.75rem!important;font-weight:500!important;color:#a0a3bb!important;flex-shrink:0!important}.chat-card__message{font-size:.85rem!important;color:#a0a3bb!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important}.chat-card__badge{position:absolute!important;top:50%!important;left:16px!important;transform:translateY(-50%)!important;min-width:22px!important;height:22px!important;padding:0 7px!important;background:linear-gradient(135deg,#3841f2,#175bc2)!important;color:#fff!important;font-size:.75rem!important;font-weight:700!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #3841f24d!important}.chats-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:48px 24px!important;text-align:center!important;height:100%!important}.chats-empty__icon{width:80px!important;height:80px!important;background:linear-gradient(135deg,#3841f21a,#175bc21a)!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:24px!important}.chats-empty__icon svg{width:36px!important;height:36px!important;color:#3841f2!important}.chats-empty__title{font-size:1.1rem!important;font-weight:700!important;color:#212330!important;margin:0 0 8px!important}.chats-empty__text{font-size:.9rem!important;color:#a0a3bb!important;margin:0!important;max-width:260px!important;line-height:1.6!important}@media(max-width:768px){.chats-sidebar{border-left:none!important}.chats-search{padding:16px!important}.chats-list{padding:8px!important}.chat-card{padding:12px!important;gap:12px!important}.chat-card__avatar{width:46px!important;height:46px!important}}.chat-card:focus-visible{outline:2px solid #3841F2!important;outline-offset:2px!important}.chats-search__input:focus-visible{outline:none!important}.message-bubble{max-width:70%!important;position:relative!important;margin-bottom:4px!important}.message-bubble--sent{align-self:flex-end!important;margin-right:0!important}.message-bubble--received{align-self:flex-start!important;margin-left:0!important}.message-bubble--sent{background:linear-gradient(135deg,#3841f2,#175bc2)!important;color:#fff!important;padding:14px 18px!important;border-radius:20px 20px 20px 6px!important;box-shadow:0 4px 16px #3841f240!important}.message-bubble--received{background:#fff!important;color:#212330!important;padding:14px 18px!important;border-radius:20px 20px 6px!important;box-shadow:0 2px 8px #2123300f!important;border:1px solid #E5E7EB!important}.message-bubble__reply{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;margin-bottom:10px!important;background:#ffffff1a!important;border-radius:10px!important}.message-bubble--received .message-bubble__reply{background:#f7f8fc!important}.message-bubble__reply-line{width:3px!important;height:100%!important;min-height:24px!important;background:#ffffff80!important;border-radius:2px!important}.message-bubble--received .message-bubble__reply-line{background:#3841f2!important}.message-bubble__reply-text{font-size:.8rem!important;opacity:.85!important;margin:0!important;line-height:1.4!important}.message-bubble__text{margin:0!important;font-size:.925rem!important;line-height:1.65!important;word-wrap:break-word!important;white-space:pre-wrap!important}.message-bubble__image{overflow:hidden!important;border-radius:12px!important;margin-bottom:8px!important;max-width:300px!important}.message-bubble__image img{width:100%!important;height:auto!important;display:block!important;-o-object-fit:cover!important;object-fit:cover!important;cursor:pointer!important;transition:transform .2s ease!important}.message-bubble__image img:hover{transform:scale(1.02)!important}.message-bubble__video{overflow:hidden!important;border-radius:12px!important;margin-bottom:8px!important;max-width:320px!important}.message-bubble__video video{width:100%!important;height:auto!important;display:block!important;border-radius:12px!important}.message-bubble__location{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 16px!important;background:#ffffff26!important;border-radius:12px!important;color:inherit!important;text-decoration:none!important;font-weight:500!important;font-size:.875rem!important;transition:all .2s ease!important}.message-bubble--received .message-bubble__location{background:#f7f8fc!important;color:#3841f2!important}.message-bubble__location:hover{background:#ffffff40!important;transform:translateY(-1px)!important}.message-bubble--received .message-bubble__location:hover{background:#d8e5fe!important}.message-bubble__location-icon{width:20px!important;height:20px!important;flex-shrink:0!important}.message-bubble__location-icon svg{width:100%!important;height:100%!important}.message-bubble__audio{display:flex!important;align-items:center!important;gap:12px!important;padding:8px 12px!important;background:#ffffff1a!important;border-radius:12px!important}.message-bubble--received .message-bubble__audio{background:#f7f8fc!important}.message-bubble__audio-icon{width:24px!important;height:24px!important;flex-shrink:0!important;color:inherit!important}.message-bubble--received .message-bubble__audio-icon{color:#3841f2!important}.message-bubble__audio-icon svg{width:100%!important;height:100%!important}.message-bubble__audio audio{width:180px!important;height:36px!important}.message-bubble__audio-duration{font-size:.75rem!important;opacity:.75!important;font-weight:500!important}.message-bubble__file{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 18px!important;background:#ffffff26!important;border-radius:12px!important;color:inherit!important;text-decoration:none!important;font-weight:500!important;font-size:.875rem!important;transition:all .2s ease!important}.message-bubble--received .message-bubble__file{background:#f7f8fc!important;color:#212330!important}.message-bubble__file:hover{background:#ffffff40!important;transform:translateY(-1px)!important}.message-bubble--received .message-bubble__file:hover{background:#d8e5fe!important}.message-bubble__file-icon,.message-bubble__file-download{width:20px!important;height:20px!important;flex-shrink:0!important}.message-bubble__file-icon svg,.message-bubble__file-download svg{width:100%!important;height:100%!important}.message-bubble__file-download{margin-right:auto!important;opacity:.7!important;transition:opacity .2s ease!important}.message-bubble__file:hover .message-bubble__file-download{opacity:1!important}.message-bubble__meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin-top:8px!important}.message-bubble__time{font-size:.7rem!important;font-weight:500!important;opacity:.7!important}.message-bubble--received .message-bubble__time{color:#a0a3bb!important;opacity:1!important}.message-bubble__status{display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important}.message-bubble__status svg{width:100%!important;height:100%!important}.message-bubble__status--sending{opacity:.5!important}.message-bubble__status--sent{opacity:.7!important}.message-bubble__status--delivered{opacity:.85!important}.message-bubble__status--seen{color:#34d8a1!important;opacity:1!important}.message-bubble__status--failed{color:#f23978!important;font-size:.75rem!important;font-weight:700!important;opacity:1!important}@media(max-width:768px){.message-bubble{max-width:85%!important}.message-bubble--sent,.message-bubble--received{padding:12px 14px!important}.message-bubble__text{font-size:.875rem!important}.message-bubble__image{max-width:250px!important}.message-bubble__video{max-width:280px!important}}@media(max-width:480px){.message-bubble{max-width:90%!important}.message-bubble--sent,.message-bubble--received{padding:10px 12px!important;border-radius:16px!important}.message-bubble--sent{border-bottom-left-radius:4px!important}.message-bubble--received{border-bottom-right-radius:4px!important}.message-bubble__audio audio{width:140px!important}}.chat-window__messages{flex:1!important;overflow-y:auto!important;padding:24px!important;background:linear-gradient(180deg,#f9fafb,#d8e5fe66)!important;scroll-behavior:smooth!important}.chat-window__messages::-webkit-scrollbar{width:6px!important}.chat-window__messages::-webkit-scrollbar-track{background:transparent!important}.chat-window__messages::-webkit-scrollbar-thumb{background:#b1cbe4!important;border-radius:9999px!important}.chat-window__messages::-webkit-scrollbar-thumb:hover{background:#3841f2!important}.messages-list{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:100%!important}.messages-loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:100%!important;gap:20px!important;padding:48px 24px!important}.messages-loading__spinner{width:44px!important;height:44px!important;border:4px solid #D8E5FE!important;border-top-color:#3841f2!important;border-radius:9999px!important;animation:messagesSpinner .8s linear infinite!important}@keyframes messagesSpinner{to{transform:rotate(360deg)!important}}.messages-loading p{font-size:.95rem!important;color:#a0a3bb!important;margin:0!important;font-weight:500!important}.messages-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:100%!important;padding:48px 24px!important;text-align:center!important}.messages-empty__icon{width:88px!important;height:88px!important;background:linear-gradient(135deg,#3841f21a,#175bc21a)!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:24px!important;box-shadow:0 8px 32px #3841f21a!important}.messages-empty__icon svg{width:40px!important;height:40px!important;color:#3841f2!important}.messages-empty__title{font-size:1.2rem!important;font-weight:700!important;color:#212330!important;margin:0 0 10px!important}.messages-empty__text{font-size:.95rem!important;color:#a0a3bb!important;margin:0!important;max-width:280px!important;line-height:1.6!important}.messages-load-more{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 24px!important;margin:0 auto 16px!important;background:#fff!important;border:2px solid #E5E7EB!important;border-radius:9999px!important;font-size:.875rem!important;font-weight:600!important;color:#3841f2!important;cursor:pointer!important;transition:all .2s ease!important;font-family:inherit!important}.messages-load-more:hover{background:linear-gradient(135deg,#3841f214,#175bc214)!important;border-color:#3841f2!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #3841f226!important}.messages-load-more:active{transform:translateY(0)!important}.messages-load-more:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.messages-date-separator{display:flex!important;align-items:center!important;justify-content:center!important;margin:24px 0!important}.messages-date-separator__text{padding:8px 20px!important;background:#fff!important;border-radius:9999px!important;font-size:.8rem!important;font-weight:600!important;color:#a0a3bb!important;box-shadow:0 2px 8px #2123300a!important;border:1px solid #E5E7EB!important}@media(max-width:768px){.chat-window__messages{padding:16px!important}.messages-list{gap:10px!important}.messages-empty__icon{width:72px!important;height:72px!important}.messages-empty__icon svg{width:32px!important;height:32px!important}.messages-empty__title{font-size:1.1rem!important}}@media(max-width:480px){.chat-window__messages{padding:12px!important}.messages-list{gap:8px!important}.messages-loading__spinner{width:36px!important;height:36px!important}.messages-load-more{padding:10px 20px!important;font-size:.8rem!important}}.typing-indicator{display:flex!important;align-items:flex-start!important;padding:8px 0!important;align-self:flex-start!important}.typing-indicator__bubble{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:16px 22px!important;background:#fff!important;border-radius:20px 20px 6px!important;box-shadow:0 2px 12px #21233014!important;border:1px solid #E5E7EB!important}.typing-indicator__dot{width:8px!important;height:8px!important;background:linear-gradient(135deg,#3841f2,#175bc2)!important;border-radius:9999px!important;display:block!important}.typing-inline{display:flex!important;align-items:center!important;gap:8px!important;font-size:.85rem!important;color:#3841f2!important;font-weight:500!important}.typing-inline__dots{display:flex!important;align-items:center!important;gap:3px!important}.typing-inline__dots span{width:5px!important;height:5px!important;background:#3841f2!important;border-radius:9999px!important;animation:typingDotBounce 1.4s ease-in-out infinite both!important}.typing-inline__dots span:nth-child(1){animation-delay:-.32s!important}.typing-inline__dots span:nth-child(2){animation-delay:-.16s!important}.typing-inline__dots span:nth-child(3){animation-delay:0s!important}@keyframes typingDotBounce{0%,80%,to{transform:scale(.6)!important;opacity:.5!important}40%{transform:scale(1)!important;opacity:1!important}}.typing-with-avatar{display:flex!important;align-items:flex-end!important;gap:10px!important;align-self:flex-start!important}.typing-with-avatar__avatar{width:32px!important;height:32px!important;border-radius:9999px!important;background:linear-gradient(135deg,#3841f2,#175bc2)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;overflow:hidden!important}.typing-with-avatar__avatar img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.typing-with-avatar__avatar span{font-size:.75rem!important;font-weight:600!important;color:#fff!important}.typing-with-avatar__bubble{display:flex!important;align-items:center!important;gap:4px!important;padding:14px 20px!important;background:#fff!important;border-radius:20px 20px 6px!important;box-shadow:0 2px 12px #21233014!important;border:1px solid #E5E7EB!important}.typing-with-avatar__dot{width:7px!important;height:7px!important;background:#b1cbe4!important;border-radius:9999px!important;animation:typingBubbleDot 1.5s ease-in-out infinite!important}.typing-with-avatar__dot:nth-child(1){animation-delay:0s!important}.typing-with-avatar__dot:nth-child(2){animation-delay:.2s!important}.typing-with-avatar__dot:nth-child(3){animation-delay:.4s!important}@keyframes typingBubbleDot{0%,60%,to{transform:translateY(0)!important;background:#b1cbe4!important}30%{transform:translateY(-6px)!important;background:#3841f2!important}}@media(max-width:480px){.typing-indicator__bubble{padding:12px 18px!important;gap:4px!important}.typing-indicator__dot{width:6px!important;height:6px!important}.typing-with-avatar__avatar{width:28px!important;height:28px!important}.typing-with-avatar__bubble{padding:12px 16px!important}.typing-with-avatar__dot{width:6px!important;height:6px!important}}@media(prefers-reduced-motion:reduce){.typing-indicator__dot,.typing-inline__dots span,.typing-with-avatar__dot{animation:none!important}.typing-indicator__dot:nth-child(1),.typing-with-avatar__dot:nth-child(1){opacity:.4!important}.typing-indicator__dot:nth-child(2),.typing-with-avatar__dot:nth-child(2){opacity:.7!important}.typing-indicator__dot:nth-child(3),.typing-with-avatar__dot:nth-child(3){opacity:1!important}}:root{--primary: #3841F2;--primary-hover: #2d35d4;--primary-active: #252cb8;--primary-light: rgba(56, 65, 242, .08);--primary-lighter: rgba(56, 65, 242, .04);--secondary: #175BC2;--secondary-hover: #1350ab;--secondary-light: rgba(23, 91, 194, .08);--soft: #B1CBE4;--overlay: #D8E5FE;--success: #34D8A1;--success-hover: #2cc48f;--success-light: rgba(52, 216, 161, .1);--success-bg: #ECFDF5;--warning: #FCB400;--warning-hover: #e5a300;--warning-light: rgba(252, 180, 0, .1);--warning-bg: #FFFBEB;--danger: #F23978;--danger-hover: #d93069;--danger-light: rgba(242, 57, 120, .1);--danger-bg: #FEF2F2;--info: #3B82F6;--info-light: rgba(59, 130, 246, .1);--text-dark: #212330;--text-secondary: #4B5563;--text-muted: #A0A3BB;--text-placeholder: #9CA3AF;--bg-primary: #F9FAFB;--bg-secondary: #F7F8FC;--surface: #FFFFFF;--border: #E5E7EB;--border-light: #F3F4F6;--font-sans: "Inter", "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", Menlo, Monaco, monospace;--shadow-xs: 0 1px 2px rgba(33, 35, 48, .03);--shadow-sm: 0 1px 3px rgba(33, 35, 48, .04), 0 1px 2px rgba(33, 35, 48, .02);--shadow-md: 0 4px 6px -1px rgba(33, 35, 48, .06), 0 2px 4px -1px rgba(33, 35, 48, .03);--shadow-lg: 0 10px 15px -3px rgba(33, 35, 48, .08), 0 4px 6px -2px rgba(33, 35, 48, .03);--shadow-xl: 0 20px 25px -5px rgba(33, 35, 48, .1), 0 10px 10px -5px rgba(33, 35, 48, .03);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100vh;font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-dark);background-color:var(--bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] body{text-align:right}#root{min-height:100vh;display:flex;flex-direction:column}::-moz-selection{background:var(--primary-light);color:var(--primary)}::selection{background:var(--primary-light);color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;letter-spacing:-.025em;color:var(--text-dark);margin:0}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0;color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}strong,b{font-weight:600}small{font-size:.875rem}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}code{padding:.2em .4em;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--primary)}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input,textarea{width:100%;padding:.75rem 1rem;font-size:.875rem;color:var(--text-dark);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-placeholder)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:hover,textarea:hover{background:var(--surface);border-color:var(--soft)}input:focus,textarea:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}input:disabled,textarea:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.6}select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;color:var(--text-dark);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23A0A3BB' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .75rem center;transition:all var(--transition-fast)}[dir=rtl] select{padding:.75rem 1rem .75rem 2.5rem;background-position:right .75rem center}select:hover{background-color:var(--surface);border-color:var(--soft)}select:focus{background-color:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}textarea{min-height:100px;resize:vertical}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1;color:var(--surface);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;transition:all var(--transition-fast)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}img,video{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:.75rem 1rem;text-align:right;vertical-align:middle}[dir=ltr] th,[dir=ltr] td{text-align:left}th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border)}td{font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}tr:hover td{background:var(--bg-secondary)}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{color:var(--primary);background:var(--primary-light)}.badge-success{color:var(--success);background:var(--success-light)}.badge-warning{color:#b45309;background:var(--warning-light)}.badge-danger{color:var(--danger);background:var(--danger-light)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);font-weight:600;font-size:.875rem;overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--soft);border-radius:var(--radius-full);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}*{scrollbar-width:thin;scrollbar-color:var(--soft) var(--bg-secondary)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-light) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.no-print{display:none!important}}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none!important}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--surface)}.bg-secondary{background-color:var(--bg-secondary)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}