@keyframes fadeIn-783fcaee{0%{opacity:0}to{opacity:1}}@keyframes slideUp-783fcaee{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-783fcaee{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-783fcaee{0%,to{opacity:1}50%{opacity:.5}}.toast-container[data-v-783fcaee]{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:24rem;width:calc(100% - 3rem)}.toast[data-v-783fcaee]{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:.75rem;background:var(--color-surface-1);border:1px solid var(--color-border);box-shadow:0 8px 25px #0006;cursor:pointer;pointer-events:all}.toast--success[data-v-783fcaee]{border-color:var(--color-success-500)}.toast--success .toast__icon[data-v-783fcaee]{color:var(--color-success-500)}.toast--error[data-v-783fcaee]{border-color:var(--color-error-500)}.toast--error .toast__icon[data-v-783fcaee]{color:var(--color-error-500)}.toast--warning[data-v-783fcaee]{border-color:var(--color-warning-500)}.toast--warning .toast__icon[data-v-783fcaee]{color:var(--color-warning-500)}.toast--info[data-v-783fcaee]{border-color:var(--color-primary-500)}.toast--info .toast__icon[data-v-783fcaee]{color:var(--color-primary-500)}.toast__icon[data-v-783fcaee]{flex-shrink:0;width:1.25rem;height:1.25rem}.toast__icon svg[data-v-783fcaee]{width:100%;height:100%}.toast__message[data-v-783fcaee]{flex:1;font-size:.875rem;line-height:1.4;color:var(--color-text-primary)}.toast__close[data-v-783fcaee]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:0}.toast__close[data-v-783fcaee]:hover{color:var(--color-text-secondary)}.toast__close svg[data-v-783fcaee]{width:100%;height:100%}.toast-enter-active[data-v-783fcaee]{transition:all .3s ease}.toast-leave-active[data-v-783fcaee]{transition:all .25s ease}.toast-enter-from[data-v-783fcaee],.toast-leave-to[data-v-783fcaee]{opacity:0;transform:translate(100%)}.toast-move[data-v-783fcaee]{transition:transform .3s ease}@keyframes fadeIn-4ff93e86{0%{opacity:0}to{opacity:1}}@keyframes slideUp-4ff93e86{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-4ff93e86{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-4ff93e86{0%,to{opacity:1}50%{opacity:.5}}.error-boundary[data-v-4ff93e86]{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-6)}.error-boundary__content[data-v-4ff93e86]{text-align:center;max-width:480px}.error-boundary__icon[data-v-4ff93e86]{font-size:3rem;margin-bottom:var(--space-4)}.error-boundary__title[data-v-4ff93e86]{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.error-boundary__message[data-v-4ff93e86]{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.error-boundary__actions[data-v-4ff93e86]{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}.error-boundary__details[data-v-4ff93e86]{text-align:left;margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-2);border-radius:var(--rounded-lg);font-size:var(--text-sm)}.error-boundary__details summary[data-v-4ff93e86]{cursor:pointer;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.error-boundary__details summary[data-v-4ff93e86]:hover{color:var(--color-text-secondary)}.error-boundary__details pre[data-v-4ff93e86]{margin:0;padding:var(--space-3);background:var(--color-surface-3);border-radius:var(--rounded);overflow-x:auto;font-size:var(--text-xs);color:var(--color-danger-400)}@keyframes fadeIn-68e48a90{0%{opacity:0}to{opacity:1}}@keyframes slideUp-68e48a90{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-68e48a90{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-68e48a90{0%,to{opacity:1}50%{opacity:.5}}.user-avatar[data-v-68e48a90]{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0;overflow:hidden;color:#fff;font-weight:700;letter-spacing:.02em;background:#2563eb}.user-avatar--sm[data-v-68e48a90]{width:1.75rem;height:1.75rem;font-size:.75rem}.user-avatar--md[data-v-68e48a90]{width:2rem;height:2rem;font-size:.75rem}.user-avatar--lg[data-v-68e48a90]{width:2.5rem;height:2.5rem;font-size:.875rem}.user-avatar__img[data-v-68e48a90]{width:100%;height:100%;object-fit:cover}@keyframes fadeIn-fced49dd{0%{opacity:0}to{opacity:1}}@keyframes slideUp-fced49dd{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-fced49dd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-fced49dd{0%,to{opacity:1}50%{opacity:.5}}.skip-link[data-v-fced49dd]{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:10001;padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--rounded-lg);font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link[data-v-fced49dd]:focus{top:var(--space-2);outline:2px solid var(--color-primary);outline-offset:2px}.header__menu-toggle[data-v-fced49dd]{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;transition:background-color .2s ease}.header__menu-toggle[data-v-fced49dd]:hover{background-color:var(--color-bg-secondary)}.header__menu-toggle svg[data-v-fced49dd]{width:1.5rem;height:1.5rem}@media(max-width:1023px){.header__menu-toggle[data-v-fced49dd]{display:flex}}.sidebar-overlay[data-v-fced49dd]{display:none}@media(max-width:1023px){.sidebar-overlay[data-v-fced49dd]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.overlay-enter-active[data-v-fced49dd],.overlay-leave-active[data-v-fced49dd]{transition:opacity .2s ease}.overlay-enter-from[data-v-fced49dd],.overlay-leave-to[data-v-fced49dd]{opacity:0}.fade-enter-active[data-v-fced49dd],.fade-leave-active[data-v-fced49dd]{transition:opacity .2s ease}.fade-enter-from[data-v-fced49dd],.fade-leave-to[data-v-fced49dd]{opacity:0}.dropdown-enter-active[data-v-fced49dd],.dropdown-leave-active[data-v-fced49dd]{transition:opacity .15s ease,transform .15s ease}.dropdown-enter-from[data-v-fced49dd],.dropdown-leave-to[data-v-fced49dd]{opacity:0;transform:translateY(-.5rem)}@keyframes fadeIn-7d72d538{0%{opacity:0}to{opacity:1}}@keyframes slideUp-7d72d538{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-7d72d538{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-7d72d538{0%,to{opacity:1}50%{opacity:.5}}.skip-link[data-v-7d72d538]{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:10001;padding:var(--space-3) var(--space-6);background:var(--color-warning);color:var(--color-gray-900);border-radius:var(--rounded-lg);font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link[data-v-7d72d538]:focus{top:var(--space-2);outline:2px solid var(--color-warning);outline-offset:2px}.header__menu-toggle[data-v-7d72d538]{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;transition:background-color .2s ease}.header__menu-toggle[data-v-7d72d538]:hover{background-color:var(--color-bg-secondary)}.header__menu-toggle svg[data-v-7d72d538]{width:1.5rem;height:1.5rem}@media(max-width:1023px){.header__menu-toggle[data-v-7d72d538]{display:flex}}.sidebar-overlay[data-v-7d72d538]{display:none}@media(max-width:1023px){.sidebar-overlay[data-v-7d72d538]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.overlay-enter-active[data-v-7d72d538],.overlay-leave-active[data-v-7d72d538]{transition:opacity .2s ease}.overlay-enter-from[data-v-7d72d538],.overlay-leave-to[data-v-7d72d538]{opacity:0}.header__back-btn[data-v-7d72d538]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;color:var(--color-gray-400);font-size:.875rem;transition:all .2s ease}.header__back-btn svg[data-v-7d72d538]{width:1rem;height:1rem}.header__back-btn[data-v-7d72d538]:hover{background:var(--color-gray-700);color:var(--color-white)}.header__badge[data-v-7d72d538]{padding:.125rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-warning);color:var(--color-gray-900);border-radius:9999px}.header__user-avatar--admin[data-v-7d72d538]{background:linear-gradient(135deg,var(--color-warning),#f59e0b)}.fade-enter-active[data-v-7d72d538],.fade-leave-active[data-v-7d72d538]{transition:opacity .2s ease}.fade-enter-from[data-v-7d72d538],.fade-leave-to[data-v-7d72d538]{opacity:0}.dropdown-enter-active[data-v-7d72d538],.dropdown-leave-active[data-v-7d72d538]{transition:opacity .15s ease,transform .15s ease}.dropdown-enter-from[data-v-7d72d538],.dropdown-leave-to[data-v-7d72d538]{opacity:0;transform:translateY(-.5rem)}@keyframes fadeIn-544affa2{0%{opacity:0}to{opacity:1}}@keyframes slideUp-544affa2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-544affa2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-544affa2{0%,to{opacity:1}50%{opacity:.5}}.session-modal-backdrop[data-v-544affa2]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.session-modal[data-v-544affa2]{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--rounded-2xl);padding:var(--space-8);max-width:400px;width:calc(100% - var(--space-8));text-align:center;box-shadow:0 25px 50px -12px #00000080}.session-modal__icon[data-v-544affa2]{font-size:3.5rem;margin-bottom:var(--space-4);line-height:1}.session-modal__title[data-v-544affa2]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.session-modal__description[data-v-544affa2]{color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.5}.modal-enter-active[data-v-544affa2],.modal-leave-active[data-v-544affa2]{transition:opacity .2s ease}.modal-enter-active .session-modal[data-v-544affa2],.modal-leave-active .session-modal[data-v-544affa2]{transition:transform .2s ease,opacity .2s ease}.modal-enter-from[data-v-544affa2],.modal-leave-to[data-v-544affa2]{opacity:0}.modal-enter-from .session-modal[data-v-544affa2],.modal-leave-to .session-modal[data-v-544affa2]{transform:scale(.95);opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--color-primary: #2563eb;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-secondary: #14b8a6;--color-secondary-100: #ccfbf1;--color-secondary-400: #2dd4bf;--color-success: #22c55e;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-warning: #f59e0b;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-error: #ef4444;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-info: #3b82f6;--color-info-100: #dbeafe;--color-info-400: #60a5fa;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--color-surface-1: #ffffff;--color-surface-2: #f3f4f6;--color-surface-3: #e5e7eb;--color-border: #e5e7eb;--color-text: #111827;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-bg-secondary: #f9fafb;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--rounded-none: 0;--rounded-sm: .125rem;--rounded: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-2xl: 1rem;--rounded-3xl: 1.5rem;--rounded-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:#111827;background-color:#f9fafb}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:#111827}h1{font-size:2.25rem;font-weight:700;line-height:1.25;letter-spacing:-.025em}h2{font-size:1.875rem;font-weight:700;line-height:1.25;letter-spacing:-.025em}h3{font-size:1.5rem;font-weight:600;line-height:1.375}h4{font-size:1.25rem;font-weight:600;line-height:1.375}p{text-wrap:pretty;margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:#2563eb;text-decoration:none;transition:color .15s ease}a:hover{color:#1d4ed8;text-decoration:underline}a:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}strong,b{font-weight:600}small{font-size:.875rem}code{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-size:.875rem;padding:.125em .375em;background:#f3f4f6;border-radius:.25rem;color:#dc2626}pre{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-size:.875rem;padding:1rem;background:#1e1e1e;color:#d4d4d4;border-radius:.5rem;overflow-x:auto}pre code{padding:0;background:none;color:inherit}ul,ol{padding-left:1.5rem;margin-bottom:1rem}ul li,ol li{margin-bottom:.25rem}ul:last-child,ol:last-child{margin-bottom:0}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical}fieldset{border:none;padding:0}table{border-collapse:collapse;width:100%}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}[disabled]{cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.skip-to-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content:focus{position:fixed;top:1rem;left:1rem;z-index:700;width:auto;height:auto;padding:.75rem 1rem;margin:0;overflow:visible;clip:auto;white-space:normal;background:#3b82f6;color:#fff;border-radius:.5rem;font-weight:500}::selection{background:#3b82f633;color:#111827}body{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.m-0{margin:0}.m-auto{margin:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#111827}.text-secondary{color:#4b5563}.text-tertiary{color:#6b7280}.text-success{color:#16a34a}.text-warning{color:#d97706}.text-error{color:#dc2626}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-primary{background-color:#fff}.bg-secondary{background-color:#f9fafb}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border:1px solid #e5e7eb}.border-0{border:none}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visible{visibility:visible}.invisible{visibility:hidden}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.transition{transition:all .2s ease}.transition-fast{transition:all .15s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.375;border-radius:.5rem;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--sm{padding:.25rem .75rem;font-size:.75rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--primary{background:#2563eb;color:#fff;box-shadow:0 1px 2px #1e3a8a33}.btn--primary:hover:not(:disabled){color:#fff;background:#1d4ed8;box-shadow:0 4px 8px #1e3a8a40}.btn--primary:active:not(:disabled){background:#1e40af}.btn--secondary{background:transparent;color:#111827;border-color:#e5e7eb}.btn--secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn--ghost{background:transparent;color:#4b5563}.btn--ghost:hover:not(:disabled){background:#f3f4f6;color:#111827}.btn--success{background:#22c55e;color:#fff}.btn--success:hover:not(:disabled){background:#16a34a}.btn--danger{background:#ef4444;color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--link{background:transparent;color:#2563eb;padding:0}.btn--link:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.btn--loading{position:relative;color:transparent!important;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn--loading.btn--primary:after,.btn--loading.btn--success:after,.btn--loading.btn--danger:after{border-color:#fff9;border-right-color:transparent}.btn--full,.btn--block{width:100%}.btn--icon{padding:.5rem}.btn--icon svg{width:20px;height:20px}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.btn-group .btn:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.btn-group .btn:not(:first-child){margin-left:-1px}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:#111827}.form-label .required{color:#ef4444;margin-left:.25rem}.form-input{width:100%;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.form-input::placeholder{color:#6b7280}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f9fafb;cursor:not-allowed}.form-input{height:40px}.form-input--sm{height:32px;font-size:.75rem}.form-input--lg{height:48px;font-size:1rem}.form-input--error{border-color:#ef4444}.form-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input--success{border-color:#22c55e}.form-input--success:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-textarea{width:100%;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.form-textarea::placeholder{color:#6b7280}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea:disabled{background:#f9fafb;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.form-select{width:100%;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.form-select::placeholder{color:#6b7280}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select:disabled{background:#f9fafb;cursor:not-allowed}.form-select{height:40px;line-height:1.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem;padding-top:0;padding-bottom:0;cursor:pointer}.form-check{display:flex;align-items:flex-start;gap:.5rem}.form-check__input{flex-shrink:0;width:18px;height:18px;margin-top:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d1d5db;border-radius:.25rem;background:#fff;cursor:pointer;transition:all .15s ease}.form-check__input:checked{background:#3b82f6;border-color:#3b82f6;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.form-check__input:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.form-check__input[type=radio]{border-radius:9999px}.form-check__input[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}.form-check__label{font-size:.875rem;color:#111827;line-height:1.375;cursor:pointer}.form-help{margin-top:.25rem;font-size:.75rem;color:#6b7280}.form-error{margin-top:.25rem;font-size:.75rem;color:#dc2626}.form-input-group{position:relative}.form-input-group .form-input--icon-left{padding-left:2.5rem}.form-input-group .form-input--icon-right{padding-right:2.5rem}.form-input-group__icon{position:absolute;top:50%;transform:translateY(-50%);color:#6b7280}.form-input-group__icon--left{left:.75rem}.form-input-group__icon--right{right:.75rem}.form-input-group__icon svg{width:18px;height:18px}.form-input-addon{display:flex}.form-input-addon .form-input{border-top-right-radius:0;border-bottom-right-radius:0}.form-input-addon .form-input:focus{z-index:1}.form-input-addon .btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.form-input.is-error,.form-textarea.is-error{border-color:#ef4444}.form-input.is-error:focus,.form-textarea.is-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-hint{margin-top:.25rem;font-size:.75rem;color:#6b7280}.form-row{display:grid;gap:1rem}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-alert{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;line-height:1.625}.form-alert--success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.form-alert--error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.form-alert--warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.form-alert--info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.form-error-banner{padding:.75rem 1rem;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:.5rem;font-size:.875rem;line-height:1.625;margin-top:.5rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #0000000d}.card--interactive{transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.card--interactive:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-color:#d1d5db;transform:translateY(-2px)}.card--interactive{cursor:pointer}.card--flat{box-shadow:none;border-color:transparent;background:#f9fafb}.card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.card__header--no-border{border-bottom:none}.card__title{font-size:1.25rem;font-weight:600;line-height:1.375;margin:0}.card__subtitle{font-size:.875rem;color:#4b5563;margin-top:.25rem}.card__body{padding:1.25rem}.card__footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 .75rem .75rem}.card--lesson{position:relative;overflow:hidden}.card--lesson.locked{opacity:.7}.card--lesson.locked .card__body{filter:grayscale(.5)}.card--exercise{background:#fff}.card--exercise.completed{border-left:4px solid #22c55e}.card--exercise.in-progress{border-left:4px solid #f59e0b}.card--stats .card__body{text-align:center}.card--stats .stats-value{font-size:1.875rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;color:#2563eb}.card--stats .stats-label{font-size:.875rem;color:#4b5563;margin-top:.25rem}.card-grid{display:grid;gap:1rem}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.card-grid--2-col{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid--4-col{grid-template-columns:repeat(4,1fr)}}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1;border-radius:9999px;text-transform:capitalize;text-align:center}.badge--primary{background:#dbeafe;color:#1d4ed8}.badge--secondary{background:#f3f4f6;color:#374151}.badge--success{background:#dcfce7;color:#15803d}.badge--warning{background:#fef3c7;color:#b45309}.badge--error{background:#fee2e2;color:#b91c1c}.badge--info{background:#ccfbf1;color:#0f766e}.badge--beginner{background:#dcfce7;color:#15803d}.badge--intermediate{background:#fef3c7;color:#b45309}.badge--advanced{background:#fee2e2;color:#b91c1c}.badge--easy{background:#dcfce7;color:#15803d}.badge--medium{background:#fef3c7;color:#b45309}.badge--hard{background:#fee2e2;color:#b91c1c}.badge--sm{padding:2px .25rem;font-size:10px}.badge--lg{padding:.5rem .75rem;font-size:.875rem}.badge--dot:before{content:"";width:6px;height:6px;border-radius:9999px;background:currentColor}.badge--gray{background:#f3f4f6;color:#4b5563}.badge--danger{background:#fee2e2;color:#b91c1c}.badge--outline{background:transparent;color:#4b5563;border:1px solid #d1d5db}.badge--outline.badge--success{background:transparent;color:#15803d;border-color:#86efac}.badge--outline.badge--warning{background:transparent;color:#b45309;border-color:#fcd34d}.badge--outline.badge--error,.badge--outline.badge--danger{background:transparent;color:#b91c1c;border-color:#fca5a5}.badge--outline.badge--primary{background:transparent;color:#1d4ed8;border-color:#93c5fd}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:9999px}.status-badge__dot{width:8px;height:8px;border-radius:9999px}.status-badge--locked{background:#f3f4f6;color:#4b5563}.status-badge--locked .status-badge__dot{background:#9ca3af}.status-badge--unlocked{background:#eff6ff;color:#1d4ed8}.status-badge--unlocked .status-badge__dot{background:#3b82f6}.status-badge--in-progress{background:#fffbeb;color:#b45309}.status-badge--in-progress .status-badge__dot{background:#f59e0b}.status-badge--completed{background:#f0fdf4;color:#15803d}.status-badge--completed .status-badge__dot{background:#22c55e}.progress-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.progress-badge__bar{width:60px;height:4px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-badge__fill{height:100%;background:#3b82f6;border-radius:9999px;transition:width .3s ease}.header{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}@media(min-width:768px){.header{padding:0 1.5rem}}.header--admin{background:#111827;border-bottom-color:#1f2937;--color-text: #f3f4f6;--color-bg-secondary: #1f2937}.header--admin .header__logo-text{color:#f3f4f6}.header--admin .header__lang-btn{border-color:#374151;color:#d1d5db}.header--admin .header__lang-btn:hover{background-color:#3b82f6;border-color:#60a5fa;color:#fff}.header--admin .header__lang-btn.is-active{background:#2563eb33;border-color:#3b82f6;color:#93c5fd}.header--admin .header__user-btn:hover{background:#1f2937}.header--admin .header__user-name{color:#e5e7eb}.header--admin .header__user-chevron{color:#6b7280}.header__left{display:flex;align-items:center;gap:1rem}.header__right{display:flex;align-items:center;gap:.75rem}.header__logo-icon{font-size:1.25rem;color:#fff;background:#2563eb;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;line-height:1}.header__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:700;font-size:1.25rem;color:#111827}.header__logo:hover{text-decoration:none}.header__logo:hover .header__logo-icon{background:#1d4ed8}.header__logo-text{color:#2563eb;font-weight:700}.header__badge{padding:2px .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#fef3c7;color:#92400e;border-radius:9999px}.header__back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#9ca3af;text-decoration:none;transition:all .15s ease}.header__back-btn svg{width:16px;height:16px;flex-shrink:0}.header__back-btn:hover{background:#1f2937;color:#fff;text-decoration:none}.header__lang{display:flex;align-items:center;gap:.25rem}.header__lang-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;background:transparent;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .15s ease}.header__lang-btn:hover{border-color:#93c5fd;background:#eff6ff}.header__lang-btn.is-active{background:#eff6ff;border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f626}.header__user{position:relative}.header__user-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:background .15s ease}.header__user-btn:hover{background:#f3f4f6}.header__user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-size:.75rem;font-weight:700;border-radius:9999px;flex-shrink:0;letter-spacing:.02em;overflow:hidden}.header__user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:9999px}.header__user-name{font-size:.875rem;font-weight:500;color:#111827;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:639px){.header__user-name{display:none}}.header__user-chevron{width:16px;height:16px;color:#6b7280;flex-shrink:0}.header__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:100;padding:.5rem 0;overflow:hidden}.header__dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;background:transparent;border:none;font-size:.875rem;font-weight:400;color:#111827;text-decoration:none;cursor:pointer;transition:background .15s ease;text-align:left}.header__dropdown-item svg{width:16px;height:16px;color:#6b7280;flex-shrink:0}.header__dropdown-item:hover{background:#f9fafb;text-decoration:none}.header__dropdown-item--danger{color:#dc2626}.header__dropdown-item--danger svg{color:#f87171}.header__dropdown-item--danger:hover{background:#fef2f2;color:#b91c1c}.header__dropdown-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.sidebar{position:fixed;top:64px;left:0;bottom:0;width:260px;background:#fff;border-right:1px solid #e5e7eb;z-index:299;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.sidebar::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:1023px){.sidebar{transform:translate(-100%);transition:transform .2s ease;z-index:300;box-shadow:none}.sidebar.is-open{transform:translate(0);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}}.sidebar--admin{background:#111827;border-right-color:#1f2937}.sidebar--admin .sidebar__section-title{color:#4b5563}.sidebar--admin .sidebar__link{color:#9ca3af}.sidebar--admin .sidebar__link svg{color:#4b5563}.sidebar--admin .sidebar__link:hover{background:#1f2937;color:#f3f4f6}.sidebar--admin .sidebar__link:hover svg{color:#9ca3af}.sidebar--admin .sidebar__link.is-active{background:#2563eb;color:#fff}.sidebar--admin .sidebar__link.is-active svg{color:#fff}.sidebar__nav{padding:.75rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar__section{margin-top:1.25rem}.sidebar__section:not(:first-child){padding-top:.75rem;border-top:1px solid #e5e7eb}.sidebar--admin .sidebar__section:not(:first-child){border-top-color:#1f2937}.sidebar__section-title{display:block;padding:0 .75rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.07em}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#4b5563;border-radius:.5rem;text-decoration:none;transition:all .15s ease}.sidebar__link svg{width:18px;height:18px;flex-shrink:0;color:#6b7280;transition:color .15s ease}.sidebar__link span{flex:1}.sidebar__link:hover{background:#eff6ff;color:#1d4ed8;text-decoration:none}.sidebar__link:hover svg{color:#3b82f6}.sidebar__link.is-active{background:#dbeafe;color:#1d4ed8;font-weight:600}.sidebar__link.is-active svg{color:#2563eb}.sidebar__footer{padding:1rem .75rem;border-top:1px solid #e5e7eb;margin-top:auto}.sidebar__admin-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;text-decoration:none;transition:all .15s ease}.sidebar__admin-link svg{width:18px;height:18px;flex-shrink:0}.sidebar__admin-link:hover{background:#fef3c7;border-color:#fcd34d;color:#92400e;text-decoration:none}.nav-list{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#4b5563;text-decoration:none;border-radius:.5rem;transition:all .15s ease}.nav-item:hover:not(.nav-item--active){background:#f9fafb;color:#111827;text-decoration:none}.nav-item--active{background:#eff6ff;color:#1d4ed8}.nav-item--active svg{color:#2563eb}.nav-item svg{width:20px;height:20px;color:#6b7280;flex-shrink:0}.nav-item__badge{margin-left:auto;min-width:20px;height:20px;padding:0 .25rem;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:#dbeafe;color:#1d4ed8;border-radius:9999px}.nav-item--active .nav-item__badge{background:#bfdbfe}.sidebar-footer{position:sticky;bottom:0;padding:1rem;background:#fff;border-top:1px solid #e5e7eb}.app-sidebar--admin .sidebar-footer{background:#111827;border-color:#1f2937}.student-layout,.admin-layout{min-height:100vh}.admin-layout{background:#030712}.content{min-height:calc(100vh - 64px);margin-top:64px;background:#f9fafb}@media(min-width:1024px){.content{margin-left:260px}}.content--admin{background:#030712}.content--admin .btn--secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.content--admin .btn--secondary:hover:not(:disabled){background:#4b5563;border-color:#6b7280;color:#f3f4f6}.content--admin .btn--ghost{color:#d1d5db}.content--admin .btn--ghost:hover:not(:disabled){background:#374151;color:#f3f4f6}.content--admin .skeleton-table,.content--admin .skeleton-stats__card,.content--admin .skeleton-card{background:#1f2937;border-color:#374151}.content--admin .skeleton-table__header{background:#11182780;border-bottom-color:#374151}.content--admin .skeleton-table__row{border-bottom-color:#374151}.content--admin .badge--outline{color:#d1d5db;border-color:#6b7280}.page{padding:1.5rem}@media(min-width:768px){.page{padding:2rem}}.page__header{margin-bottom:1.5rem}@media(min-width:768px){.page__header{margin-bottom:2rem}}.page__title{font-size:1.875rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;margin-bottom:.5rem}@media(min-width:768px){.page__title{font-size:2.25rem;font-weight:700;line-height:1.25;letter-spacing:-.025em}}.page__subtitle{font-size:1.125rem;color:#4b5563;max-width:600px}.page__actions{display:flex;align-items:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.section{margin-bottom:2rem}.section:last-child{margin-bottom:0}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.section__title{font-size:1.5rem;font-weight:600;line-height:1.375;margin:0}.section__subtitle{font-size:.875rem;color:#4b5563;margin-top:.25rem}.container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:768px){.container{padding-left:1.5rem;padding-right:1.5rem}}.content-box{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;padding:1.5rem}@media(min-width:768px){.content-box{padding:2rem}}.split-layout{display:grid;gap:1.5rem}@media(min-width:1024px){.split-layout{grid-template-columns:1fr 1fr;gap:2rem}}@media(min-width:1024px){.split-layout--sidebar{grid-template-columns:300px 1fr}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem}.empty-state__icon{width:80px;height:80px;margin-bottom:1rem;color:#6b7280}.empty-state__icon svg{width:100%;height:100%}.empty-state__title{font-size:1.25rem;font-weight:600;line-height:1.375;margin-bottom:.5rem}.empty-state__description{color:#4b5563;max-width:400px;margin-bottom:1rem}.loading-state{display:flex;align-items:center;justify-content:center;padding:3rem}.loading-state__spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:9999px;animation:spin .8s linear infinite}.data-table{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.data-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb}.data-table td{font-size:.875rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1rem;color:#4b5563;font-size:.875rem}.loading-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem}.empty-state__icon{font-size:3rem;line-height:1;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.empty-state p{font-size:.875rem;color:#4b5563;max-width:360px;margin-bottom:0}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.stat-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;flex-shrink:0}.stat-card__icon svg{width:24px;height:24px}.stat-card__icon--primary{background:#dbeafe;color:#2563eb}.stat-card__icon--success{background:#dcfce7;color:#16a34a}.stat-card__icon--warning{background:#fef3c7;color:#d97706}.stat-card__icon--info{background:#dbeafe;color:#3b82f6}.stat-card__icon--error{background:#fee2e2;color:#dc2626}.stat-card__content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stat-card__value{font-size:1.5rem;font-weight:700;color:#111827;line-height:1}.stat-card__label{font-size:.875rem;color:#4b5563}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;text-decoration:none;transition:color .15s ease;margin-bottom:1rem}.back-link svg{width:16px;height:16px;flex-shrink:0}.back-link:hover{color:#2563eb;text-decoration:none}.data-table{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 2px #0000000d}.data-table__wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.data-table__wrapper::-webkit-scrollbar{width:6px;height:6px}.data-table__wrapper::-webkit-scrollbar-track{background:transparent}.data-table__wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.data-table__wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb;white-space:nowrap}.data-table td{font-size:.875rem;color:#111827;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f9fafb}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.25rem}.skeleton--text{height:1em;margin-bottom:.5rem}.skeleton--title{height:2em;width:60%;margin-bottom:.75rem}.skeleton--avatar{width:40px;height:40px;border-radius:9999px}.skeleton--card{height:200px;border-radius:.75rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .2s ease}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(-8px)}