@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary)}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-light: #dbeafe;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-primary: #334155;--border-secondary: #475569;--accent-primary: #60a5fa;--accent-hover: #3b82f6;--accent-light: rgba(59, 130, 246, .2);--success: #34d399;--success-light: rgba(16, 185, 129, .2);--warning: #fbbf24;--warning-light: rgba(245, 158, 11, .2);--error: #f87171;--error-light: rgba(239, 68, 68, .2);--info: #60a5fa;--info-light: rgba(59, 130, 246, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}.theme-blue{--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-light: #dbeafe}.dark.theme-blue{--accent-primary: #60a5fa;--accent-hover: #3b82f6;--accent-light: rgba(59, 130, 246, .2)}.theme-purple{--accent-primary: #a855f7;--accent-hover: #9333ea;--accent-light: #f3e8ff}.dark.theme-purple{--accent-primary: #c084fc;--accent-hover: #a855f7;--accent-light: rgba(168, 85, 247, .2)}.theme-violet{--accent-primary: #7c3aed;--accent-hover: #6d28d9;--accent-light: #ede9fe}.dark.theme-violet{--accent-primary: #8b5cf6;--accent-hover: #7c3aed;--accent-light: rgba(139, 92, 246, .2)}.theme-green{--accent-primary: #059669;--accent-hover: #047857;--accent-light: #d1fae5}.dark.theme-green{--accent-primary: #34d399;--accent-hover: #10b981;--accent-light: rgba(16, 185, 129, .2)}.theme-orange{--accent-primary: #f97316;--accent-hover: #ea580c;--accent-light: #ffedd5}.dark.theme-orange{--accent-primary: #fb923c;--accent-hover: #f97316;--accent-light: rgba(249, 115, 22, .2)}.theme-pink{--accent-primary: #ec4899;--accent-hover: #db2777;--accent-light: #fce7f3}.dark.theme-pink{--accent-primary: #f472b6;--accent-hover: #ec4899;--accent-light: rgba(236, 72, 153, .2)}.theme-cyan{--accent-primary: #06b6d4;--accent-hover: #0891b2;--accent-light: #cffafe}.dark.theme-cyan{--accent-primary: #22d3ee;--accent-hover: #06b6d4;--accent-light: rgba(6, 182, 212, .2)}.theme-red{--accent-primary: #dc2626;--accent-hover: #b91c1c;--accent-light: #fee2e2}.dark.theme-red{--accent-primary: #f87171;--accent-hover: #ef4444;--accent-light: rgba(239, 68, 68, .2)}.theme-indigo{--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-light: #e0e7ff}.dark.theme-indigo{--accent-primary: #818cf8;--accent-hover: #6366f1;--accent-light: rgba(99, 102, 241, .2)}.theme-yellow{--accent-primary: #eab308;--accent-hover: #ca8a04;--accent-light: #fef9c3}.dark.theme-yellow{--accent-primary: #facc15;--accent-hover: #eab308;--accent-light: rgba(234, 179, 8, .2)}.theme-teal{--accent-primary: #14b8a6;--accent-hover: #0d9488;--accent-light: #ccfbf1}.dark.theme-teal{--accent-primary: #2dd4bf;--accent-hover: #14b8a6;--accent-light: rgba(20, 184, 166, .2)}.theme-rose{--accent-primary: #f43f5e;--accent-hover: #e11d48;--accent-light: #ffe4e6}.dark.theme-rose{--accent-primary: #fb7185;--accent-hover: #f43f5e;--accent-light: rgba(244, 63, 94, .2)}.theme-black{--accent-primary: #18181b;--accent-hover: #09090b;--accent-light: #f4f4f5}.dark.theme-black{--accent-primary: #fafafa;--accent-hover: #f4f4f5;--accent-light: rgba(250, 250, 250, .1)}.theme-white{--accent-primary: #fafafa;--accent-hover: #f4f4f5;--accent-light: #f4f4f5}.dark.theme-white{--accent-primary: #fafafa;--accent-hover: #f4f4f5;--accent-light: rgba(250, 250, 250, .1)}.theme-gray{--accent-primary: #71717a;--accent-hover: #52525b;--accent-light: #f4f4f5}.dark.theme-gray{--accent-primary: #a1a1aa;--accent-hover: #d4d4d8;--accent-light: rgba(161, 161, 170, .2)}.bg-slate{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-primary: #e2e8f0;--border-secondary: #cbd5e1}.dark.bg-slate{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border-primary: #334155;--border-secondary: #475569}.bg-gray{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-primary: #e5e7eb;--border-secondary: #d1d5db}.dark.bg-gray{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--border-primary: #374151;--border-secondary: #4b5563}.bg-zinc{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f4f4f5;--border-primary: #e4e4e7;--border-secondary: #d4d4d8}.dark.bg-zinc{--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--border-primary: #3f3f46;--border-secondary: #52525b}.bg-neutral{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--border-primary: #e5e5e5;--border-secondary: #d4d4d4}.dark.bg-neutral{--bg-primary: #0a0a0a;--bg-secondary: #171717;--bg-tertiary: #262626;--border-primary: #404040;--border-secondary: #525252}.bg-stone{--bg-primary: #ffffff;--bg-secondary: #fafaf9;--bg-tertiary: #f5f5f4;--border-primary: #e7e5e4;--border-secondary: #d6d3d1}.dark.bg-stone{--bg-primary: #0c0a09;--bg-secondary: #1c1917;--bg-tertiary: #292524;--border-primary: #44403c;--border-secondary: #57534e}.bg-cool{--bg-primary: #fbfcfe;--bg-secondary: #f4f7fb;--bg-tertiary: #edf2f9;--border-primary: #dce4ed;--border-secondary: #cbd6e2}.dark.bg-cool{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-primary: #30363d;--border-secondary: #484f58}.bg-soft-blue{--bg-primary: #f8fafc;--bg-secondary: #f0f7ff;--bg-tertiary: #e8f1fa;--text-primary: #334d6e;--text-secondary: #4a6585;--text-tertiary: #607d9c;--border-primary: #c8d9eb;--border-secondary: #a8c0d8}.dark.bg-soft-blue{--bg-primary: #0f1418;--bg-secondary: #141c28;--bg-tertiary: #1c2838;--text-primary: #d8e4f0;--text-secondary: #b0c4d8;--text-tertiary: #88a4c0;--border-primary: #283848;--border-secondary: #384858}.bg-soft-purple{--bg-primary: #faf9fc;--bg-secondary: #f8f5ff;--bg-tertiary: #f0eafa;--text-primary: #5b4d6e;--text-secondary: #6f6085;--text-tertiary: #84759c;--border-primary: #d8cfeb;--border-secondary: #c0b4d8}.dark.bg-soft-purple{--bg-primary: #12101a;--bg-secondary: #1a1628;--bg-tertiary: #241e38;--text-primary: #e0d8f0;--text-secondary: #c4b8d8;--text-tertiary: #a090c0;--border-primary: #322848;--border-secondary: #423858}.bg-soft-green{--bg-primary: #f9fbfa;--bg-secondary: #f2fbf5;--bg-tertiary: #e8f5ec;--text-primary: #3d5c4a;--text-secondary: #4f7560;--text-tertiary: #628d76;--border-primary: #c4dece;--border-secondary: #a4c8b2}.dark.bg-soft-green{--bg-primary: #0e1410;--bg-secondary: #141e16;--bg-tertiary: #1c2a1e;--text-primary: #d4f0d8;--text-secondary: #a8d8b0;--text-tertiary: #80c090;--border-primary: #283828;--border-secondary: #384838}.bg-soft-teal{--bg-primary: #f9fbfb;--bg-secondary: #f2fbfa;--bg-tertiary: #e6f5f3;--text-primary: #3d5c58;--text-secondary: #4f7570;--text-tertiary: #628d88;--border-primary: #c0dcd8;--border-secondary: #a0c8c2}.dark.bg-soft-teal{--bg-primary: #0e1414;--bg-secondary: #141e1e;--bg-tertiary: #1c2a2a;--text-primary: #d4f0f0;--text-secondary: #a8d8d8;--text-tertiary: #80c0c0;--border-primary: #283838;--border-secondary: #384848}.bg-soft-amber{--bg-primary: #fbfaf8;--bg-secondary: #fffbf2;--bg-tertiary: #f8f2e6;--text-primary: #5c4d3d;--text-secondary: #756350;--text-tertiary: #8d7a64;--border-primary: #ddd0be;--border-secondary: #c8b8a0}.dark.bg-soft-amber{--bg-primary: #14120e;--bg-secondary: #1e1a14;--bg-tertiary: #2a241c;--text-primary: #f0e8d4;--text-secondary: #d8c8a8;--text-tertiary: #c0a880;--border-primary: #383028;--border-secondary: #484038}.bg-soft-pink{--bg-primary: #fcf9fa;--bg-secondary: #fef7fa;--bg-tertiary: #faeaef;--text-primary: #6b4558;--text-secondary: #85586c;--text-tertiary: #9c6c82;--border-primary: #e0c8d2;--border-secondary: #d0b0be}.dark.bg-soft-pink{--bg-primary: #141012;--bg-secondary: #1e161a;--bg-tertiary: #2a2024;--text-primary: #f0d8e0;--text-secondary: #d8b8c4;--text-tertiary: #c090a0;--border-primary: #3a2830;--border-secondary: #4a3840}.UI-ROOT .color-picker-menu{position:fixed;top:5rem;right:1.5rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:100;min-width:200px}.UI-ROOT .color-picker-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.UI-ROOT .color-picker-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.UI-ROOT .color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.UI-ROOT .color-option{width:40px;height:40px;border-radius:.5rem;cursor:pointer;border:2px solid transparent;transition:all .2s;position:relative}.UI-ROOT .color-option:hover{transform:scale(1.1);border-color:var(--border-secondary)}.UI-ROOT .color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-light)}.UI-ROOT .color-option.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.2rem}.UI-ROOT .color-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.UI-ROOT .color-purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.UI-ROOT .color-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.UI-ROOT .color-green{background:linear-gradient(135deg,#059669,#047857)}.UI-ROOT .color-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.UI-ROOT .color-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.UI-ROOT .color-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.UI-ROOT .color-red{background:linear-gradient(135deg,#dc2626,#b91c1c)}.UI-ROOT .color-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.UI-ROOT .color-yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.UI-ROOT .color-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.UI-ROOT .color-rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}.UI-ROOT .color-black{background:linear-gradient(135deg,#27272a,#09090b)}.UI-ROOT .color-white{background:linear-gradient(135deg,#fff,#f4f4f5);border:1px solid var(--border-primary)}.UI-ROOT .color-gray{background:linear-gradient(135deg,#71717a,#52525b)}.UI-ROOT .bg-picker-menu{position:fixed;top:5rem;right:1.5rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:100;min-width:220px}.UI-ROOT .bg-picker-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.UI-ROOT .bg-options{display:flex;flex-direction:column;gap:.5rem}.UI-ROOT .bg-option{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;cursor:pointer;border:2px solid transparent;transition:all .2s}.UI-ROOT .bg-option:hover{background-color:var(--bg-secondary);border-color:var(--border-primary)}.UI-ROOT .bg-option.active{border-color:var(--accent-primary);background-color:var(--accent-light)}.UI-ROOT .bg-swatch{width:50px;height:32px;border-radius:.375rem;border:1px solid var(--border-primary);display:flex;overflow:hidden}.UI-ROOT .bg-swatch-half{flex:1}.UI-ROOT .bg-option-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.UI-ROOT .bg-swatch-slate .bg-swatch-half:first-child{background:#f8fafc}.UI-ROOT .bg-swatch-slate .bg-swatch-half:last-child{background:#0f172a}.UI-ROOT .bg-swatch-gray .bg-swatch-half:first-child{background:#f9fafb}.UI-ROOT .bg-swatch-gray .bg-swatch-half:last-child{background:#111827}.UI-ROOT .bg-swatch-zinc .bg-swatch-half:first-child{background:#fafafa}.UI-ROOT .bg-swatch-zinc .bg-swatch-half:last-child{background:#09090b}.UI-ROOT .bg-swatch-neutral .bg-swatch-half:first-child{background:#fafafa}.UI-ROOT .bg-swatch-neutral .bg-swatch-half:last-child{background:#0a0a0a}.UI-ROOT .bg-swatch-stone .bg-swatch-half:first-child{background:#fafaf9}.UI-ROOT .bg-swatch-stone .bg-swatch-half:last-child{background:#0c0a09}.UI-ROOT .bg-swatch-cool .bg-swatch-half:first-child{background:#f4f7fb}.UI-ROOT .bg-swatch-cool .bg-swatch-half:last-child{background:#0d1117}.UI-ROOT .bg-swatch-soft-blue .bg-swatch-half:first-child{background:#f0f7ff}.UI-ROOT .bg-swatch-soft-blue .bg-swatch-half:last-child{background:#141c28}.UI-ROOT .bg-swatch-soft-purple .bg-swatch-half:first-child{background:#f8f5ff}.UI-ROOT .bg-swatch-soft-purple .bg-swatch-half:last-child{background:#1a1628}.UI-ROOT .bg-swatch-soft-green .bg-swatch-half:first-child{background:#f2fbf5}.UI-ROOT .bg-swatch-soft-green .bg-swatch-half:last-child{background:#141e16}.UI-ROOT .bg-swatch-soft-teal .bg-swatch-half:first-child{background:#f2fbfa}.UI-ROOT .bg-swatch-soft-teal .bg-swatch-half:last-child{background:#141e1e}.UI-ROOT .bg-swatch-soft-amber .bg-swatch-half:first-child{background:#fffbf2}.UI-ROOT .bg-swatch-soft-amber .bg-swatch-half:last-child{background:#1e1a14}.UI-ROOT .bg-swatch-soft-pink .bg-swatch-half:first-child{background:#fef7fa}.UI-ROOT .bg-swatch-soft-pink .bg-swatch-half:last-child{background:#1e161a}.UI-ROOT .nav-link{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-primary);text-decoration:none;transition:all .2s}.UI-ROOT .nav-link:hover{background-color:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.UI-ROOT .component-section{margin-bottom:4rem}.UI-ROOT .section-title{font-size:1.875rem;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:.75rem;border-bottom:2px solid var(--accent-primary)}.UI-ROOT section:first-of-type .section-title{margin-top:0}.UI-ROOT .component-demo{padding:1.5rem;border-radius:.5rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.UI-ROOT .demo-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.UI-ROOT .demo-grid{grid-template-columns:repeat(2,1fr)}}.UI-ROOT .demo-title{font-size:1.125rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:var(--text-primary)}.UI-ROOT .demo-grid>div:not(:first-child) .demo-title:first-child{margin-top:0}@media (max-width: 767px){.UI-ROOT .demo-grid>div:not(:first-child) .demo-title:first-child{margin-top:2rem}}.UI-ROOT .btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;line-height:1.25rem;transition:all .2s;cursor:pointer;border:none;outline:none;min-height:2.5rem}.UI-ROOT .btn:disabled{opacity:.5;cursor:not-allowed}.UI-ROOT .btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.UI-ROOT .btn-primary:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:var(--shadow-md)}.UI-ROOT .btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.UI-ROOT .btn-secondary:hover:not(:disabled){background-color:var(--border-secondary);box-shadow:var(--shadow-md)}.UI-ROOT .btn-outline{border:2px solid var(--border-secondary);background-color:transparent;color:var(--text-primary)}.UI-ROOT .btn-outline:hover:not(:disabled){background-color:var(--bg-secondary)}.UI-ROOT .btn-outline-danger{border:2px solid var(--error);background-color:transparent;color:var(--error)}.UI-ROOT .btn-outline-danger:hover:not(:disabled){background-color:var(--error-light)}.UI-ROOT .btn-outline-success{border:2px solid var(--success);background-color:transparent;color:var(--success)}.UI-ROOT .btn-outline-success:hover:not(:disabled){background-color:var(--success-light)}.UI-ROOT .btn.btn-xs{padding:.25rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;min-height:1.75rem!important}.UI-ROOT .btn.btn-sm{padding:.375rem .875rem!important;font-size:.8125rem!important;line-height:1.125rem!important;min-height:2rem!important}.UI-ROOT .btn.btn-md{padding:.625rem 1.25rem!important;font-size:.875rem!important;line-height:1.25rem!important;min-height:2.5rem!important}.UI-ROOT .btn.btn-lg{padding:.875rem 1.75rem!important;font-size:1rem!important;line-height:1.5rem!important;min-height:3rem!important}.UI-ROOT .btn.btn-xl{padding:1rem 2rem!important;font-size:1.125rem!important;line-height:1.75rem!important;min-height:3.5rem!important}.UI-ROOT .btn-icon{width:2.5rem;height:2.5rem;border-radius:9999px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid transparent;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.UI-ROOT .btn-icon:hover{filter:brightness(.95)}.UI-ROOT :is([data-theme=dark],.dark) .btn-icon:hover{filter:brightness(1.2)}.UI-ROOT .btn-icon-sm{width:2rem;height:2rem}.UI-ROOT .btn-icon-xs{width:1.5rem;height:1.5rem}.UI-ROOT .btn-icon-primary{background-color:var(--accent-light);color:var(--accent-primary)}.UI-ROOT .btn-icon-primary:hover{filter:brightness(.95)}.UI-ROOT :is([data-theme=dark],.dark) .btn-icon-primary:hover{filter:brightness(1.3)}.UI-ROOT .btn-icon-danger{background-color:var(--error-light);color:var(--error)}.UI-ROOT .btn-icon-danger:hover{filter:brightness(.8)}.UI-ROOT :is([data-theme=dark],.dark) .btn-icon-danger:hover{filter:brightness(1.3)}.UI-ROOT .btn-icon-ghost{background-color:transparent;color:var(--text-secondary)}.UI-ROOT .btn-icon-ghost:hover{background-color:var(--bg-tertiary)}.UI-ROOT :is([data-theme=dark],.dark) .btn-icon-ghost:hover{background-color:#ffffff1a}.UI-ROOT .btn-loading{position:relative;pointer-events:none;cursor:wait}.UI-ROOT .spinner{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.UI-ROOT .card{background-color:var(--bg-primary);border-radius:.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-primary);overflow:hidden;transition:all .2s}.UI-ROOT .card-hover{cursor:pointer}.UI-ROOT .card-hover:hover{box-shadow:var(--shadow-xl);transform:scale(1.01)}.UI-ROOT .card-gradient{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);border-color:var(--accent-primary);box-shadow:0 4px 12px #00000026;position:relative}.UI-ROOT .card-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0000001a,#0000004d);border-radius:inherit;pointer-events:none}.UI-ROOT .dark .card-gradient{box-shadow:0 4px 12px #0006}.UI-ROOT .dark .card-gradient:before{background:linear-gradient(135deg,#0003,#0006)}.UI-ROOT .card-gradient .card-body{position:relative;z-index:1}.UI-ROOT .card-gradient .stat-label,.UI-ROOT .card-gradient .stat-value,.UI-ROOT .card-gradient .stat-trend{color:#fff}.UI-ROOT .card-gradient .stat-icon{background-color:#fff3;color:#fff}.UI-ROOT .card-gradient .pricing-plan,.UI-ROOT .card-gradient .pricing-amount,.UI-ROOT .card-gradient .pricing-currency,.UI-ROOT .card-gradient .pricing-period,.UI-ROOT .card-gradient .pricing-features li{color:#fff}.UI-ROOT .card-gradient .pricing-features li{border-bottom-color:#fff3}.UI-ROOT .card-gradient .btn-primary{color:#fff!important}.UI-ROOT .card-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.UI-ROOT .card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.UI-ROOT .card-body{padding:.75rem 1rem}.UI-ROOT .card-footer{padding:.5rem 1rem;background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.UI-ROOT .card-stat .stat-icon{width:3rem;height:3rem;background-color:var(--accent-light);color:var(--accent-primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.UI-ROOT .card-stat .stat-icon svg{width:1.5rem;height:1.5rem}.UI-ROOT .stat-label{font-size:.875rem;color:var(--text-tertiary);margin-bottom:.5rem}.UI-ROOT .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.UI-ROOT .stat-trend{font-size:.875rem;font-weight:600}.UI-ROOT .stat-trend-up{color:var(--success-color)}.UI-ROOT .stat-trend-down{color:var(--error-color)}.UI-ROOT .pricing-plan{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.UI-ROOT .pricing-price{display:flex;align-items:baseline;justify-content:center;margin-bottom:2rem}.UI-ROOT .pricing-currency{font-size:1.5rem;font-weight:600;color:var(--text-secondary)}.UI-ROOT .pricing-amount{font-size:3.5rem;font-weight:700;color:var(--text-primary);line-height:1}.UI-ROOT .pricing-period{font-size:1rem;color:var(--text-tertiary);margin-left:.5rem}.UI-ROOT .pricing-features{list-style:none;padding:0;margin:0 0 2rem}.UI-ROOT .pricing-features li{padding:.75rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.UI-ROOT .pricing-features li:last-child{border-bottom:none}.UI-ROOT .testimonial-quote{width:3rem;height:3rem;color:var(--accent-primary);opacity:.2;margin-bottom:1rem}.UI-ROOT .testimonial-quote svg{width:100%;height:100%}.UI-ROOT .testimonial-text{font-size:1.125rem;line-height:1.6;color:var(--text-primary);margin-bottom:1.5rem;font-style:italic}.UI-ROOT .testimonial-author{display:flex;align-items:center;gap:1rem}.UI-ROOT .testimonial-avatar{width:3rem;height:3rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.UI-ROOT .testimonial-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.UI-ROOT .testimonial-role{font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .profile-cover{height:6rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%)}.UI-ROOT .profile-avatar-wrapper{display:flex;justify-content:center;margin-top:-2.5rem;margin-bottom:1rem}.UI-ROOT .profile-avatar{width:5rem;height:5rem;border-radius:50%;background-color:var(--bg-primary);border:4px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:var(--accent-primary);box-shadow:var(--shadow-lg)}.UI-ROOT .profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:.25rem}.UI-ROOT .profile-title{font-size:.875rem;color:var(--text-tertiary);text-align:center;margin-bottom:1.5rem}.UI-ROOT .profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.UI-ROOT .profile-stat{display:flex;flex-direction:column;align-items:center}.UI-ROOT .profile-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.UI-ROOT .profile-stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.UI-ROOT .feature-icon{width:4rem;height:4rem;background-color:var(--accent-light);color:var(--accent-primary);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.UI-ROOT .feature-icon svg{width:2rem;height:2rem}.UI-ROOT .feature-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.UI-ROOT .feature-description{color:var(--text-secondary);line-height:1.6}.UI-ROOT .notification-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.UI-ROOT .notification-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.UI-ROOT .notification-icon svg{width:1.25rem;height:1.25rem}.UI-ROOT .notification-icon-success{background-color:#22c55e1a;color:var(--success-color)}.UI-ROOT .notification-content{flex:1}.UI-ROOT .notification-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.UI-ROOT .notification-message{font-size:.875rem;color:var(--text-secondary)}.UI-ROOT .notification-close{background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.UI-ROOT .notification-close:hover{color:var(--text-primary)}.UI-ROOT .notification-time{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .image-card-cover{height:12rem;overflow:hidden;background-color:var(--bg-secondary)}.UI-ROOT .image-card-cover img{width:100%;height:100%;object-fit:cover}.UI-ROOT .image-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.UI-ROOT .image-card-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.UI-ROOT .product-image{height:12rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:relative;display:flex;align-items:center;justify-content:center}.UI-ROOT .product-badge{position:absolute;top:.75rem;right:.75rem;background-color:var(--accent-primary);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.UI-ROOT .product-category{font-size:.75rem;color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.UI-ROOT .product-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.UI-ROOT .product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.UI-ROOT .product-stars{color:#fbbf24;font-size:.875rem}.UI-ROOT .product-reviews{font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .product-footer{display:flex;align-items:center;justify-content:space-between}.UI-ROOT .product-price{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.UI-ROOT .activity-list{display:flex;flex-direction:column;gap:1rem}.UI-ROOT .activity-item{display:flex;gap:1rem}.UI-ROOT .activity-dot{width:.5rem;height:.5rem;background-color:var(--accent-primary);border-radius:50%;margin-top:.5rem;flex-shrink:0}.UI-ROOT .activity-content{flex:1}.UI-ROOT .activity-text{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.UI-ROOT .activity-time{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .blog-image{height:12rem;background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg-tertiary) 100%)}.UI-ROOT .blog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.UI-ROOT .blog-tag{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.UI-ROOT .blog-date{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .blog-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.UI-ROOT .blog-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.UI-ROOT .blog-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-primary)}.UI-ROOT .blog-author{display:flex;align-items:center;gap:.5rem}.UI-ROOT .blog-author-avatar{width:2rem;height:2rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.UI-ROOT .blog-author-name{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.UI-ROOT .blog-read-time{font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .weather-header{margin-bottom:1.5rem}.UI-ROOT .weather-location{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.UI-ROOT .weather-date{font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .weather-current{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.UI-ROOT .weather-icon{font-size:4rem}.UI-ROOT .weather-temp{font-size:3.5rem;font-weight:700;color:var(--text-primary)}.UI-ROOT .weather-condition{text-align:center;font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem}.UI-ROOT .weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.UI-ROOT .weather-detail{display:flex;flex-direction:column;align-items:center}.UI-ROOT .weather-detail-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.UI-ROOT .weather-detail-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.UI-ROOT .task-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.UI-ROOT .task-checkbox{margin-top:.25rem;width:1.25rem;height:1.25rem;flex-shrink:0}.UI-ROOT .task-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.UI-ROOT .task-description{color:var(--text-secondary);margin-bottom:1rem;padding-left:2rem}.UI-ROOT .task-footer{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-left:2rem}.UI-ROOT .task-priority{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem}.UI-ROOT .task-priority-high{background-color:#ef44441a;color:var(--error-color)}.UI-ROOT .task-due{font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .task-assignees{display:flex;gap:.5rem;padding-left:2rem}.UI-ROOT .task-avatar{width:2rem;height:2rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.UI-ROOT .social-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.UI-ROOT .social-avatar{width:3rem;height:3rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.UI-ROOT .social-info{flex:1}.UI-ROOT .social-name{font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.UI-ROOT .social-time{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .social-content{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.UI-ROOT .social-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.UI-ROOT .social-action{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-tertiary);font-size:.875rem;cursor:pointer;transition:color .2s}.UI-ROOT .social-action svg{width:1.25rem;height:1.25rem}.UI-ROOT .social-action:hover{color:var(--accent-primary)}.UI-ROOT .card-event{position:relative}.UI-ROOT .event-date-badge{position:absolute;top:1.5rem;left:1.5rem;background-color:var(--accent-primary);color:#fff;width:4rem;height:4rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.UI-ROOT .event-month{font-size:.75rem;font-weight:600;text-transform:uppercase}.UI-ROOT .event-day{font-size:1.5rem;font-weight:700}.UI-ROOT .card-event .card-body{padding-left:6.5rem}.UI-ROOT .event-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.UI-ROOT .event-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.UI-ROOT .event-detail{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.UI-ROOT .event-detail svg{width:1rem;height:1rem;color:var(--text-tertiary)}.UI-ROOT .stats-grid{display:grid;gap:1rem}.UI-ROOT .stat-box{text-align:center;padding:1rem;background-color:var(--bg-secondary);border-radius:.5rem}.UI-ROOT .stat-box-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.UI-ROOT .stat-box-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.UI-ROOT .file-icon{width:5rem;height:5rem;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative}.UI-ROOT .file-icon-pdf{background-color:#ef44441a;color:var(--error-color)}.UI-ROOT .file-icon svg{width:2.5rem;height:2.5rem;margin-bottom:.25rem}.UI-ROOT .file-extension{font-size:.75rem;font-weight:700;text-transform:uppercase}.UI-ROOT .file-name{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:.5rem}.UI-ROOT .file-meta{font-size:.875rem;color:var(--text-tertiary);text-align:center;margin-bottom:1.5rem}.UI-ROOT .file-actions{display:flex;gap:.5rem;justify-content:center}.UI-ROOT .progress-track-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.UI-ROOT .progress-track-bar{width:100%;height:.75rem;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-bottom:.75rem}.UI-ROOT .progress-track-fill{height:100%;background-color:var(--accent-primary);border-radius:9999px;transition:width .3s ease}.UI-ROOT .progress-track-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.UI-ROOT .progress-track-percent{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.UI-ROOT .progress-track-label{font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .progress-track-milestones{display:flex;gap:.5rem}.UI-ROOT .milestone{flex:1;padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;border-radius:.375rem;background-color:var(--bg-secondary);color:var(--text-tertiary)}.UI-ROOT .milestone-completed{background-color:var(--accent-light);color:var(--accent-primary)}.UI-ROOT .milestone-active{background-color:var(--accent-primary);color:#fff}.UI-ROOT .contact-avatar{width:5rem;height:5rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;margin:0 auto 1rem}.UI-ROOT .contact-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:.25rem}.UI-ROOT .contact-role{font-size:.875rem;color:var(--text-tertiary);text-align:center;margin-bottom:1.5rem}.UI-ROOT .contact-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.UI-ROOT .contact-info-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.UI-ROOT .contact-info-item svg{width:1.25rem;height:1.25rem;color:var(--text-tertiary);flex-shrink:0}.UI-ROOT .contact-actions{display:flex;gap:.5rem}.UI-ROOT .music-artwork{height:12rem;background:linear-gradient(135deg,#667eea,#764ba2)}.UI-ROOT .music-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.UI-ROOT .music-artist{font-size:.875rem;color:var(--text-tertiary);margin-bottom:1.5rem}.UI-ROOT .music-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.UI-ROOT .music-time{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .music-progress-bar{flex:1;height:.25rem;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.UI-ROOT .music-progress-fill{height:100%;background-color:var(--accent-primary);border-radius:9999px}.UI-ROOT .music-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.UI-ROOT .music-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:none;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.UI-ROOT .music-btn svg{width:1.25rem;height:1.25rem}.UI-ROOT .music-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.UI-ROOT .music-btn-primary{background-color:var(--accent-primary);color:#fff;width:3rem;height:3rem}.UI-ROOT .music-btn-primary svg{width:1.5rem;height:1.5rem}.UI-ROOT .music-btn-primary:hover{background-color:var(--accent-hover);color:#fff}.UI-ROOT .video-thumbnail{height:12rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:relative;display:flex;align-items:center;justify-content:center}.UI-ROOT .video-play-btn{width:4rem;height:4rem;border-radius:50%;background-color:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.UI-ROOT .video-play-btn svg{width:2rem;height:2rem;margin-left:.25rem}.UI-ROOT .video-play-btn:hover{background-color:var(--accent-primary);transform:scale(1.1)}.UI-ROOT .video-duration{position:absolute;bottom:.75rem;right:.75rem;background-color:#000c;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.UI-ROOT .video-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4}.UI-ROOT .video-meta{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.UI-ROOT .video-author{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.UI-ROOT .video-author-avatar{width:2rem;height:2rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.UI-ROOT .video-stats{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary)}.UI-ROOT .card-invoice .invoice-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.UI-ROOT .invoice-number{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.UI-ROOT .invoice-date{font-size:.875rem;color:var(--text-tertiary);margin-top:.25rem}.UI-ROOT .invoice-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-primary)}.UI-ROOT .invoice-item{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.875rem}.UI-ROOT .invoice-amount{font-weight:600;color:var(--text-primary)}.UI-ROOT .invoice-total{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.125rem;color:var(--text-primary)}.UI-ROOT .invoice-total-amount{color:var(--accent-primary);font-size:1.5rem}.UI-ROOT .card-calendar{display:flex;overflow:hidden}.UI-ROOT .calendar-date{flex-shrink:0;width:5rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;text-align:center}.UI-ROOT .calendar-month{font-size:.875rem;font-weight:600;letter-spacing:.05em}.UI-ROOT .calendar-day{font-size:2rem;font-weight:700;line-height:1;margin-top:.25rem}.UI-ROOT .card-calendar .card-body{flex:1}.UI-ROOT .calendar-time,.UI-ROOT .calendar-location{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;margin-top:.75rem}.UI-ROOT .calendar-time svg,.UI-ROOT .calendar-location svg{width:1rem;height:1rem;flex-shrink:0}.UI-ROOT .card-review .review-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.UI-ROOT .user-info{display:flex;align-items:center;gap:.75rem}.UI-ROOT .user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.UI-ROOT .user-name{font-weight:600;color:var(--text-primary)}.UI-ROOT .user-date{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.UI-ROOT .review-user{display:flex;align-items:center;gap:.75rem}.UI-ROOT .review-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.UI-ROOT .review-name{font-weight:600;color:var(--text-primary)}.UI-ROOT .review-date{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.UI-ROOT .review-rating{display:flex;gap:.125rem}.UI-ROOT .review-rating svg{width:1rem;height:1rem;color:var(--warning-color)}.UI-ROOT .review-text{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.UI-ROOT .review-actions{display:flex;gap:1rem}.UI-ROOT .review-action-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-tertiary);font-size:.875rem;cursor:pointer;transition:color .2s}.UI-ROOT .card-cart-item .card-body{display:flex;gap:1rem;align-items:flex-start}.UI-ROOT .cart-item-image{width:5rem;height:5rem;flex-shrink:0;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-radius:.5rem}.UI-ROOT .cart-item-details{flex:1}.UI-ROOT .cart-item-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.UI-ROOT .cart-item-specs{display:flex;gap:1rem;margin-bottom:.75rem}.UI-ROOT .cart-item-spec{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .cart-item-quantity{display:flex;align-items:center;gap:.75rem}.UI-ROOT .cart-qty-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.25rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.UI-ROOT .cart-qty-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.UI-ROOT .cart-qty-btn svg{width:1rem;height:1rem}.UI-ROOT .cart-qty-value{font-weight:600;color:var(--text-primary);min-width:2rem;text-align:center}.UI-ROOT .cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.UI-ROOT .cart-item-price{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.UI-ROOT .cart-remove-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:color .2s}.UI-ROOT .cart-remove-btn:hover{color:var(--error-color)}.UI-ROOT .cart-remove-btn svg{width:1.25rem;height:1.25rem}.UI-ROOT .card-crypto .crypto-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.UI-ROOT .crypto-icon{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.UI-ROOT .crypto-name{font-weight:600;color:var(--text-primary)}.UI-ROOT .crypto-symbol{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.UI-ROOT .crypto-change{margin-left:auto;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.UI-ROOT .crypto-change svg{width:1rem;height:1rem}.UI-ROOT .crypto-change-up{background-color:#22c55e1a;color:var(--success-color)}.UI-ROOT .crypto-price{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.UI-ROOT .crypto-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.UI-ROOT .crypto-stat{display:flex;flex-direction:column;gap:.25rem}.UI-ROOT .crypto-stat-label{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .crypto-stat-value{font-weight:600;color:var(--text-primary)}.UI-ROOT .card-recipe{overflow:hidden}.UI-ROOT .recipe-image{width:100%;height:10rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.UI-ROOT .recipe-meta{display:flex;gap:1rem;margin-bottom:1rem}.UI-ROOT .recipe-meta-item{display:flex;align-items:center;gap:.375rem;color:var(--text-tertiary);font-size:.875rem}.UI-ROOT .recipe-meta-item svg{width:1rem;height:1rem}.UI-ROOT .recipe-rating{display:flex;align-items:center;gap:.5rem}.UI-ROOT .recipe-stars{display:flex;gap:.125rem}.UI-ROOT .recipe-stars svg{width:1rem;height:1rem;color:var(--warning-color)}.UI-ROOT .recipe-rating-text{font-size:.875rem;color:var(--text-secondary)}.UI-ROOT .card-flight .flight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.UI-ROOT .flight-airline{font-weight:600;color:var(--text-primary)}.UI-ROOT .flight-route{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-bottom:1.5rem}.UI-ROOT .flight-location{text-align:center}.UI-ROOT .flight-code{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.UI-ROOT .flight-time{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-top:.25rem}.UI-ROOT .flight-city{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.UI-ROOT .flight-duration{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.875rem}.UI-ROOT .flight-duration svg{width:1.5rem;height:1.5rem;color:var(--accent-primary)}.UI-ROOT .flight-stops{font-size:.75rem}.UI-ROOT .flight-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-primary)}.UI-ROOT .flight-info{display:flex;gap:.5rem;font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .flight-price{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.UI-ROOT .card-achievement{text-align:center}.UI-ROOT .achievement-icon{width:5rem;height:5rem;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center}.UI-ROOT .achievement-icon svg{width:2.5rem;height:2.5rem}.UI-ROOT .achievement-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.UI-ROOT .achievement-description{color:var(--text-secondary);margin-bottom:1rem}.UI-ROOT .achievement-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-primary);font-size:.875rem}.UI-ROOT .achievement-date{color:var(--text-tertiary)}.UI-ROOT .achievement-points{font-weight:600;color:var(--accent-primary)}.UI-ROOT .card-chat .chat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.UI-ROOT .chat-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.UI-ROOT .chat-user-info{flex:1}.UI-ROOT .chat-username{font-weight:600;color:var(--text-primary)}.UI-ROOT .chat-timestamp{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.UI-ROOT .chat-message{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.UI-ROOT .chat-attachments{margin-bottom:1rem}.UI-ROOT .chat-attachment{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--bg-secondary);border-radius:.375rem;color:var(--text-secondary);font-size:.875rem}.UI-ROOT .chat-attachment svg{width:1rem;height:1rem}.UI-ROOT .chat-actions{display:flex;gap:.5rem}.UI-ROOT .chat-action-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.UI-ROOT .chat-action-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.UI-ROOT .chat-action-btn svg{width:1rem;height:1rem}.UI-ROOT .card-email .email-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.UI-ROOT .email-from{display:flex;align-items:center;gap:.75rem}.UI-ROOT .email-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.UI-ROOT .email-sender{font-weight:600;color:var(--text-primary)}.UI-ROOT .email-address{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.UI-ROOT .email-time{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .email-subject{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.UI-ROOT .email-preview{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.UI-ROOT .email-footer{display:flex;justify-content:space-between;align-items:center}.UI-ROOT .email-labels{display:flex;gap:.5rem}.UI-ROOT .email-label{padding:.25rem .5rem;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;border-radius:.25rem}.UI-ROOT .email-attachment-icon{width:1.25rem;height:1.25rem;color:var(--text-tertiary)}.UI-ROOT .card-repo .repo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.UI-ROOT .repo-name{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--accent-primary)}.UI-ROOT .repo-name svg{width:1.25rem;height:1.25rem}.UI-ROOT .repo-visibility{padding:.25rem .5rem;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;border:1px solid var(--border-primary);border-radius:.75rem}.UI-ROOT .repo-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.UI-ROOT .repo-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .repo-meta-item{display:flex;align-items:center;gap:.375rem}.UI-ROOT .repo-meta-item svg{width:1rem;height:1rem}.UI-ROOT .repo-language-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--accent-primary)}.UI-ROOT .card-podcast .card-body{display:flex;gap:1rem}.UI-ROOT .podcast-cover{width:8rem;height:8rem;flex-shrink:0;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-radius:.5rem}.UI-ROOT .podcast-info{flex:1}.UI-ROOT .podcast-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.UI-ROOT .podcast-show{color:var(--text-tertiary);font-size:.875rem;margin-bottom:.5rem}.UI-ROOT .podcast-meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--text-tertiary);margin-bottom:.75rem}.UI-ROOT .podcast-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.UI-ROOT .podcast-controls{display:flex;align-items:center;gap:1rem}.UI-ROOT .podcast-play-btn{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.UI-ROOT .podcast-play-btn:hover{transform:scale(1.05)}.UI-ROOT .podcast-play-btn svg{width:1.25rem;height:1.25rem;margin-left:.125rem}.UI-ROOT .podcast-actions{display:flex;gap:.5rem}.UI-ROOT .podcast-action-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.UI-ROOT .podcast-action-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.UI-ROOT .podcast-action-btn svg{width:1rem;height:1rem}.UI-ROOT .card-course{overflow:hidden}.UI-ROOT .course-thumbnail{width:100%;height:10rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.UI-ROOT .course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.UI-ROOT .course-category{padding:.25rem .5rem;background-color:var(--accent-light);color:var(--accent-primary);font-size:.75rem;font-weight:600;border-radius:.25rem}.UI-ROOT .course-level{padding:.25rem .5rem;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;border-radius:.25rem}.UI-ROOT .course-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.UI-ROOT .course-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.UI-ROOT .course-instructor{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.UI-ROOT .course-instructor-avatar{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.625rem}.UI-ROOT .course-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.UI-ROOT .course-stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .course-stat svg{width:1rem;height:1rem}.UI-ROOT .course-footer{display:flex;justify-content:space-between;align-items:center}.UI-ROOT .course-price{display:flex;align-items:center;gap:.5rem}.UI-ROOT .course-price-old{font-size:.875rem;color:var(--text-tertiary);text-decoration:line-through}.UI-ROOT .course-price-current{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.UI-ROOT .card-certificate{text-align:center}.UI-ROOT .certificate-seal{width:5rem;height:5rem;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center}.UI-ROOT .certificate-seal svg{width:2.5rem;height:2.5rem}.UI-ROOT .certificate-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.UI-ROOT .certificate-course{font-size:1rem;font-weight:600;color:var(--accent-primary);margin-bottom:.75rem}.UI-ROOT .certificate-recipient{color:var(--text-secondary);margin-bottom:1rem}.UI-ROOT .certificate-details{display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.UI-ROOT .certificate-detail{display:flex;flex-direction:column;gap:.25rem}.UI-ROOT .certificate-label{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .certificate-value{font-weight:600;color:var(--text-primary)}.UI-ROOT .card-location{overflow:hidden}.UI-ROOT .location-map{width:100%;height:10rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.UI-ROOT .location-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.UI-ROOT .location-address{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);margin-bottom:1rem}.UI-ROOT .location-address svg{width:1.25rem;height:1.25rem;flex-shrink:0}.UI-ROOT .location-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.UI-ROOT .location-info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.UI-ROOT .location-info-item svg{width:1rem;height:1rem;flex-shrink:0}.UI-ROOT .location-actions{display:flex;gap:.75rem}.UI-ROOT .card-subscription{position:relative;overflow:visible}.UI-ROOT .subscription-badge{position:absolute;top:-.75rem;right:1rem;padding:.25rem .75rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;font-size:.75rem;font-weight:600;border-radius:.75rem;box-shadow:0 2px 8px #00000026}.UI-ROOT .subscription-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.UI-ROOT .subscription-price{display:flex;align-items:baseline;margin-bottom:1rem}.UI-ROOT .subscription-currency{font-size:1.5rem;font-weight:600;color:var(--text-secondary)}.UI-ROOT .subscription-amount{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1}.UI-ROOT .subscription-period{font-size:1rem;color:var(--text-tertiary);margin-left:.25rem}.UI-ROOT .subscription-description{color:var(--text-secondary);margin-bottom:1.5rem}.UI-ROOT .subscription-features{list-style:none;padding:0;margin:0 0 1.5rem}.UI-ROOT .subscription-feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary)}.UI-ROOT .subscription-feature svg{width:1.25rem;height:1.25rem;color:var(--success-color);flex-shrink:0}.UI-ROOT .card-poll .poll-question{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.UI-ROOT .poll-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.UI-ROOT .poll-option{display:flex;flex-direction:column;gap:.5rem}.UI-ROOT .poll-option-content{display:flex;justify-content:space-between;align-items:center}.UI-ROOT .poll-option-text{font-weight:500;color:var(--text-primary)}.UI-ROOT .poll-option-percentage{font-weight:600;color:var(--accent-primary)}.UI-ROOT .poll-option-bar{width:100%;height:.5rem;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.UI-ROOT .poll-option-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-hover) 100%);border-radius:9999px;transition:width .3s ease-out}.UI-ROOT .poll-option-votes{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .poll-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-primary);font-size:.875rem}.UI-ROOT .poll-total{color:var(--text-secondary);font-weight:500}.UI-ROOT .poll-ends{color:var(--text-tertiary)}.UI-ROOT .card-job .job-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.UI-ROOT .job-company-logo{width:3rem;height:3rem;flex-shrink:0;border-radius:.5rem;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.UI-ROOT .job-header-info{flex:1}.UI-ROOT .job-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.UI-ROOT .job-company{color:var(--text-tertiary);font-size:.875rem}.UI-ROOT .job-bookmark-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-tertiary);cursor:pointer;transition:all .2s;flex-shrink:0}.UI-ROOT .job-bookmark-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.UI-ROOT .job-bookmark-btn svg{width:1rem;height:1rem}.UI-ROOT .job-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.UI-ROOT .job-tag{padding:.25rem .75rem;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:500;border-radius:.75rem}.UI-ROOT .job-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.UI-ROOT .job-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.UI-ROOT .job-skill{padding:.25rem .75rem;background-color:var(--accent-light);color:var(--accent-primary);font-size:.75rem;font-weight:500;border-radius:.25rem}.UI-ROOT .job-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:1rem;border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.UI-ROOT .job-location{display:flex;align-items:center;gap:.375rem;color:var(--text-tertiary);font-size:.875rem}.UI-ROOT .job-location svg{width:1rem;height:1rem}.UI-ROOT .job-posted{font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .card-announcement .card-body{display:flex;gap:1rem}.UI-ROOT .announcement-icon{width:3rem;height:3rem;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--warning-color) 0%,#f59e0b 100%);color:#fff;display:flex;align-items:center;justify-content:center}.UI-ROOT .announcement-icon svg{width:1.5rem;height:1.5rem}.UI-ROOT .announcement-content{flex:1}.UI-ROOT .announcement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.UI-ROOT .announcement-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.UI-ROOT .announcement-badge{padding:.25rem .5rem;background-color:#fbbf241a;color:var(--warning-color);font-size:.75rem;font-weight:600;border-radius:.25rem;flex-shrink:0}.UI-ROOT .announcement-message{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.UI-ROOT .announcement-footer{display:flex;justify-content:space-between;align-items:center}.UI-ROOT .announcement-date{display:flex;align-items:center;gap:.375rem;color:var(--text-tertiary);font-size:.875rem}.UI-ROOT .announcement-date svg{width:1rem;height:1rem}.UI-ROOT .announcement-dismiss{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:color .2s}.UI-ROOT .announcement-dismiss:hover{color:var(--error-color)}.UI-ROOT .announcement-dismiss svg{width:1rem;height:1rem}.UI-ROOT .card-gradient-hero{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);border-color:var(--accent-primary);color:#fff;text-align:center}.UI-ROOT .gradient-hero-badge{display:inline-block;padding:.25rem .75rem;background-color:#fff3;color:#fff;font-size:.75rem;font-weight:600;border-radius:.75rem;margin-bottom:1rem}.UI-ROOT .gradient-hero-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.UI-ROOT .gradient-hero-subtitle{font-size:1.125rem;color:#ffffffe6;margin-bottom:2rem}.UI-ROOT .gradient-hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.UI-ROOT .card-gradient-hero .btn-primary{background-color:#fff;color:var(--accent-primary);border-color:#fff}.UI-ROOT .card-gradient-hero .btn-primary:hover{background-color:#ffffffe6}.UI-ROOT .card-gradient-hero .btn-outline{border-color:#fff;color:#fff}.UI-ROOT .card-gradient-hero .btn-outline:hover{background-color:#ffffff1a}.UI-ROOT .gradient-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.UI-ROOT .gradient-hero-stat{display:flex;flex-direction:column;gap:.25rem}.UI-ROOT .gradient-hero-stat-value{font-size:2rem;font-weight:700;color:#fff}.UI-ROOT .gradient-hero-stat-label{font-size:.875rem;color:#fffc}.UI-ROOT .avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);font-weight:600;flex-shrink:0;position:relative}.UI-ROOT .avatar-xs{width:1.5rem;height:1.5rem;font-size:.625rem}.UI-ROOT .avatar-md{width:2.5rem;height:2.5rem;font-size:.875rem}.UI-ROOT .avatar-lg{width:3rem;height:3rem;font-size:1rem}.UI-ROOT .avatar-xl{width:4rem;height:4rem;font-size:1.25rem}.UI-ROOT .avatar-primary{background-color:var(--accent-light);color:var(--accent-primary)}.UI-ROOT .avatar-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.UI-ROOT .avatar-success{background-color:#22c55e1a;color:var(--success-color)}.UI-ROOT .avatar-warning{background-color:#fbbf241a;color:var(--warning-color)}.UI-ROOT .avatar-error{background-color:#ef44441a;color:var(--error-color)}.UI-ROOT .avatar-rounded{border-radius:.5rem}.UI-ROOT .avatar-square{border-radius:.25rem}.UI-ROOT .avatar-status{position:absolute;bottom:0;right:0;width:.75rem;height:.75rem;border-radius:50%;border:2px solid var(--bg-primary)}.UI-ROOT .avatar-status-online{background-color:var(--success-color)}.UI-ROOT .avatar-status-away{background-color:var(--warning-color)}.UI-ROOT .avatar-status-busy{background-color:var(--error-color)}.UI-ROOT .avatar-status-offline{background-color:var(--text-tertiary)}.UI-ROOT .badge-xs{padding:.0625rem .25rem;font-size:.5625rem;line-height:1.2}.UI-ROOT .badge-sm{padding:.1875rem .5rem;font-size:.6875rem}.UI-ROOT .badge-md{padding:.25rem .625rem;font-size:.75rem}.UI-ROOT .badge-lg{padding:.375rem .75rem;font-size:.875rem}.UI-ROOT .badge-outline{background-color:transparent;border:1px solid var(--border-secondary);color:var(--text-secondary)}.UI-ROOT .badge-outline-primary{background-color:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.UI-ROOT .badge-outline-success{background-color:transparent;border:1px solid var(--success-color);color:var(--success-color)}.UI-ROOT .badge-outline-warning{background-color:transparent;border:1px solid var(--warning-color);color:var(--warning-color)}.UI-ROOT .badge-outline-error{background-color:transparent;border:1px solid var(--error-color);color:var(--error-color)}.UI-ROOT .badge-dot{display:inline-flex;align-items:center;gap:.375rem}.UI-ROOT .badge-dot:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor}.UI-ROOT .rating{display:inline-flex;align-items:center;gap:.25rem}.UI-ROOT .rating-sm .rating-star{width:.875rem;height:.875rem}.UI-ROOT .rating-sm .rating-text{font-size:.75rem}.UI-ROOT .rating-lg .rating-star{width:1.5rem;height:1.5rem}.UI-ROOT .rating-lg .rating-text{font-size:1rem}.UI-ROOT .rating-star{width:1.125rem;height:1.125rem;color:var(--border-secondary);flex-shrink:0}.UI-ROOT .rating-star-filled{color:var(--warning-color)}.UI-ROOT .rating-text{margin-left:.375rem;font-size:.875rem;color:var(--text-secondary)}.UI-ROOT .review-summary{padding:1.5rem;background-color:var(--bg-secondary);border-radius:.5rem}.UI-ROOT .review-summary-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.UI-ROOT .review-summary-score{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1}.UI-ROOT .review-summary-count{font-size:.875rem;color:var(--text-tertiary);margin-top:.5rem}.UI-ROOT .review-summary-bars{display:flex;flex-direction:column;gap:.75rem}.UI-ROOT .review-bar{display:grid;grid-template-columns:4rem 1fr 3rem;gap:.75rem;align-items:center}.UI-ROOT .review-bar-label{font-size:.875rem;color:var(--text-secondary)}.UI-ROOT .review-bar-track{height:.5rem;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.UI-ROOT .review-bar-fill{height:100%;background:linear-gradient(90deg,var(--warning-color) 0%,#f59e0b 100%);border-radius:9999px;transition:width .3s ease-out}.UI-ROOT .review-bar-count{font-size:.875rem;color:var(--text-tertiary);text-align:right}.UI-ROOT .comment-list{display:flex;flex-direction:column;gap:1.5rem}.UI-ROOT .comment{display:flex;gap:.75rem}.UI-ROOT .comment-reply{margin-left:3rem}.UI-ROOT .comment-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.UI-ROOT .comment-content{flex:1}.UI-ROOT .comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.UI-ROOT .comment-author{font-weight:600;color:var(--text-primary)}.UI-ROOT .comment-time{font-size:.75rem;color:var(--text-tertiary)}.UI-ROOT .comment-text{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.UI-ROOT .comment-actions{display:flex;gap:1rem}.UI-ROOT .comment-action-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--text-tertiary);font-size:.875rem;cursor:pointer;transition:color .2s;padding:0}.UI-ROOT .review-action-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--text-tertiary);font-size:.875rem;cursor:pointer;transition:color .2s;padding:0}.UI-ROOT .review-action-btn:hover{color:var(--accent-primary)}.UI-ROOT .review-action-btn svg{width:1rem;height:1rem}.UI-ROOT .comment-action-btn:hover{color:var(--accent-primary)}.UI-ROOT .comment-action-btn svg{width:1rem;height:1rem}.UI-ROOT .action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.UI-ROOT .action-btn:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.UI-ROOT .action-btn svg{width:1.125rem;height:1.125rem}.UI-ROOT .action-btn-active{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.UI-ROOT .action-btn-active:hover{background-color:var(--accent-light);border-color:var(--accent-hover);color:var(--accent-hover)}.UI-ROOT .action-btn-favorite.action-btn-active{background-color:#ef44441a;border-color:var(--error-color);color:var(--error-color)}.UI-ROOT .action-btn-favorite.action-btn-active:hover{background-color:#ef444426}.UI-ROOT .divider{border:none;border-top:1px solid var(--border-primary);margin:0}.UI-ROOT .divider-dashed{border-top-style:dashed}.UI-ROOT .divider-dotted{border-top-style:dotted}.UI-ROOT .divider-sm{margin:.5rem 0}.UI-ROOT .divider-md{margin:1rem 0}.UI-ROOT .divider-lg{margin:1.5rem 0}.UI-ROOT .divider-text{display:flex;align-items:center;text-align:center;color:var(--text-tertiary);font-size:.875rem}.UI-ROOT .divider-text:before,.UI-ROOT .divider-text:after{content:"";flex:1;border-top:1px solid var(--border-primary)}.UI-ROOT .divider-text span{padding:0 1rem}.UI-ROOT .divider-text-left{text-align:left}.UI-ROOT .divider-text-left:before{content:none}.UI-ROOT .divider-vertical{width:1px;height:100%;background-color:var(--border-primary)}.UI-ROOT .timeline{display:flex;flex-direction:column;gap:0;position:relative}.UI-ROOT .timeline-item{display:flex;gap:1rem;position:relative;padding-bottom:2rem}.UI-ROOT .timeline-item:last-child{padding-bottom:0}.UI-ROOT .timeline-item:before{content:"";position:absolute;left:.75rem;top:2rem;bottom:0;width:2px;background-color:var(--border-primary)}.UI-ROOT .timeline-item:last-child:before{display:none}.UI-ROOT .timeline-marker{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--bg-tertiary);border:3px solid var(--border-primary);flex-shrink:0;position:relative;z-index:1}.UI-ROOT .timeline-marker-icon{display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-color:var(--success-color)}.UI-ROOT .timeline-marker-icon svg{width:.75rem;height:.75rem;color:var(--success-color)}.UI-ROOT .timeline-item-active .timeline-marker,.UI-ROOT .timeline-item-active .timeline-marker-icon{background-color:var(--accent-primary);border-color:var(--accent-primary)}.UI-ROOT .timeline-item-active .timeline-marker-icon svg{color:#fff}.UI-ROOT .timeline-item-pending .timeline-marker{background-color:var(--bg-primary);border-color:var(--border-secondary)}.UI-ROOT .timeline-item-pending .timeline-marker-icon{border-color:var(--text-tertiary)}.UI-ROOT .timeline-item-pending .timeline-marker-icon svg{color:var(--text-tertiary)}.UI-ROOT .timeline-content{flex:1}.UI-ROOT .timeline-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.25rem}.UI-ROOT .timeline-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.UI-ROOT .timeline-time{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}.UI-ROOT .timeline-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.UI-ROOT .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.UI-ROOT .gallery-item{position:relative;overflow:hidden;border-radius:.5rem;cursor:pointer;transition:transform .2s}.UI-ROOT .gallery-item:hover{transform:scale(1.02)}.UI-ROOT .gallery-image{width:100%;height:150px;background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg-tertiary) 100%);transition:opacity .2s}.UI-ROOT .gallery-item:hover .gallery-image{opacity:.9}.UI-ROOT .gallery-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;gap:.75rem}.UI-ROOT .gallery-item-tall{grid-row:span 2}.UI-ROOT .gallery-item-wide{grid-column:span 2}.UI-ROOT .gallery-masonry .gallery-image{height:100%}.UI-ROOT .topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem}.UI-ROOT .topbar-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative;flex-shrink:0}.UI-ROOT .topbar-btn svg{width:1.25rem;height:1.25rem}.UI-ROOT .topbar-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.UI-ROOT .topbar-btn-primary{background-color:var(--accent-primary);color:#fff;gap:.5rem;width:auto;padding:0 1rem}.UI-ROOT .topbar-btn-primary:hover{background-color:var(--accent-hover);color:#fff}.UI-ROOT .topbar-btn-primary span{font-size:.875rem;font-weight:500}.UI-ROOT .topbar-badge{position:absolute;top:.25rem;right:.25rem;min-width:1.125rem;height:1.125rem;background-color:var(--error-color);color:#fff;font-size:.625rem;font-weight:600;border-radius:.5rem;display:flex;align-items:center;justify-content:center;padding:0 .25rem}.UI-ROOT .topbar-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.UI-ROOT .topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.UI-ROOT .topbar-search{flex:1;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:var(--bg-secondary);border-radius:.5rem}.UI-ROOT .topbar-search svg{width:1.25rem;height:1.25rem;color:var(--text-tertiary);flex-shrink:0}.UI-ROOT .topbar-search input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.UI-ROOT .topbar-search input::placeholder{color:var(--text-tertiary)}.UI-ROOT .topbar-brand{display:flex;align-items:center;gap:.75rem}.UI-ROOT .topbar-logo{width:2.5rem;height:2.5rem;background-color:var(--accent-primary);color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.UI-ROOT .topbar-brand-name{font-weight:600;color:var(--text-primary);font-size:1.125rem}.UI-ROOT .topbar-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;cursor:pointer;transition:transform .2s}.UI-ROOT .topbar-avatar:hover{transform:scale(1.05)}.UI-ROOT .topbar-tabs{display:flex;gap:.25rem;flex:1}.UI-ROOT .topbar-tab{padding:.5rem 1rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.375rem;transition:all .2s}.UI-ROOT .topbar-tab:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.UI-ROOT .topbar-tab.active{background-color:var(--accent-light);color:var(--accent-primary)}.UI-ROOT .table-container{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;overflow:hidden}.UI-ROOT .table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary)}.UI-ROOT .table-search{flex:1;max-width:24rem;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:var(--bg-secondary);border-radius:.5rem}.UI-ROOT .table-search svg{width:1.25rem;height:1.25rem;color:var(--text-tertiary);flex-shrink:0}.UI-ROOT .table-search input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.UI-ROOT .table-search input::placeholder{color:var(--text-tertiary)}.UI-ROOT .table-actions{display:flex;gap:.5rem}.UI-ROOT .table-wrapper{overflow-x:auto}.UI-ROOT .table{width:100%;border-collapse:collapse}.UI-ROOT .table thead{background-color:var(--bg-secondary)}.UI-ROOT .table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.UI-ROOT .table td{padding:1rem 1.5rem;border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:.875rem}.UI-ROOT .table tbody tr{transition:background-color .2s}.UI-ROOT .table:not(.table-outlined) tbody tr:hover{background-color:var(--bg-tertiary)}.UI-ROOT .table-compact th{padding:.75rem 1rem;font-size:.7rem}.UI-ROOT .table-compact td{padding:.625rem 1rem;font-size:.813rem}.UI-ROOT .table-xs th{padding:.5rem .75rem;font-size:.65rem}.UI-ROOT .table-xs td{padding:.5rem .75rem;font-size:.75rem}.UI-ROOT .table-borderless td{border-top:none}.UI-ROOT .table-striped tbody tr:nth-child(2n){background-color:var(--bg-secondary)}.UI-ROOT .table-checkbox{width:1rem;height:1rem;cursor:pointer}.UI-ROOT .table-user{display:flex;align-items:center;gap:.75rem}.UI-ROOT .table-avatar{width:2rem;height:2rem;border-radius:50%;background-color:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.UI-ROOT .table-tag{display:inline-block;padding:.25rem .75rem;background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:.25rem;font-size:.75rem;font-weight:500}.UI-ROOT .table-actions-btns{display:flex;gap:.5rem}.UI-ROOT .table-action-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:.375rem;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.UI-ROOT .table-action-btn svg{width:1.125rem;height:1.125rem}.UI-ROOT .table-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.UI-ROOT .table-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border-primary)}.UI-ROOT .table-info{font-size:.875rem;color:var(--text-tertiary)}.UI-ROOT .table-pagination{display:flex;gap:.25rem}.UI-ROOT .avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(to bottom right,var(--accent-primary),var(--accent-hover));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.UI-ROOT .avatar-sm{width:2rem;height:2rem;font-size:.75rem}.UI-ROOT .form-group{margin-bottom:1rem}.UI-ROOT .form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.UI-ROOT .form-input,.UI-ROOT .form-select,.UI-ROOT .form-textarea{width:100%;padding:.5rem 1rem;border-radius:.5rem;background-color:var(--bg-primary);border:1px solid var(--border-secondary);color:var(--text-primary);transition:all .2s;font-size:.875rem}.UI-ROOT .form-input::placeholder,.UI-ROOT .form-textarea::placeholder{color:var(--text-tertiary)}.UI-ROOT .form-input:focus,.UI-ROOT .form-select:focus,.UI-ROOT .form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.UI-ROOT .form-input:disabled,.UI-ROOT .form-select:disabled,.UI-ROOT .form-textarea:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.UI-ROOT .form-input-error{border-color:var(--error)}.UI-ROOT .form-input-error:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--error-light)}.UI-ROOT .form-error{font-size:.875rem;color:var(--error);margin-top:.25rem}.UI-ROOT .form-textarea{resize:none}.UI-ROOT .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.UI-ROOT .form-checkbox,.UI-ROOT .form-radio{width:1rem;height:1rem;cursor:pointer;accent-color:var(--accent-primary)}.UI-ROOT .toggle{position:relative;display:inline-block;width:3rem;min-width:3rem;height:1.5rem;cursor:pointer;flex-shrink:0}.UI-ROOT .toggle input{opacity:0;width:0;height:0}.UI-ROOT .toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--border-secondary);border-radius:9999px;transition:all .3s}.UI-ROOT .toggle-slider:before{content:"";position:absolute;height:1.25rem;width:1.25rem;left:.125rem;top:.125rem;background-color:#fff;border-radius:50%;transition:all .3s}.UI-ROOT .toggle input:checked+.toggle-slider{background-color:var(--accent-primary)}.UI-ROOT .toggle input:checked+.toggle-slider:before{transform:translate(1.5rem)}.UI-ROOT .dropdown{position:relative;display:inline-flex;align-items:center}.UI-ROOT .dropdown-toggle{display:flex;align-items:center}.UI-ROOT .dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:200px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:var(--shadow-lg);padding:.5rem 0;opacity:0;visibility:hidden;transform:scale(.95);transition:all .2s ease-out;z-index:50}.UI-ROOT .dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:scale(1)}.UI-ROOT .dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:background-color .15s}.UI-ROOT .dropdown-item:hover{background-color:var(--bg-secondary)}.UI-ROOT .dropdown-divider{margin:.25rem 0;border-top:1px solid var(--border-primary)}.UI-ROOT .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s}.UI-ROOT .modal.active{opacity:1;visibility:visible}.UI-ROOT .modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.UI-ROOT .dark .modal-overlay{background-color:#000000b3}.UI-ROOT .modal-content{position:relative;background-color:var(--bg-primary);border-radius:.5rem;box-shadow:var(--shadow-xl);max-width:28rem;width:100%;margin:0 1rem;transform:scale(.95);transition:transform .3s;max-height:calc(100vh - 4rem);display:flex;flex-direction:column}.UI-ROOT .modal.active .modal-content{transform:scale(1)}.UI-ROOT .modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.UI-ROOT .modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.UI-ROOT .modal-close{color:var(--text-tertiary);font-size:1.875rem;font-weight:300;line-height:1;cursor:pointer;background:transparent;border:0;padding:0;transition:color .2s}.UI-ROOT .modal-close:hover{color:var(--text-secondary)}.UI-ROOT .modal-body{padding:1rem 0;overflow-y:auto;flex:1 1 auto}.UI-ROOT .modal-body>*{padding-left:1.5rem;padding-right:1.5rem}.UI-ROOT .modal-content.modal-no-padding .modal-body{padding:0!important}.UI-ROOT .modal-content.modal-no-padding .modal-body>*{padding-left:0!important;padding-right:0!important}.UI-ROOT .modal-footer{padding:1rem 1.5rem;background-color:transparent;border-top:none;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-shrink:0}.UI-ROOT .alert{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-radius:.5rem;border:1px solid;position:relative;min-height:3.5rem}.UI-ROOT .alert-title{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.UI-ROOT .alert-message{font-size:.875rem}.UI-ROOT .alert-close{margin-left:auto;font-size:1.5rem;font-weight:300;line-height:1;opacity:.6;cursor:pointer;background:transparent;border:0;padding:0;transition:opacity .2s;color:inherit}.UI-ROOT .alert-close:hover{opacity:1}.UI-ROOT .alert-info{background-color:var(--info-light);border-color:var(--info);color:var(--info)}.UI-ROOT .alert-success{background-color:var(--success-light);border-color:var(--success);color:var(--success)}.UI-ROOT .alert-warning{background-color:var(--warning-light);border-color:var(--warning);color:var(--warning)}.UI-ROOT .alert-error{background-color:var(--error-light);border-color:var(--error);color:var(--error)}.UI-ROOT .alert-neutral{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.UI-ROOT .alert-secondary{background-color:var(--secondary-light);border-color:var(--secondary);color:var(--secondary)}.UI-ROOT .badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid}.UI-ROOT .badge-sm{padding:.125rem .5rem;font-size:.625rem}.UI-ROOT .badge-lg{padding:.25rem .75rem;font-size:.875rem}.UI-ROOT .badge-primary{background-color:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.UI-ROOT .badge-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.UI-ROOT .badge-success{background-color:var(--success-light);color:var(--success);border-color:var(--success)}.UI-ROOT .badge-warning{background-color:var(--warning-light);color:var(--warning);border-color:var(--warning)}.UI-ROOT .badge-error{background-color:var(--error-light);color:var(--error);border-color:var(--error)}.UI-ROOT .badge-info{background-color:var(--info-light);color:var(--info);border-color:var(--info)}.UI-ROOT .badge-outline-primary{background-color:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.UI-ROOT .badge-outline-secondary{background-color:transparent;color:var(--text-secondary);border:2px solid var(--border-secondary)}.UI-ROOT .badge-outline-success{background-color:transparent;color:var(--success);border:2px solid var(--success)}.UI-ROOT .badge-outline-warning{background-color:transparent;color:var(--warning);border:2px solid var(--warning)}.UI-ROOT .badge-outline-error{background-color:transparent;color:var(--error);border:2px solid var(--error)}.UI-ROOT .form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.UI-ROOT .form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.UI-ROOT .form-grid-2,.UI-ROOT .form-grid-3{grid-template-columns:1fr}}.UI-ROOT .form-col-span-2{grid-column:span 2}.UI-ROOT .form-col-span-3{grid-column:span 3}.UI-ROOT .nav-menu{display:flex;gap:.25rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.5rem}.UI-ROOT .nav-menu-item{position:relative;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:.375rem;transition:all .2s;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem;background:transparent;border:none}.UI-ROOT .nav-menu-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.UI-ROOT .nav-menu-item.active{background-color:var(--accent-light);color:var(--accent-primary)}.UI-ROOT .nav-submenu{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:200px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:var(--shadow-lg);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:100}.UI-ROOT .nav-menu-item:hover .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.UI-ROOT .nav-submenu-item{display:block;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:.375rem;transition:all .2s;font-size:.875rem;background:transparent;border:none;width:100%;text-align:left}.UI-ROOT .nav-submenu-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.UI-ROOT .nav-chevron{width:.875rem;height:.875rem;margin-left:.25rem}.UI-ROOT .nav-submenu-divider{height:1px;background-color:var(--border-primary);margin:.25rem 0}.UI-ROOT .sidebar-menu{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.5rem}.UI-ROOT .sidebar-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:.375rem;transition:all .2s;font-size:.875rem;font-weight:500;cursor:pointer}.UI-ROOT .sidebar-menu-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.UI-ROOT .sidebar-menu-item.active{background-color:var(--accent-light);color:var(--accent-primary)}.UI-ROOT .sidebar-menu-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.UI-ROOT .sidebar-chevron{width:1rem;height:1rem;margin-left:auto;flex-shrink:0;transition:transform .2s}.UI-ROOT .sidebar-menu-item.active .sidebar-chevron{transform:rotate(180deg)}.UI-ROOT .sidebar-badge{margin-left:auto;padding:.125rem .5rem;background-color:var(--accent-primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:.75rem}.UI-ROOT .sidebar-divider{height:1px;background-color:var(--border-primary);margin:.5rem 0}.UI-ROOT .sidebar-menu-group{margin-bottom:1rem}.UI-ROOT .sidebar-menu-label{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.UI-ROOT .sidebar-submenu{padding-left:1rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.25rem}.UI-ROOT .sidebar-submenu .sidebar-menu-item{padding:.5rem 1rem;font-size:.813rem}.UI-ROOT .accordion{border:1px solid var(--border-primary);border-radius:.5rem;overflow:hidden}.UI-ROOT .accordion-item{border-bottom:1px solid var(--border-primary)}.UI-ROOT .accordion-item:last-child{border-bottom:none}.UI-ROOT .accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--bg-primary);color:var(--text-primary);font-weight:600;font-size:.938rem;text-align:left;cursor:pointer;transition:all .2s;border:none}.UI-ROOT .accordion-header:hover{background-color:var(--bg-secondary)}.UI-ROOT .accordion-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.UI-ROOT .accordion-item.active .accordion-icon{transform:rotate(180deg)}.UI-ROOT .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:var(--bg-secondary)}.UI-ROOT .accordion-item.active .accordion-content{max-height:500px}.UI-ROOT .accordion-body{padding:1rem 1.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.UI-ROOT .tree-view{font-size:.875rem;color:var(--text-primary)}.UI-ROOT .tree-node{position:relative}.UI-ROOT .tree-node-content{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.UI-ROOT .tree-node-content:hover{background-color:var(--bg-secondary)}.UI-ROOT .tree-node-content.active{background-color:var(--accent-light);color:var(--accent-primary)}.UI-ROOT .tree-node-toggle{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;transition:transform .2s;cursor:pointer}.UI-ROOT .tree-node-toggle.expanded{transform:rotate(90deg)}.UI-ROOT .tree-node-toggle svg{width:.75rem;height:.75rem}.UI-ROOT .tree-node-icon{display:flex;align-items:center;flex-shrink:0}.UI-ROOT .tree-node-icon svg{width:1rem;height:1rem}.UI-ROOT .tree-node-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.UI-ROOT .tree-node-children{padding-left:1.25rem;margin-top:.125rem}.UI-ROOT .tree-context-menu{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:var(--shadow-lg);padding:.5rem;min-width:160px}.UI-ROOT .tree-context-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;text-align:left;background:transparent;border:none;border-radius:.375rem;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background-color .2s}.UI-ROOT .tree-context-menu-item:hover{background-color:var(--bg-secondary)}.UI-ROOT .tree-context-menu-icon{display:flex;align-items:center;flex-shrink:0}.UI-ROOT .tree-context-menu-icon svg{width:1rem;height:1rem}.UI-ROOT .tree-context-menu-divider{height:1px;background-color:var(--border-primary);margin:.25rem 0}.UI-ROOT .breadcrumbs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.UI-ROOT .breadcrumb-item{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.UI-ROOT .breadcrumb-item:not(.active):hover{color:var(--accent-primary)}.UI-ROOT .breadcrumb-item.active{color:var(--text-primary);font-weight:500;cursor:default}.UI-ROOT .breadcrumb-separator{color:var(--text-tertiary);font-size:.875rem;-webkit-user-select:none;user-select:none}.UI-ROOT .pagination{display:flex;gap:.25rem;align-items:center}.UI-ROOT .pagination-item,.UI-ROOT .pagination-btn{min-width:2rem;height:2rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent;background:none}.UI-ROOT .pagination-item:hover,.UI-ROOT .pagination-btn:hover{background-color:var(--bg-secondary);border-color:var(--border-primary)}.UI-ROOT .pagination-item.active,.UI-ROOT .pagination-btn.active{background-color:var(--accent-primary);color:#fff}.UI-ROOT .pagination-item:disabled,.UI-ROOT .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.UI-ROOT .progress,.UI-ROOT .progress-bar{width:100%;height:.5rem;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.UI-ROOT .progress-fill{height:100%;background-color:var(--accent-primary);transition:width .3s ease-out;border-radius:9999px}.UI-ROOT .progress-fill.progress-primary{background-color:var(--accent-primary)}.UI-ROOT .progress-fill.progress-secondary{background-color:var(--text-tertiary)}.UI-ROOT .progress-fill.progress-success{background-color:var(--success)}.UI-ROOT .progress-fill.progress-warning{background-color:var(--warning)}.UI-ROOT .progress-fill.progress-error{background-color:var(--error)}.UI-ROOT .progress-fill.progress-info{background-color:var(--info)}.UI-ROOT .progress-lg{height:1rem}.UI-ROOT .progress-sm{height:.25rem}.UI-ROOT .tabs{border-bottom:1px solid var(--border-primary)}.UI-ROOT .tab-list{display:flex;gap:.5rem;margin:0;padding:0;list-style:none}.UI-ROOT .tab-item{padding:.75rem 1.5rem;color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none}.UI-ROOT .tab-item:hover{color:var(--text-primary);border-bottom-color:var(--border-secondary)}.UI-ROOT .tab-item.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.UI-ROOT .tab-content{display:none;padding:1rem 0}.UI-ROOT .tab-content.active{display:block}.UI-ROOT .tooltip-wrapper{position:relative;display:inline-block}.UI-ROOT .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem .75rem;background-color:var(--text-primary);color:var(--bg-primary);font-size:.75rem;border-radius:.375rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;z-index:1000}.UI-ROOT .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text-primary)}.UI-ROOT .tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.UI-ROOT .wizard{width:100%}.UI-ROOT .wizard-steps{display:flex;align-items:center;margin-bottom:2rem;position:relative}.UI-ROOT .wizard-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.UI-ROOT .wizard-step-number{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-tertiary);font-weight:600;font-size:1rem;transition:all .3s;margin-bottom:.5rem}.UI-ROOT .wizard-step-label{font-size:.875rem;color:var(--text-tertiary);text-align:center;transition:all .3s}.UI-ROOT .wizard-step.active .wizard-step-number{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.UI-ROOT .wizard-step.active .wizard-step-label{color:var(--text-primary);font-weight:600}.UI-ROOT .wizard-step.completed .wizard-step-number{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.UI-ROOT .wizard-step.completed .wizard-step-label{color:var(--text-secondary)}.UI-ROOT .wizard-step-connector{position:absolute;top:1.25rem;left:50%;right:-50%;height:2px;background-color:var(--border-primary);z-index:-1;transition:all .3s}.UI-ROOT .wizard-step.completed .wizard-step-connector{background-color:var(--success-color)}.UI-ROOT .wizard-step:last-child .wizard-step-connector{display:none}.UI-ROOT .wizard-content{padding:1.5rem;background-color:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-primary);min-height:200px}.UI-ROOT .wizard-actions{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}