:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-xs: 100%;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--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}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media(min-width:640px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}@media(min-width:1536px){.container{max-width:var(--container-2xl)}}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-auto{margin-top:auto;margin-bottom:auto}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.min-w-0{min-width:0px}.min-w-full{min-width:100%}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-extrabold{font-weight:800}.font-black{font-weight:900}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}@media(min-width:480px){.xs\:block{display:block}.xs\:hidden{display:none}.xs\:flex{display:flex}.xs\:grid{display:grid}.xs\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xs\:flex-col{flex-direction:column}.xs\:flex-row{flex-direction:row}.xs\:text-sm{font-size:var(--text-sm)}.xs\:text-base{font-size:var(--text-base)}.xs\:text-lg{font-size:var(--text-lg)}}@media(min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:text-sm{font-size:var(--text-sm)}.sm\:text-base{font-size:var(--text-base)}.sm\:text-lg{font-size:var(--text-lg)}.sm\:text-xl{font-size:var(--text-xl)}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:text-base{font-size:var(--text-base)}.md\:text-lg{font-size:var(--text-lg)}.md\:text-xl{font-size:var(--text-xl)}.md\:text-2xl{font-size:var(--text-2xl)}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-1\/4{width:25%}.md\:w-3\/4{width:75%}}@media(min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:text-lg{font-size:var(--text-lg)}.lg\:text-xl{font-size:var(--text-xl)}.lg\:text-2xl{font-size:var(--text-2xl)}.lg\:text-3xl{font-size:var(--text-3xl)}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:p-12{padding:3rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}.lg\:w-1\/5{width:20%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:w-4\/5{width:80%}}@media(min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}.xl\:text-xl{font-size:var(--text-xl)}.xl\:text-2xl{font-size:var(--text-2xl)}.xl\:text-3xl{font-size:var(--text-3xl)}.xl\:text-4xl{font-size:var(--text-4xl)}.xl\:p-8{padding:2rem}.xl\:p-12{padding:3rem}.xl\:p-16{padding:4rem}}@media(min-width:1536px){.\32xl\:block{display:block}.\32xl\:hidden{display:none}.\32xl\:flex{display:flex}.\32xl\:grid{display:grid}.\32xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.\32xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.\32xl\:flex-col{flex-direction:column}.\32xl\:flex-row{flex-direction:row}.\32xl\:text-2xl{font-size:var(--text-2xl)}.\32xl\:text-3xl{font-size:var(--text-3xl)}.\32xl\:text-4xl{font-size:var(--text-4xl)}.\32xl\:p-12{padding:3rem}.\32xl\:p-16{padding:4rem}.\32xl\:p-20{padding:5rem}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:767px){.table-responsive table{min-width:600px}.table-responsive th,.table-responsive td{white-space:nowrap}}.card-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.card-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.card-responsive{grid-template-columns:repeat(4,1fr)}}.nav-responsive{display:flex;flex-direction:column}@media(min-width:768px){.nav-responsive{flex-direction:row;align-items:center}}.form-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.form-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.form-responsive{grid-template-columns:repeat(3,1fr)}}.btn-group-responsive{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.btn-group-responsive{flex-direction:row}}.text-responsive{font-size:var(--text-sm)}@media(min-width:640px){.text-responsive{font-size:var(--text-base)}}@media(min-width:1024px){.text-responsive{font-size:var(--text-lg)}}.spacing-responsive{padding:var(--spacing-sm)}@media(min-width:640px){.spacing-responsive{padding:var(--spacing-md)}}@media(min-width:1024px){.spacing-responsive{padding:var(--spacing-lg)}}@media(min-width:1280px){.spacing-responsive{padding:var(--spacing-xl)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-custom{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.scrollbar-custom::-webkit-scrollbar{width:6px;height:6px}.scrollbar-custom::-webkit-scrollbar-track{background:transparent}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media print{.print\:hidden{display:none!important}.print\:block{display:block!important}.print\:text-black{color:#000!important}.print\:bg-white{background-color:#fff!important}}@media(prefers-color-scheme:dark){.dark\:bg-gray-900{background-color:#111827}.dark\:text-white{color:#fff}.dark\:border-gray-700{border-color:#374151}}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition:none!important}.motion-reduce\:transform-none{transform:none!important}}@media(prefers-contrast:high){.high-contrast\:border-2{border-width:2px}.high-contrast\:font-bold{font-weight:700}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;user-select:none;outline:none;font-family:inherit}.btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-xs{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.btn-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.btn-md{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn-xl{padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem}.btn-primary{background-color:var(--accent-color);color:var(--light-bg);border-color:var(--accent-color)}.btn-primary:hover{background-color:var(--accent-dark);border-color:var(--accent-dark)}.btn-primary:active{background-color:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(1px)}.btn-secondary{background-color:var(--light-bg);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--accent-color);color:var(--accent-color)}.btn-secondary:active{background-color:var(--gray-100);border-color:var(--accent-dark);color:var(--accent-dark)}.btn-success{background-color:var(--success-color);color:var(--light-bg);border-color:var(--success-color)}.btn-success:hover{background-color:#059669;border-color:#059669}.btn-success:active{background-color:#047857;border-color:#047857;transform:translateY(1px)}.btn-warning{background-color:var(--warning-color);color:var(--light-bg);border-color:var(--warning-color)}.btn-warning:hover{background-color:#d97706;border-color:#d97706}.btn-warning:active{background-color:#b45309;border-color:#b45309;transform:translateY(1px)}.btn-danger{background-color:var(--error-color);color:var(--light-bg);border-color:var(--error-color)}.btn-danger:hover{background-color:#b91c1c;border-color:#b91c1c}.btn-danger:active{background-color:#991b1b;border-color:#991b1b;transform:translateY(1px)}.btn-info{background-color:var(--accent-light);color:var(--light-bg);border-color:var(--accent-light)}.btn-info:hover{background-color:var(--accent-color);border-color:var(--accent-color)}.btn-info:active{background-color:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(1px)}.btn-outline{background-color:transparent;border-width:1px}.btn-outline.btn-primary{color:var(--accent-color);border-color:var(--accent-color)}.btn-outline.btn-primary:hover{background-color:var(--accent-color);color:var(--light-bg)}.btn-outline.btn-secondary{color:var(--text-primary);border-color:var(--border-color)}.btn-outline.btn-secondary:hover{background-color:var(--gray-50);color:var(--text-primary)}.btn-outline.btn-success{color:var(--success-color);border-color:var(--success-color)}.btn-outline.btn-success:hover{background-color:var(--success-color);color:var(--light-bg)}.btn-outline.btn-warning{color:var(--warning-color);border-color:var(--warning-color)}.btn-outline.btn-warning:hover{background-color:var(--warning-color);color:var(--light-bg)}.btn-outline.btn-danger{color:var(--error-color);border-color:var(--error-color)}.btn-outline.btn-danger:hover{background-color:var(--error-color);color:var(--light-bg)}.btn-outline.btn-info{color:var(--accent-light);border-color:var(--accent-light)}.btn-outline.btn-info:hover{background-color:var(--accent-light);color:var(--light-bg)}.btn-ghost{background-color:transparent;border-color:transparent}.btn-ghost.btn-primary{color:var(--accent-color)}.btn-ghost.btn-primary:hover{background-color:var(--accent-alpha-10)}.btn-ghost.btn-secondary{color:var(--text-secondary)}.btn-ghost.btn-secondary:hover{background-color:var(--gray-50)}.btn-ghost.btn-success{color:var(--success-color)}.btn-ghost.btn-success:hover{background-color:#10b9811a}.btn-ghost.btn-warning{color:var(--warning-color)}.btn-ghost.btn-warning:hover{background-color:#f59e0b1a}.btn-ghost.btn-danger{color:var(--error-color)}.btn-ghost.btn-danger:hover{background-color:#dc26261a}.btn-ghost.btn-info{color:var(--accent-light)}.btn-ghost.btn-info:hover{background-color:var(--accent-alpha-10)}.btn-link{background-color:transparent;border-color:transparent;text-decoration:underline;padding:0;height:auto;font-weight:400}.btn-link:hover{text-decoration:none}.btn-group{display:inline-flex;border-radius:.5rem;overflow:hidden}.btn-group .btn{border-radius:0;border-right-width: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;border-right-width:1px}.btn-group .btn:only-child{border-radius:.5rem;border-right-width:1px}.btn-block{width:100%}.btn-circle{border-radius:50%;padding:.5rem;width:2.5rem;height:2.5rem}.btn-circle.btn-sm{width:2rem;height:2rem;padding:.375rem}.btn-circle.btn-lg{width:3rem;height:3rem;padding:.75rem}.btn-loading{position:relative;pointer-events:none}.btn-loading:before{content:"";position:absolute;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.btn-responsive{width:100%}.btn-group.btn-group-responsive{flex-direction:column}.btn-group.btn-group-responsive .btn{border-radius:0;border-right-width:1px;border-bottom-width:0}.btn-group.btn-group-responsive .btn:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-left-radius:0}.btn-group.btn-group-responsive .btn:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top-right-radius:0;border-bottom-width:1px}}.btn .icon{width:1em;height:1em;flex-shrink:0}.btn .icon:first-child{margin-left:-.25rem}.btn .icon:last-child{margin-right:-.25rem}.btn .icon:only-child{margin:-.25rem}:root{--primary-black: #000000;--light-black: #333333;--accent-color: #333333;--accent-light: #444444;--accent-dark: #222222;--light-bg: #ffffff;--gray-25: #fdfdfd;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #212121;--text-secondary: #757575;--text-tertiary: #9e9e9e;--text-muted: #6b7280;--text-on-accent: #ffffff;--border-light: rgba(0, 0, 0, .06);--border-color: var(--gray-300);--shadow-light: rgba(0, 0, 0, .04);--shadow-medium: rgba(0, 0, 0, .08);--success-color: #10b981;--success-dark: #059669;--warning-color: #f59e0b;--warning-dark: #d97706;--error-color: #dc2626;--error-dark: #b91c1c;--purple-500: #8b5cf6;--purple-600: #7c3aed;--success-alpha-10: rgba(16, 185, 129, .1);--warning-alpha-10: rgba(245, 158, 11, .1);--error-alpha-10: rgba(220, 38, 38, .1);--error-alpha-20: rgba(220, 38, 38, .2);--error-alpha-30: rgba(220, 38, 38, .3);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--accent-alpha-02: rgba(51, 51, 51, .02);--accent-alpha-05: rgba(51, 51, 51, .05);--accent-alpha-10: rgba(51, 51, 51, .1);--accent-alpha-15: rgba(51, 51, 51, .15);--accent-alpha-20: rgba(51, 51, 51, .2);--accent-alpha-30: rgba(51, 51, 51, .3);--accent-alpha-40: rgba(51, 51, 51, .4);--accent-darker: var(--accent-dark);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--bg-primary: #ffffff;--bg-secondary: #fefefe;--theme-color: var(--accent-color);--vp-nav-height: 64px;--vp-sidebar-width-small: 272px;--vp-sidebar-width-medium: 320px;--vp-font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--overlay-bg: rgba(255, 255, 255, .8);--header-gradient: linear-gradient(135deg, #f9fafb 0%, rgba(59, 130, 246, .05) 100%);--header-hover-gradient: linear-gradient(135deg, rgba(59, 130, 246, .08) 0%, rgba(59, 130, 246, .12) 100%);--row-hover-gradient: linear-gradient(135deg, #f9fafb 0%, rgba(59, 130, 246, .02) 100%);--pagination-gradient: linear-gradient(135deg, #f9fafb 0%, rgba(59, 130, 246, .02) 100%);--accent-shadow: 0 2px 4px rgba(59, 130, 246, .2);--shadow-large: 0 8px 25px rgba(0, 0, 0, .15);--drag-frozen-gradient: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(59, 130, 246, .2) 100%);--drag-over-gradient: linear-gradient(135deg, rgba(34, 197, 94, .1) 0%, rgba(34, 197, 94, .2) 100%);--drag-hover-gradient: linear-gradient(135deg, rgba(59, 130, 246, .05) 0%, rgba(59, 130, 246, .1) 100%);--drag-pulse-start: 0 8px 25px rgba(59, 130, 246, .15);--drag-pulse-end: 0 12px 35px rgba(59, 130, 246, .25);--text-shadow-light: 0 2px 4px rgba(255, 255, 255, .9);--text-shadow-subtle: 0 1px 2px rgba(255, 255, 255, .8)}[data-theme=dark]{--primary-black: #2a2a2a;--light-black: #404040;--accent-color: #cccccc;--accent-light: #dddddd;--accent-dark: #aaaaaa;--light-bg: #0f0f0f;--gray-25: #141414;--gray-50: #1a1a1a;--gray-100: #262626;--gray-200: #333333;--gray-300: #404040;--gray-400: #595959;--gray-500: #737373;--gray-600: #8c8c8c;--gray-700: #a6a6a6;--gray-800: #bfbfbf;--gray-900: #d9d9d9;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-tertiary: #737373;--text-muted: #9ca3af;--text-on-accent: #ffffff;--border-light: rgba(255, 255, 255, .06);--border-color: var(--gray-300);--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--success-alpha-10: rgba(52, 211, 153, .1);--warning-alpha-10: rgba(251, 191, 36, .1);--error-alpha-10: rgba(248, 113, 113, .1);--error-alpha-30: rgba(248, 113, 113, .3);--accent-alpha-02: rgba(204, 204, 204, .02);--accent-alpha-05: rgba(204, 204, 204, .05);--accent-alpha-10: rgba(204, 204, 204, .1);--accent-alpha-15: rgba(204, 204, 204, .15);--accent-alpha-20: rgba(204, 204, 204, .2);--accent-alpha-30: rgba(204, 204, 204, .3);--accent-alpha-40: rgba(204, 204, 204, .4);--accent-darker: var(--accent-dark);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--bg-primary: #0f0f0f;--bg-secondary: #101010;--theme-color: var(--accent-color);--vp-nav-height: 64px;--vp-sidebar-width-small: 272px;--vp-sidebar-width-medium: 320px;--vp-font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--overlay-bg: rgba(0, 0, 0, .7);--header-gradient: linear-gradient(135deg, #1a1a1a 0%, rgba(59, 130, 246, .08) 100%);--header-hover-gradient: linear-gradient(135deg, rgba(59, 130, 246, .12) 0%, rgba(59, 130, 246, .18) 100%);--row-hover-gradient: linear-gradient(135deg, #1a1a1a 0%, rgba(59, 130, 246, .05) 100%);--pagination-gradient: linear-gradient(135deg, #1a1a1a 0%, rgba(59, 130, 246, .05) 100%);--accent-shadow: 0 2px 4px rgba(59, 130, 246, .3);--shadow-large: 0 8px 25px rgba(0, 0, 0, .4);--drag-frozen-gradient: linear-gradient(135deg, rgba(59, 130, 246, .15) 0%, rgba(59, 130, 246, .25) 100%);--drag-over-gradient: linear-gradient(135deg, rgba(34, 197, 94, .15) 0%, rgba(34, 197, 94, .25) 100%);--drag-hover-gradient: linear-gradient(135deg, rgba(59, 130, 246, .08) 0%, rgba(59, 130, 246, .15) 100%);--drag-pulse-start: 0 8px 25px rgba(59, 130, 246, .2);--drag-pulse-end: 0 12px 35px rgba(59, 130, 246, .3);--text-shadow-light: 0 2px 4px rgba(0, 0, 0, .5);--text-shadow-subtle: 0 1px 2px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll;width:100vw;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--light-bg);color:var(--text-primary);line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:var(--light-bg);border-radius:var(--radius-lg);box-shadow:0 1px 3px var(--shadow-light);transition:all .2s ease;border:1px solid var(--border-light)}.card:hover{box-shadow:0 4px 12px var(--shadow-medium);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent-color);color:var(--light-bg)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-secondary{background:var(--light-bg);color:var(--text-primary);box-shadow:0 1px 3px var(--shadow-light);border:1px solid var(--border-light)}.btn-secondary:hover{box-shadow:0 2px 8px var(--shadow-medium);color:var(--accent-color)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--gray-50);color:var(--text-primary)}.input{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--gray-50);font-size:14px;transition:all .2s ease}.input:focus{outline:none;border-color:var(--accent-color);background:var(--light-bg);box-shadow:0 0 0 3px var(--accent-alpha-10)}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:500;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media(max-width:768px){.btn{padding:6px 12px;font-size:13px}.input{padding:10px 14px}}