:root{--color-primary-50: oklch(97% .02 80);--color-primary-100: oklch(94% .04 80);--color-primary-200: oklch(89% .08 80);--color-primary-300: oklch(84% .12 80);--color-primary-400: oklch(81% .14 80);--color-primary-500: oklch(78% .16 80);--color-primary-600: oklch(68% .15 80);--color-primary-700: oklch(55% .12 80);--color-primary-800: oklch(42% .09 80);--color-primary-900: oklch(30% .06 80);--color-primary-contrast: oklch(17% .03 240);--color-accent-50: oklch(97% .01 240);--color-accent-100: oklch(93% .02 240);--color-accent-200: oklch(85% .04 240);--color-accent-300: oklch(72% .06 240);--color-accent-400: oklch(55% .07 240);--color-accent-500: oklch(40% .06 240);--color-accent-600: oklch(30% .05 240);--color-accent-700: oklch(25% .04 240);--color-accent-800: oklch(20% .035 240);--color-accent-900: oklch(17% .03 240);--color-success-50: oklch(97% .02 155);--color-success-100: oklch(93% .05 155);--color-success-400: oklch(72% .19 155);--color-success-500: oklch(62% .19 155);--color-success-600: oklch(52% .16 155);--color-warning-50: oklch(97% .02 85);--color-warning-100: oklch(93% .05 85);--color-warning-400: oklch(82% .16 85);--color-warning-500: oklch(75% .18 85);--color-warning-600: oklch(65% .17 85);--color-danger-50: oklch(97% .02 25);--color-danger-100: oklch(93% .05 25);--color-danger-400: oklch(68% .2 25);--color-danger-500: oklch(58% .22 25);--color-danger-600: oklch(48% .19 25);--color-neutral-50: oklch(98% .005 270);--color-neutral-100: oklch(95% .008 270);--color-neutral-200: oklch(90% .01 270);--color-neutral-300: oklch(82% .012 270);--color-neutral-400: oklch(65% .012 270);--color-neutral-500: oklch(50% .012 270);--color-neutral-600: oklch(40% .012 270);--color-neutral-700: oklch(30% .012 270);--color-neutral-800: oklch(22% .012 270);--color-neutral-900: oklch(15% .015 270);--color-neutral-950: oklch(10% .015 270);--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.7rem, .65rem + .2vw, .75rem);--text-sm: clamp(.8rem, .75rem + .2vw, .875rem);--text-base: clamp(.9rem, .85rem + .2vw, 1rem);--text-lg: clamp(1rem, .95rem + .25vw, 1.125rem);--text-xl: clamp(1.15rem, 1.05rem + .4vw, 1.25rem);--text-2xl: clamp(1.35rem, 1.2rem + .6vw, 1.5rem);--text-3xl: clamp(1.65rem, 1.4rem + 1vw, 1.875rem);--text-4xl: clamp(2rem, 1.6rem + 1.5vw, 2.25rem);--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .05);--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .1), 0 2px 4px -2px oklch(0% 0 0 / .1);--shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .1), 0 4px 6px -4px oklch(0% 0 0 / .1);--shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / .1), 0 8px 10px -6px oklch(0% 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px}[data-theme=light]{--bg-base: var(--color-neutral-50);--bg-surface: oklch(100% 0 0);--bg-elevated: oklch(100% 0 0);--bg-muted: var(--color-neutral-100);--bg-subtle: var(--color-neutral-200);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-muted: var(--color-neutral-400);--text-inverse: oklch(100% 0 0);--border-default: var(--color-neutral-200);--border-muted: var(--color-neutral-100);--border-strong: var(--color-neutral-300);--overlay-bg: oklch(0% 0 0 / .4);--bg-gradient-primary: linear-gradient( 135deg, oklch(97% .02 80 / .4) 0%, oklch(96% .01 240 / .15) 100% );--bg-gradient-accent: linear-gradient( 180deg, oklch(97% .01 240 / .15) 0%, oklch(97% .02 80 / .2) 100% )}[data-theme=dark]{--bg-base: var(--color-accent-900);--bg-surface: var(--color-accent-800);--bg-elevated: var(--color-accent-700);--bg-muted: oklch(23% .035 240);--bg-subtle: var(--color-accent-600);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-muted: var(--color-neutral-500);--text-inverse: var(--color-accent-900);--border-default: var(--color-accent-600);--border-muted: var(--color-accent-700);--border-strong: var(--color-accent-500);--overlay-bg: oklch(0% 0 0 / .6);--bg-gradient-primary: linear-gradient( 135deg, oklch(17% .03 240 / .8) 0%, oklch(14% .02 80 / .3) 100% );--bg-gradient-accent: linear-gradient( 180deg, oklch(15% .03 240 / .5) 0%, oklch(17% .02 80 / .2) 100% );--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3);--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .4), 0 2px 4px -2px oklch(0% 0 0 / .3);--shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .4), 0 4px 6px -4px oklch(0% 0 0 / .3)}h1,h2,h3,h4,h5,h6,.heading-1,.heading-2,.heading-3,.heading-4{font-family:var(--font-heading);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1,.heading-1{font-size:var(--text-4xl)}h2,.heading-2{font-size:var(--text-3xl)}h3,.heading-3{font-size:var(--text-2xl)}h4,.heading-4{font-size:var(--text-xl)}h5,.heading-5{font-size:var(--text-lg)}h6,.heading-6{font-size:var(--text-base);font-weight:500}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:0 0 var(--space-4)}p:last-child{margin-bottom:0}.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)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mono,code,pre,.font-mono{font-family:var(--font-mono)}code{font-size:.9em;padding:var(--space-1) var(--space-2);background:var(--bg-muted);border-radius:var(--radius-sm)}pre{padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-md);overflow-x:auto}pre code{padding:0;background:none}a{color:var(--color-accent-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-400)}ul,ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}.label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 6px transparent;opacity:.8}}@keyframes ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.animate-fade-in{animation:fadeIn var(--transition-base) forwards}.animate-fade-out{animation:fadeOut var(--transition-base) forwards}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}.animate-slide-down{animation:slideDown var(--transition-slow) forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) forwards}.animate-scale-in{animation:scaleIn var(--transition-base) forwards}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.stagger-animate{opacity:0;animation:slideUp var(--transition-slow) forwards;animation-delay:var(--stagger-delay, 0ms)}.stagger-children>*:nth-child(1){--stagger-delay: 0ms}.stagger-children>*:nth-child(2){--stagger-delay: 50ms}.stagger-children>*:nth-child(3){--stagger-delay: .1s}.stagger-children>*:nth-child(4){--stagger-delay: .15s}.stagger-children>*:nth-child(5){--stagger-delay: .2s}.stagger-children>*:nth-child(6){--stagger-delay: .25s}.stagger-children>*:nth-child(7){--stagger-delay: .3s}.stagger-children>*:nth-child(8){--stagger-delay: .35s}.stagger-children>*:nth-child(9){--stagger-delay: .4s}.stagger-children>*:nth-child(10){--stagger-delay: .45s}.stagger-children>*:nth-child(n+11){--stagger-delay: .5s}.page-enter{animation:slideUp .4s cubic-bezier(.4,0,.2,1) forwards}.transition-none{transition:none}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),fill var(--transition-fast),stroke var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.transition-shadow{transition:box-shadow var(--transition-fast)}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--transition-fast)}.hover-glow:hover{box-shadow:0 0 20px #008e8f4d;box-shadow:0 0 20px oklch(58% .18 195 / .3)}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-subtle) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stagger-animate{opacity:1;animation:none}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.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-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.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))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-full{grid-column:1 / -1}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-inline:var(--space-1)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-5{padding-inline:var(--space-5)}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.py-1{padding-block:var(--space-1)}.py-2{padding-block:var(--space-2)}.py-3{padding-block:var(--space-3)}.py-4{padding-block:var(--space-4)}.py-5{padding-block:var(--space-5)}.py-6{padding-block:var(--space-6)}.py-8{padding-block:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.w-full{width:100%}.w-screen{width:100vw}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.h-fit{height:fit-content}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border-default)}.border-0{border:none}.border-t{border-top:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.border-l{border-left:1px solid var(--border-default)}.border-r{border-right:1px solid var(--border-default)}.bg-base{background-color:var(--bg-base)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.bg-muted{background-color:var(--bg-muted)}.bg-subtle{background-color:var(--bg-subtle)}.bg-transparent{background-color:transparent}.bg-primary{background-color:var(--color-primary-500)}.bg-accent{background-color:var(--color-accent-500)}.bg-success{background-color:var(--color-success-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-danger{background-color:var(--color-danger-500)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.visible{visibility:visible}.invisible{visibility:hidden}.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}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.focus-ring{outline:none}.focus-ring:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.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}@media (min-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.data-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--color-neutral-50, oklch(98% .005 270))}[data-theme=dark] .data-table thead{background:#0d1c27}.data-table th{padding:var(--space-3) var(--space-4);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--border-default)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-muted);vertical-align:middle;text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:nth-child(2n){background:var(--color-neutral-50, oklch(98% .005 270))}[data-theme=dark] .data-table tbody tr:nth-child(2n){background:#0d1c27}.data-table tbody tr:hover{background:var(--bg-subtle)}.data-table tbody tr:last-child td{border-bottom:none}.data-table__cell--mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.data-table__cell--name{font-weight:500;color:var(--text-primary)}.data-table__cell--muted{color:var(--text-muted);font-size:var(--text-xs)}.data-table__empty{text-align:center;padding:var(--space-12)!important;color:var(--text-muted)}.data-table__empty app-icon{display:block;margin:0 auto var(--space-3);opacity:.4}.action-btns{display:flex;align-items:center;justify-content:center;gap:var(--space-1);flex-wrap:wrap}.action-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);line-height:1.4}.action-badge--primary{background:var(--color-primary-100);color:var(--color-primary-800)}.action-badge--primary:hover{background:var(--color-primary-200);color:var(--color-primary-900)}.action-badge--edit{background:var(--color-accent-100);color:var(--color-accent-700)}.action-badge--edit:hover{background:var(--color-accent-200);color:var(--color-accent-800)}.action-badge--danger{background:var(--color-danger-50);color:var(--color-danger-600)}.action-badge--danger:hover{background:var(--color-danger-100);color:var(--color-danger-600)}.data-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4) 0}.data-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.data-pagination__btn:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.data-pagination__btn:disabled{opacity:.3;cursor:not-allowed}.data-pagination__btn--active{background:var(--color-primary-500);color:var(--color-primary-contrast);font-weight:700}.data-pagination__btn--active:hover:not(:disabled){background:var(--color-primary-600);color:var(--color-primary-contrast)}.data-pagination__info{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;background-color:var(--bg-base);background-image:var(--bg-gradient-primary);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--bg-muted)}::selection{background-color:var(--color-primary-500);color:var(--color-primary-contrast)}app-root{display:block;min-height:100vh}