:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#eef2ff;--color-accent:#06b6d4;--color-accent-hover:#0891b2;--color-accent-light:#ecfeff;--color-secondary:#64748b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-background:#fafaf9;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-hover:#f8fafc;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-border:#e7e5e4;--color-border-hover:#d6d3d1;--glass-background:rgba(255,255,255,.85);--glass-background-strong:rgba(255,255,255,.95);--glass-border:rgba(255,255,255,.3);--glass-shadow:rgba(0,0,0,.05);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--font-sans:-apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , sans-serif;--font-mono:"SF Mono" , Monaco , "Cascadia Code" , "Roboto Mono" , Consolas , monospace;--font-serif:Georgia , Cambria , "Times New Roman" , Times , serif;--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-size-5xl:3rem;--navbar-height:4rem;--sidebar-width:16rem;--sidebar-collapsed-width:4.5rem;--content-max-width:75ch;--content-padding:var(--spacing-xl);--transition-fast:150ms cubic-bezier(.4,0,.2,1);--transition-base:250ms cubic-bezier(.4,0,.2,1);--transition-slow:350ms cubic-bezier(.4,0,.2,1);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.03);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.06) , 0 1px 2px 0 rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.08) , 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08) , 0 4px 6px -2px rgba(0,0,0,.03);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08) , 0 10px 10px -5px rgba(0,0,0,.02);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.15);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--color-primary-alpha:rgba(99,102,241,.1);--color-accent-alpha:rgba(6,182,212,.1);--color-success-alpha:rgba(16,185,129,.1);--color-error-alpha:rgba(239,68,68,.1)}[data-theme="dark"]{--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-primary-light:#312e81;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--color-accent-light:#164e63;--color-secondary:#94a3b8;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-surface-hover:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#64748b;--color-border:#334155;--color-border-hover:#475569;--glass-background:rgba(30,41,59,.8);--glass-background-strong:rgba(30,41,59,.95);--glass-border:rgba(255,255,255,.08);--glass-shadow:rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) {--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-primary-light:#312e81;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--color-accent-light:#164e63;--color-secondary:#94a3b8;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-surface-hover:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#64748b;--color-border:#334155;--color-border-hover:#475569;--glass-background:rgba(30,41,59,.8);--glass-background-strong:rgba(30,41,59,.95);--glass-border:rgba(255,255,255,.08);--glass-shadow:rgba(0,0,0,.3)}}:root,[data-style="professional"]{--theme-font-heading:var(--font-sans);--theme-font-body:var(--font-sans);--theme-font-weight-heading:700;--theme-border-radius:var(--radius-lg)}:root[data-theme="light"],[data-style="professional"][data-theme="light"]{--color-primary:#1e40af;--color-primary-hover:#1e3a8a;--color-primary-light:#dbeafe;--color-accent:#0891b2;--color-accent-hover:#0e7490;--color-accent-light:#cffafe;--color-secondary:#64748b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-background:#f8fafc;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-hover:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--glass-background:rgba(255,255,255,.85);--glass-background-strong:rgba(255,255,255,.95);--glass-border:rgba(255,255,255,.3);--glass-shadow:rgba(0,0,0,.05)}:root[data-theme="dark"],[data-style="professional"][data-theme="dark"]{--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-light:#1e3a8a;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--color-accent-light:#164e63;--color-secondary:#94a3b8;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-surface-hover:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#64748b;--color-border:#334155;--color-border-hover:#475569;--glass-background:rgba(30,41,59,.8);--glass-background-strong:rgba(30,41,59,.95);--glass-border:rgba(255,255,255,.08);--glass-shadow:rgba(0,0,0,.3)}[data-style="academic"]{--theme-font-heading:var(--font-serif);--theme-font-body:var(--font-sans);--theme-font-weight-heading:600;--theme-border-radius:var(--radius-sm)}[data-style="academic"][data-theme="light"]{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-accent:#f97316;--color-accent-hover:#ea580c;--color-accent-light:#ffedd5;--color-secondary:#64748b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#dc2626;--color-background:#fefce8;--color-surface:#fffbeb;--color-surface-elevated:#fff;--color-surface-hover:#fef3c7;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-border:#fde68a;--color-border-hover:#fcd34d;--glass-background:rgba(255,251,235,.9);--glass-background-strong:rgba(255,251,235,.98);--glass-border:rgba(253,224,71,.3);--glass-shadow:rgba(0,0,0,.05)}[data-style="academic"][data-theme="dark"]{--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-light:#1e3a8a;--color-accent:#fb923c;--color-accent-hover:#fdba74;--color-accent-light:#7c2d12;--color-secondary:#94a3b8;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-background:#0c1220;--color-surface:#1a1f2e;--color-surface-elevated:#252b3b;--color-surface-hover:#2d3548;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#64748b;--color-border:#2d3548;--color-border-hover:#3d4558;--glass-background:rgba(26,31,46,.85);--glass-background-strong:rgba(26,31,46,.95);--glass-border:rgba(255,255,255,.08);--glass-shadow:rgba(0,0,0,.3)}[data-style="library"]{--theme-font-heading:var(--font-serif);--theme-font-body:var(--font-serif);--theme-font-weight-heading:600;--theme-border-radius:var(--radius-sm)}[data-style="library"][data-theme="light"]{--color-primary:#7c2d12;--color-primary-hover:#991b1b;--color-primary-light:#fef2f2;--color-accent:#92400e;--color-accent-hover:#78350f;--color-accent-light:#fef3c7;--color-secondary:#78716c;--color-success:#15803d;--color-warning:#ca8a04;--color-error:#b91c1c;--color-background:#fafaf9;--color-surface:#fef7f3;--color-surface-elevated:#fff;--color-surface-hover:#fed7aa;--color-text-primary:#292524;--color-text-secondary:#57534e;--color-text-tertiary:#a8a29e;--color-border:#e7e5e4;--color-border-hover:#d6d3d1;--glass-background:rgba(254,247,243,.9);--glass-background-strong:rgba(254,247,243,.98);--glass-border:rgba(231,229,228,.5);--glass-shadow:rgba(0,0,0,.05)}[data-style="library"][data-theme="dark"]{--color-primary:#fca5a5;--color-primary-hover:#fecaca;--color-primary-light:#7c2d12;--color-accent:#fcd34d;--color-accent-hover:#fde68a;--color-accent-light:#78350f;--color-secondary:#a8a29e;--color-success:#4ade80;--color-warning:#facc15;--color-error:#f87171;--color-background:#1c1917;--color-surface:#292524;--color-surface-elevated:#44403c;--color-surface-hover:#57534e;--color-text-primary:#fafaf9;--color-text-secondary:#d6d3d1;--color-text-tertiary:#78716c;--color-border:#44403c;--color-border-hover:#57534e;--glass-background:rgba(41,37,36,.85);--glass-background-strong:rgba(41,37,36,.95);--glass-border:rgba(255,255,255,.08);--glass-shadow:rgba(0,0,0,.3)}[data-style="creative"]{--theme-font-heading:var(--font-sans);--theme-font-body:var(--font-sans);--theme-font-weight-heading:800;--theme-border-radius:var(--radius-2xl)}[data-style="creative"][data-theme="light"]{--color-primary:#a855f7;--color-primary-hover:#9333ea;--color-primary-light:#fae8ff;--color-accent:#ec4899;--color-accent-hover:#db2777;--color-accent-light:#fce7f3;--color-secondary:#64748b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-background:#faf5ff;--color-surface:#fff;--color-surface-elevated:#fdf4ff;--color-surface-hover:#f3e8ff;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-border:#e9d5ff;--color-border-hover:#d8b4fe;--glass-background:rgba(255,255,255,.85);--glass-background-strong:rgba(255,255,255,.95);--glass-border:rgba(233,213,255,.5);--glass-shadow:rgba(168,85,247,.1)}[data-style="creative"][data-theme="dark"]{--color-primary:#c084fc;--color-primary-hover:#d8b4fe;--color-primary-light:#581c87;--color-accent:#f472b6;--color-accent-hover:#f9a8d4;--color-accent-light:#831843;--color-secondary:#94a3b8;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-background:#1a0b2e;--color-surface:#2d1b4e;--color-surface-elevated:#3d2b5e;--color-surface-hover:#4d3b6e;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#64748b;--color-border:#3d2b5e;--color-border-hover:#4d3b6e;--glass-background:rgba(45,27,78,.85);--glass-background-strong:rgba(45,27,78,.95);--glass-border:rgba(192,132,252,.15);--glass-shadow:rgba(168,85,247,.2)}[data-style="commerce"]{--theme-font-heading:var(--font-sans);--theme-font-body:var(--font-sans);--theme-font-weight-heading:700;--theme-border-radius:var(--radius-md)}[data-style="commerce"][data-theme="light"]{--color-primary:#059669;--color-primary-hover:#047857;--color-primary-light:#d1fae5;--color-accent:#0891b2;--color-accent-hover:#0e7490;--color-accent-light:#cffafe;--color-secondary:#64748b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-background:#f0fdf4;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-hover:#dcfce7;--color-text-primary:#064e3b;--color-text-secondary:#047857;--color-text-tertiary:#6ee7b7;--color-border:#bbf7d0;--color-border-hover:#86efac;--glass-background:rgba(255,255,255,.9);--glass-background-strong:rgba(255,255,255,.98);--glass-border:rgba(187,247,208,.5);--glass-shadow:rgba(5,150,105,.08)}[data-style="commerce"][data-theme="dark"]{--color-primary:#34d399;--color-primary-hover:#6ee7b7;--color-primary-light:#064e3b;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--color-accent-light:#164e63;--color-secondary:#94a3b8;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-background:#022c22;--color-surface:#064e3b;--color-surface-elevated:#065f46;--color-surface-hover:#047857;--color-text-primary:#f0fdf4;--color-text-secondary:#d1fae5;--color-text-tertiary:#6ee7b7;--color-border:#065f46;--color-border-hover:#047857;--glass-background:rgba(6,78,59,.85);--glass-background-strong:rgba(6,78,59,.95);--glass-border:rgba(52,211,153,.15);--glass-shadow:rgba(5,150,105,.2)}[data-style="cozy"]{--theme-font-heading:var(--font-sans);--theme-font-body:var(--font-sans);--theme-font-weight-heading:600;--theme-border-radius:var(--radius-2xl)}[data-style="cozy"][data-theme="light"]{--color-primary:#d97706;--color-primary-hover:#b45309;--color-primary-light:#fef3c7;--color-accent:#dc2626;--color-accent-hover:#b91c1c;--color-accent-light:#fee2e2;--color-secondary:#78716c;--color-success:#15803d;--color-warning:#ca8a04;--color-error:#dc2626;--color-background:#fefce8;--color-surface:#fffbeb;--color-surface-elevated:#fff;--color-surface-hover:#fef3c7;--color-text-primary:#451a03;--color-text-secondary:#78350f;--color-text-tertiary:#a16207;--color-border:#fde68a;--color-border-hover:#fcd34d;--glass-background:rgba(255,251,235,.9);--glass-background-strong:rgba(255,251,235,.98);--glass-border:rgba(253,224,71,.4);--glass-shadow:rgba(217,119,6,.08)}[data-style="cozy"][data-theme="dark"]{--color-primary:#fbbf24;--color-primary-hover:#fcd34d;--color-primary-light:#78350f;--color-accent:#f87171;--color-accent-hover:#fca5a5;--color-accent-light:#7f1d1d;--color-secondary:#a8a29e;--color-success:#4ade80;--color-warning:#facc15;--color-error:#f87171;--color-background:#1c1410;--color-surface:#292218;--color-surface-elevated:#3d3020;--color-surface-hover:#4d4028;--color-text-primary:#fef3c7;--color-text-secondary:#fde68a;--color-text-tertiary:#ca8a04;--color-border:#3d3020;--color-border-hover:#4d4028;--glass-background:rgba(41,34,24,.85);--glass-background-strong:rgba(41,34,24,.95);--glass-border:rgba(251,191,36,.15);--glass-shadow:rgba(217,119,6,.2)}[data-style="playful"]{--theme-font-heading:var(--font-sans);--theme-font-body:var(--font-sans);--theme-font-weight-heading:800;--theme-border-radius:var(--radius-2xl)}[data-style="playful"][data-theme="light"]{--color-primary:#f59e0b;--color-primary-hover:#d97706;--color-primary-light:#fef3c7;--color-accent:#ec4899;--color-accent-hover:#db2777;--color-accent-light:#fce7f3;--color-secondary:#64748b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-background:#fffbeb;--color-surface:#fff;--color-surface-elevated:#fef3c7;--color-surface-hover:#fde68a;--color-text-primary:#78350f;--color-text-secondary:#92400e;--color-text-tertiary:#d97706;--color-border:#fde68a;--color-border-hover:#fcd34d;--glass-background:rgba(255,255,255,.85);--glass-background-strong:rgba(255,255,255,.95);--glass-border:rgba(253,224,71,.5);--glass-shadow:rgba(245,158,11,.1)}[data-style="playful"][data-theme="dark"]{--color-primary:#fbbf24;--color-primary-hover:#fcd34d;--color-primary-light:#78350f;--color-accent:#f472b6;--color-accent-hover:#f9a8d4;--color-accent-light:#831843;--color-secondary:#94a3b8;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-background:#1e1410;--color-surface:#2d2218;--color-surface-elevated:#3d3020;--color-surface-hover:#4d4028;--color-text-primary:#fef3c7;--color-text-secondary:#fde68a;--color-text-tertiary:#fcd34d;--color-border:#3d3020;--color-border-hover:#4d4028;--glass-background:rgba(45,34,24,.85);--glass-background-strong:rgba(45,34,24,.95);--glass-border:rgba(251,191,36,.15);--glass-shadow:rgba(245,158,11,.2)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color var(--transition-fast) , color var(--transition-fast) , border-color var(--transition-fast)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family: var(--theme-font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--transition-base) , color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family: var(--theme-font-heading);font-weight:var(--theme-font-weight-heading)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--glass-background-strong);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);z-index:var(--z-fixed);transition:all var(--transition-base)}.navbar-frontend{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.navbar-frontend .nav-links a.active{color:var(--color-primary);font-weight:600}.navbar-admin{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.navbar-admin .search-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:300px}.navbar-admin .search-bar input{border:none;background:transparent;outline:none;color:var(--color-text-primary);font-size:var(--font-size-sm);width:100%}.navbar-admin .search-bar svg{color:var(--color-text-tertiary)}.notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.notification-btn:hover{background:var(--color-surface);color:var(--color-primary)}.notification-badge{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:var(--color-error);color:#fff;font-size:.625rem;font-weight:700;border-radius:999px;border:2px solid var(--color-surface-elevated)}.navbar-container{height:100%;max-width:100%;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.navbar-left,.navbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.navbar-center{flex:1;display:flex;justify-content:center}.sidebar-toggle{display:none;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast)}.sidebar-toggle:hover{color:var(--color-primary);background:var(--color-surface-hover)}.hamburger-icon{display:flex;flex-direction:column;gap:.375rem;width:1.5rem}.hamburger-icon span{display:block;height:2px;background:currentColor;border-radius:var(--radius-full);transition:all var(--transition-base)}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast)}.navbar-brand:hover{color:var(--color-primary);transform:translateY(-1px)}.brand-icon{color:var(--color-primary);filter:drop-shadow(0 2px 4px rgba(99,102,241,.2))}.brand-text{display:none;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:var(--spacing-xs)}.nav-links a{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);position:relative}.nav-links a::after{content:"";position:absolute;bottom:.25rem;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:2px;background:var(--color-primary);border-radius:var(--radius-full);transition:transform var(--transition-fast)}.nav-links a:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-links a:hover::after{transform:translateX(-50%) scaleX(1)}.theme-toggle{position:relative;width:2.5rem;height:2.5rem;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.theme-toggle:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sun-icon,.moon-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity var(--transition-fast) , transform var(--transition-fast)}[data-theme="light"] .sun-icon,
:root:not([data-theme="dark"]) .sun-icon {opacity:1}[data-theme="light"] .moon-icon,
:root:not([data-theme="dark"]) .moon-icon {opacity:0;transform:translate(-50%,-50%) rotate(90deg)}[data-theme="dark"] .sun-icon{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}[data-theme="dark"] .moon-icon{opacity:1}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sun-icon {opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}:root:not([data-theme="light"]) .moon-icon {opacity:1}}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.user-menu-trigger:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-primary-light);box-shadow:var(--shadow-sm)}.user-name{display:none;font-size:var(--font-size-sm);font-weight:600}.user-menu-dropdown{position:absolute;top: calc(100% + var(--spacing-sm));right:0;min-width:12rem;padding:var(--spacing-sm);background:var(--glass-background-strong);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all var(--transition-base);z-index:var(--z-dropdown)}.user-menu-trigger[aria-expanded="true"]+.user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-dropdown a,.user-menu-dropdown button{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;color:var(--color-text-primary);text-decoration:none;background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translateX(4px)}.user-menu-dropdown hr{margin:var(--spacing-sm) 0;border:none;border-top:1px solid var(--color-border)}.sidebar{position:fixed;top:var(--navbar-height);left:0;bottom:0;width:var(--sidebar-collapsed-width);background:var(--glass-background-strong);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--glass-border);overflow-x:hidden;overflow-y:auto;transition:width var(--transition-base);z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.sidebar:hover,.sidebar[data-pinned="true"]{width:var(--sidebar-width)}.sidebar[data-collapsed="false"]{width:var(--sidebar-width)}.sidebar-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.sidebar-pin{width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);opacity:0}.sidebar:hover .sidebar-pin,.sidebar[data-pinned="true"] .sidebar-pin{opacity:1}.sidebar-pin:hover{color:var(--color-primary);background:var(--color-primary-light);transform:rotate(45deg)}.sidebar[data-pinned="true"] .sidebar-pin{color:var(--color-primary);background:var(--color-primary-light)}.sidebar-nav{padding:var(--spacing-md)}.sidebar-menu{list-style:none}.menu-item{margin-bottom:var(--spacing-xs)}.menu-link{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);text-decoration:none;background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.menu-link::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;transition:height var(--transition-fast)}.menu-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.menu-link:hover::before{height:60%}.menu-link.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.menu-link.active::before{height:100%}.menu-icon{flex-shrink:0;color:currentColor}.menu-text{flex:1;opacity:0;transition:opacity var(--transition-base)}.sidebar:hover .menu-text,.sidebar[data-pinned="true"] .menu-text,.sidebar[data-collapsed="false"] .menu-text{opacity:1}.menu-arrow{flex-shrink:0;opacity:0;transition:all var(--transition-base)}.sidebar:hover .menu-arrow,.sidebar[data-pinned="true"] .menu-arrow,.sidebar[data-collapsed="false"] .menu-arrow{opacity:1}.menu-item.has-submenu>.menu-link[aria-expanded="true"] .menu-arrow{transform:rotate(90deg)}.submenu{list-style:none;max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.menu-item.has-submenu>.menu-link[aria-expanded="true"]+.submenu{max-height:50rem}.submenu .menu-link{padding-left: calc(var(--spacing-md) + 1.25rem);font-size:var(--font-size-xs)}.submenu .submenu .menu-link{padding-left: calc(var(--spacing-md) + 2.5rem)}.sidebar-overlay{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:calc(var(--z-sticky) - 1)}.sidebar-overlay.active{opacity:1;visibility:visible}.main-content{flex:1;margin-top:var(--navbar-height);margin-left:var(--sidebar-collapsed-width);padding:var(--content-padding);transition:margin-left var(--transition-base)}.frontend-content{margin-left:0!important;width:100%}.admin-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}body:not(:has(.sidebar)) .main-content {margin-left:0}.content-wrapper{max-width:100%;margin:0 auto}.footer{margin-top:auto;margin-left:var(--sidebar-collapsed-width);padding:var(--spacing-2xl) var(--content-padding);background:var(--color-surface);border-top:1px solid var(--color-border);transition:margin-left var(--transition-base)}body:not(:has(.sidebar)) .footer {margin-left:0}.footer-container{max-width:100%;margin:0 auto}.footer-public .footer-content{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-md)}.footer-logo .brand-icon{color:var(--color-primary)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.footer-subtitle{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.footer-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);display:inline-block}.footer-links a:hover{color:var(--color-primary);transform:translateX(4px)}.social-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.social-links a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.social-links a:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.footer-newsletter{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.newsletter-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.newsletter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.newsletter-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.newsletter-btn:hover{transform:translateX(4px);box-shadow:var(--shadow-md)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.footer-bottom-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.footer-bottom-content p{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.footer-bottom-links{display:flex;align-items:center;gap:var(--spacing-md)}.footer-bottom-links a{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--color-primary)}.footer-divider{color:var(--color-border);user-select:none}.footer-admin{padding:var(--spacing-lg) var(--content-padding);background:var(--color-surface-elevated);border-top:1px solid var(--color-border)}.footer-admin-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);flex-wrap:wrap}.footer-admin-left{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.footer-admin-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.footer-admin-links{display:flex;align-items:center;gap:var(--spacing-md)}.footer-admin-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-admin-links a:hover{color:var(--color-primary)}.footer-admin-right{display:flex;align-items:center;gap:var(--spacing-lg)}.footer-admin-info{display:flex;align-items:center;gap:var(--spacing-lg)}.footer-info-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.footer-info-item svg{color:var(--color-text-secondary)}.tabs-container{margin-bottom:var(--spacing-lg)}.tab-navigation{display:flex;gap:var(--spacing-sm);border-bottom:2px solid var(--color-border);overflow-x:auto;padding-bottom:0;margin-bottom:0}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--color-text-secondary);font-weight:500;cursor:pointer;position:relative;white-space:nowrap;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-button:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.tab-content .card{border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:var(--spacing-lg)}.tab-content .card-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-hover)}.tab-content .card-body{padding:var(--spacing-lg)}.loan-history-table,.purchase-log-table{width:100%;border-collapse:collapse}.loan-history-table thead,.purchase-log-table thead{background:var(--color-surface-hover)}.loan-history-table th,.purchase-log-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid var(--color-border)}.loan-history-table td,.purchase-log-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.loan-history-table tbody tr:hover,.purchase-log-table tbody tr:hover{background:var(--color-surface-hover)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.status-badge.returned{background:var(--color-success-alpha);color:var(--color-success)}.status-badge.borrowed{background:var(--color-warning-alpha);color:var(--color-warning)}.status-badge.overdue{background:var(--color-error-alpha);color:var(--color-error)}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat-card{padding:var(--spacing-lg);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:.5rem;text-align:center}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stat-card .stat-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;line-height:1.5;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-xs)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled) {transform:translateY(-2px);box-shadow:var(--shadow-lg) , 0 0 20px rgba(99,102,241,.3)}.btn-secondary{color:var(--color-text-primary);background:var(--color-surface);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled) {background:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-block{width:100%}.btn-success,.btn-add,.btn-save{color:#fff;background:var(--color-success);border-color:var(--color-success)}.btn-success:hover:not(:disabled),
.btn-add:hover:not(:disabled),
.btn-save:hover:not(:disabled) {transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.02)}.btn-danger,.btn-delete{color:#fff;background:var(--color-error);border-color:var(--color-error)}.btn-danger:hover:not(:disabled),
.btn-delete:hover:not(:disabled) {transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.02)}.btn-warning,.btn-edit{color:#111827;background:var(--color-warning);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled),
.btn-edit:hover:not(:disabled) {transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:saturate(1.05) brightness(.98)}.btn-info,.btn-view{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.btn-info:hover:not(:disabled),
.btn-view:hover:not(:disabled) {transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.02)}.btn-neutral,.btn-cancel{color:var(--color-text-primary);background:var(--color-surface);border-color:var(--color-border)}.btn-neutral:hover:not(:disabled),
.btn-cancel:hover:not(:disabled) {background:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline,.btn-outline-primary{color:var(--color-primary);background:transparent;border-color:var(--color-primary)}.btn-outline:hover:not(:disabled),
.btn-outline-primary:hover:not(:disabled) {background:var(--color-primary-light)}.btn-outline-success,.btn-outline-add,.btn-outline-save{color:var(--color-success);background:transparent;border-color:var(--color-success)}.btn-outline-success:hover:not(:disabled),
.btn-outline-add:hover:not(:disabled),
.btn-outline-save:hover:not(:disabled) {background:color-mix(in srgb,var(--color-success) 12%,transparent)}.btn-outline-danger,.btn-outline-delete{color:var(--color-error);background:transparent;border-color:var(--color-error)}.btn-outline-danger:hover:not(:disabled),
.btn-outline-delete:hover:not(:disabled) {background:color-mix(in srgb,var(--color-error) 12%,transparent)}.btn-outline-warning,.btn-outline-edit{color:var(--color-warning);background:transparent;border-color:var(--color-warning)}.btn-outline-warning:hover:not(:disabled),
.btn-outline-edit:hover:not(:disabled) {background:color-mix(in srgb,var(--color-warning) 16%,transparent);color:#111827}.btn-outline-info,.btn-outline-view{color:var(--color-accent);background:transparent;border-color:var(--color-accent)}.btn-outline-info:hover:not(:disabled),
.btn-outline-view:hover:not(:disabled) {background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-ghost{color:var(--color-text-secondary);background:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled) {color:var(--color-text-primary);background:var(--color-surface-hover)}.btn-soft-danger,.btn-soft-delete{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent);border-color:color-mix(in srgb,var(--color-error) 35%,transparent)}.btn-soft-danger:hover:not(:disabled),
.btn-soft-delete:hover:not(:disabled) {background:color-mix(in srgb,var(--color-error) 18%,transparent)}.btn-icon{width:2.25rem;height:2.25rem;padding:0;border-radius:var(--radius-md)}.btn-icon svg{width:1.1rem;height:1.1rem}.btn .icon{width:1.1rem;height:1.1rem;display:inline-block;line-height:0}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary-light)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%)}.card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.card-body{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light) , var(--shadow-sm);transform:translateY(-1px)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-error);font-weight:500}.alert{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid;box-shadow:var(--shadow-sm);font-weight:500}.alert-success{background:rgba(16,185,129,.1);border-color:var(--color-success);color:var(--color-success)}.alert-error{background:rgba(239,68,68,.1);border-color:var(--color-error);color:var(--color-error)}.page-header{margin-bottom:var(--spacing-2xl)}.page-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:1.2;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--color-primary-light)}.stat-card:hover::before{transform:scaleX(1)}.stat-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.stat-content{flex:1}.stat-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.activity-item:hover{background:var(--color-surface-hover);border-color:var(--color-primary-light);transform:translateX(4px)}.activity-icon{font-size:var(--font-size-2xl);line-height:1}.activity-content{flex:1}.activity-text{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:500}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.action-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-weight:600;box-shadow:var(--shadow-xs)}.action-button:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hero{padding:var(--spacing-3xl) 0;text-align:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-2xl)}.hero-content{max-width:48rem;margin:0 auto}.hero-title{font-size:var(--font-size-5xl);font-weight:900;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.1;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6;font-weight:500}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.features{padding:var(--spacing-2xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-xl);text-align:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-8px);border-color:var(--color-primary-light)}.feature-card:hover::before{transform:scaleX(1)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 8px rgba(99,102,241,.2))}.feature-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.feature-description{color:var(--color-text-secondary);line-height:1.6}.content-section{padding:var(--spacing-2xl) 0}.prose{max-width:var(--content-max-width);margin:0 auto}.prose h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.prose p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.team-member{text-align:center;padding:var(--spacing-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.team-member:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.team-avatar{width:8rem;height:8rem;border-radius:var(--radius-full);margin-bottom:var(--spacing-md);object-fit:cover;border:4px solid var(--color-primary-light);box-shadow:var(--shadow-md)}.team-member h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.team-member p{color:var(--color-text-secondary);font-weight:500}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.contact-info h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.contact-info p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.contact-item:hover{transform:translateX(4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.contact-item svg{flex-shrink:0;color:var(--color-primary)}.contact-item strong{display:block;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.contact-item p{color:var(--color-text-secondary);margin:0}.contact-form-wrapper{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.portfolio-item{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio: 3 / 2;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.portfolio-item:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.portfolio-image{position:relative;width:100%;height:100%}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(99,102,241,.95) 0%,rgba(6,182,212,.95) 100%);color:#fff;opacity:0;transition:opacity var(--transition-base)}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{font-size:var(--font-size-xl);font-weight:700}.portfolio-overlay p{font-size:var(--font-size-sm);opacity:.95}.shop-container{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.shop-filters{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);height:fit-content;position:sticky;top: calc(var(--navbar-height) + var(--spacing-lg));box-shadow:var(--shadow-sm)}.shop-filters h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.filter-group{margin-bottom:var(--spacing-lg)}.filter-group h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.filter-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer;transition:all var(--transition-fast)}.filter-option:hover{color:var(--color-primary)}.filter-option input[type="checkbox"]{cursor:pointer;accent-color:var(--color-primary)}.filter-option span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.price-range{width:100%;margin-bottom:var(--spacing-sm);accent-color:var(--color-primary)}.price-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.product-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px);border-color:var(--color-primary-light)}.product-image{aspect-ratio:1;overflow:hidden;background:var(--color-surface)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image img{transform:scale(1.1)}.product-info{padding:var(--spacing-lg)}.product-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.product-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.product-price{font-size:var(--font-size-xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.table-container{width:100%;overflow-x:auto;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.table-index-1{width:100%;border-collapse:separate;border-spacing:0}.table-index-1 thead{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%);position:sticky;top:0;z-index:10}.table-index-1 thead th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-primary)}.table-index-1 tbody tr{transition:all var(--transition-fast);border-bottom:1px solid var(--color-border)}.table-index-1 tbody tr:hover{background:var(--color-surface-hover);transform:scale(1.01);box-shadow:var(--shadow-sm)}.table-index-1 tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-index-1 tbody tr:last-child{border-bottom:none}.table-index-2{width:100%;border-collapse:separate;border-spacing:0 var(--spacing-sm)}.table-index-2 thead{background:transparent}.table-index-2 thead th{padding:var(--spacing-sm) var(--spacing-lg);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;border:none}.table-index-2 tbody tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.table-index-2 tbody tr:hover{background:var(--color-surface-elevated);border-color:var(--color-primary);transform:translateX(4px);box-shadow:var(--shadow-md)}.table-index-2 tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);border:none}.table-index-2 tbody td:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.table-index-2 tbody td:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.table-index-3{width:100%;border-collapse:collapse}.table-index-3 thead{background:var(--color-primary);color:#fff}.table-index-3 thead th{padding:var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.table-index-3 tbody tr{transition:all var(--transition-fast)}.table-index-3 tbody tr:nth-child(even) {background:var(--color-surface)}.table-index-3 tbody tr:hover{background:var(--color-primary-light);cursor:pointer}.table-index-3 tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.table-view-1{width:100%;border-collapse:separate;border-spacing:0}.table-view-1 tbody tr{border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.table-view-1 tbody tr:hover{background:var(--color-surface-hover)}.table-view-1 tbody tr:last-child{border-bottom:none}.table-view-1 tbody th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);background:var(--color-surface);width:30%;vertical-align:top}.table-view-1 tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.table-view-2{width:100%;border-collapse:separate;border-spacing:0 var(--spacing-md)}.table-view-2 tbody tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.table-view-2 tbody tr:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.table-view-2 tbody th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;background:transparent;width:25%;vertical-align:top;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.table-view-2 tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;line-height:1.6;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.table-view-3{width:100%;border-collapse:collapse}.table-view-3 tbody tr.section-header th{padding:var(--spacing-lg);font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%);border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.table-view-3 tbody tr:not(.section-header) {border-bottom:1px solid var(--color-border)}.table-view-3 tbody tr:not(.section-header):hover {background:var(--color-surface-hover)}.table-view-3 tbody th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);width:35%;vertical-align:top;padding-left:var(--spacing-xl)}.table-view-3 tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.6}.table-actions{display:flex;gap:var(--spacing-sm);align-items:center}.table-action-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.table-action-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px)}.table-action-btn.danger:hover{color:var(--color-error);border-color:var(--color-error);background:rgba(239,68,68,.1)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);line-height:1}.badge-success{background:rgba(16,185,129,.1);color:var(--color-success);border:1px solid var(--color-success)}.badge-warning{background:rgba(245,158,11,.1);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-error{background:rgba(239,68,68,.1);color:var(--color-error);border:1px solid var(--color-error)}.badge-info{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}.badge-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.pagination-btn:hover:not(:disabled) {color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.pagination-btn.active{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.table-search{flex:1;min-width:250px;max-width:400px;position:relative}.table-search input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.table-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.table-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.table-filters{display:flex;gap:var(--spacing-sm);align-items:center}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.detail-title-section h1{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.detail-actions{display:flex;gap:var(--spacing-sm)}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.info-card{padding:var(--spacing-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.info-card-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs)}.info-card-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.table-index-4{width:100%;border-collapse:separate;border-spacing:0}.table-index-4 thead{background:var(--color-surface);position:sticky;top:0;z-index:10}.table-index-4 thead th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--color-border);background:var(--color-surface)}.table-index-4 thead th:first-child{width:50px;text-align:center}.table-index-4 tbody tr{transition:all var(--transition-fast);border-bottom:1px solid var(--color-border)}.table-index-4 tbody tr:hover{background:var(--color-surface-hover)}.table-index-4 tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);vertical-align:middle}.table-index-4 tbody td:first-child{text-align:center;width:50px}.table-index-4 tbody tr:last-child{border-bottom:none}.table-header-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.table-header-left{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.table-header-right{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.per-page-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.per-page-selector label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.per-page-selector select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.per-page-selector select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.table-search-field{position:relative;min-width:250px}.table-search-field input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.table-search-field input::placeholder{color:var(--color-text-tertiary)}.table-search-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.table-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.table-row-actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:flex-end}.table-action-icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:#fff}.table-action-icon-btn.view{background:var(--color-primary)}.table-action-icon-btn.view:hover{background:var(--color-primary);opacity:.8;transform:translateY(-2px);box-shadow:var(--shadow-md)}.table-action-icon-btn.edit{background:var(--color-success)}.table-action-icon-btn.edit:hover{background:var(--color-success);opacity:.8;transform:translateY(-2px);box-shadow:var(--shadow-md)}.table-action-icon-btn.delete{background:var(--color-error)}.table-action-icon-btn.delete:hover{background:var(--color-error);opacity:.8;transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge-vendor{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary);white-space:nowrap}.detail-column{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.detail-column.expanded{white-space:normal;overflow:visible;text-overflow:clip}@media (max-width:768px){.table-header-controls{flex-direction:column;align-items:stretch}.table-header-left,.table-header-right{width:100%;justify-content:space-between}.table-search-field{min-width:100%}.table-index-4{font-size:var(--font-size-xs)}.table-index-4 thead th,.table-index-4 tbody td{padding:var(--spacing-sm) var(--spacing-md)}.detail-column{max-width:200px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-modal-backdrop)}.modal-backdrop.active{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-modal);max-height:90vh;overflow-y:auto;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)}.modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal-sm{width:90%;max-width:400px}.modal-md{width:90%;max-width:600px}.modal-lg{width:90%;max-width:800px}.modal-xl{width:90%;max-width:1000px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-background-secondary)}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.modal-close{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-base)}.modal-close:hover{background:var(--color-background-tertiary);color:var(--color-text)}.modal-body{padding:var(--spacing-lg);color:var(--color-text)}.modal-body p{margin:0 0 var(--spacing-md) 0;line-height:1.6}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-background-secondary)}.modal-body .form-group{margin-bottom:var(--spacing-md)}.modal-body .form-group:last-child{margin-bottom:0}.modal-body{overflow-y:auto;max-height:calc(90vh - 200px)}@media (max-width:768px){.modal-sm,.modal-md,.modal-lg,.modal-xl{width:95%;max-width:none}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-header h2{font-size:var(--font-size-lg)}}.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 print{.navbar,.sidebar,.footer{display:none}.main-content{margin:0}}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-check-input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.form-check-input:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-check-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.form-check-input:disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-surface-disabled);border-color:var(--color-border)}.form-check-label{margin-bottom:0;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);user-select:none}.form-check-label:hover{color:var(--color-primary)}.form-check-input:disabled ~ .form-check-label {cursor:not-allowed;opacity:.6;color:var(--color-text-tertiary)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light) , var(--shadow-sm);transform:translateY(-1px)}.form-control.error{border-color:var(--color-error)}.form-control:disabled{background-color:var(--color-surface-disabled);cursor:not-allowed;opacity:.6}.form-control-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.form-group-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-group-row .form-check{margin-bottom:0;padding:var(--spacing-xs) 0}.d-flex{display:flex}.gap-2{gap:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.d-block{display:block}.text-muted{color:var(--color-text-secondary)}.small{font-size:var(--font-size-sm)}.rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none}.editor-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.editor-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.editor-btn:active,.editor-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.editor-btn:disabled{opacity:.5;cursor:not-allowed}.editor-separator{width:1px;height:24px;background:var(--color-border);margin:0 var(--spacing-xs)}.rich-editor{width:100%;min-height:200px;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);overflow-y:auto;outline:none;line-height:1.6}.rich-editor:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light) , var(--shadow-sm)}.rich-editor p{margin-bottom:var(--spacing-sm)}.rich-editor strong{font-weight:600}.rich-editor em{font-style:italic}.rich-editor ul,.rich-editor ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.rich-editor li{margin-bottom:var(--spacing-xs)}.rich-editor blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin-left:0;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-style:italic}.rich-editor code{background:var(--color-surface-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-family:"Courier New",monospace;font-size:.9em}.rich-editor pre{background:var(--color-surface-secondary);padding:var(--spacing-md);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--spacing-sm)}.rich-editor pre code{background:none;padding:0}.rich-editor a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-primary)}.rich-editor a:hover{text-decoration:underline}.rich-editor img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-md) 0}.rich-editor hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0}.rich-editor h1,.rich-editor h2,.rich-editor h3,.rich-editor h4,.rich-editor h5,.rich-editor h6{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600;line-height:1.4}.rich-editor h1{font-size:1.875rem}.rich-editor h2{font-size:1.5rem}.rich-editor h3{font-size:1.25rem}.rich-editor h4{font-size:1.125rem}.rich-editor h5{font-size:1rem}.rich-editor h6{font-size:.875rem}.multi-select-group{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.multi-select-group:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.multi-select-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.multi-select-group.error{border-color:var(--color-error);background:var(--color-error-light)}.multi-select-group.error:hover,.multi-select-group.error:focus-within{box-shadow:0 0 0 4px var(--color-error-light)}.multi-select-group .form-check{margin-bottom:0;padding:var(--spacing-xs) 0}.multi-select-group .form-check:not(:last-child) {border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-sm)}.multi-select-group .form-check-label{font-size:var(--font-size-base);color:var(--color-text-primary)}@media (max-width:768px){.multi-select-group{padding:var(--spacing-md)}}.multi-select-dropdown{position:relative;width:100%}.multi-select-dropdown.disabled{opacity:.6;pointer-events:none}.multi-select-input{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:44px;flex-wrap:wrap}.multi-select-input:hover{border-color:var(--color-primary)}.multi-select-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.multi-select-dropdown.error .multi-select-input{border-color:var(--color-error);background:var(--color-error-light)}.multi-select-dropdown.error .multi-select-input:focus-within{box-shadow:0 0 0 4px var(--color-error-light)}.multi-select-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);flex:1;min-width:100px}.multi-select-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.multi-select-tag .remove-tag{display:flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:transparent;border:none;color:var(--color-primary);padding:0;font-size:var(--font-size-xs);font-weight:bold}.multi-select-tag .remove-tag:hover{background:var(--color-primary);color:#fff}.multi-select-search{flex:1;min-width:150px;border:none;background:transparent;outline:none;font-size:var(--font-size-base);color:var(--color-text);padding:0}.multi-select-search::placeholder{color:var(--color-text-tertiary)}.multi-select-arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:transform var(--transition-fast);flex-shrink:0}.multi-select-dropdown.open .multi-select-arrow{transform:rotate(180deg)}.multi-select-options{position:absolute;top: calc(100% + var(--spacing-xs));left:0;right:0;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.multi-select-dropdown.open .multi-select-options{opacity:1;visibility:visible;transform:translateY(0)}.multi-select-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.multi-select-option:last-child{border-bottom:none}.multi-select-option:hover{background:var(--color-background-secondary)}.multi-select-option input[type="checkbox"]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.multi-select-option input[type="checkbox"]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.multi-select-option span{font-size:var(--font-size-base);color:var(--color-text-primary);user-select:none}.multi-select-options::-webkit-scrollbar{width:6px}.multi-select-options::-webkit-scrollbar-track{background:transparent}.multi-select-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-md)}.multi-select-options::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width:768px){.multi-select-input{min-height:40px;padding:var(--spacing-sm)}.multi-select-options{max-height:250px}.multi-select-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.content-wrapper{max-width:100%;padding-left:1.5rem;padding-right:1.5rem}.tab-button.active{border-color:var(--color-primary,#8b5cf6);color:var(--color-primary,#8b5cf6);font-weight:600}.tab-content.hidden{display:none}.tab-content.active{display:block}.app-container:has(.sidebar[data-collapsed="false"]) .main-content {margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.app-container:has(.sidebar[data-collapsed="true"]) .main-content {margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}