:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-secondary: #a855f7;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-text: #1f2937;--color-text-muted: #6b7280;--color-bg: #f3f4f6;--color-bg-card: #ffffff;--color-border: #e5e7eb;--color-input-bg: #ffffff;--color-bg-hover: rgba(79, 70, 229, .08);--header-bg: rgba(255, 255, 255, .85);--footer-bg: #ffffff;--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .35);--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04)}[data-theme=dark]{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-secondary: #c084fc;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-bg: #0f172a;--color-bg-card: #1e293b;--color-border: #334155;--color-input-bg: #0f172a;--color-bg-hover: rgba(99, 102, 241, .15);--header-bg: rgba(30, 41, 59, .85);--footer-bg: #1e293b;--glass-bg: rgba(30, 41, 59, .65);--glass-border: rgba(255, 255, 255, .08);--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{height:100%;overflow-x:hidden}img,picture,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;background:none;border:none;outline:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;color:var(--color-text, #1f2937);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;margin-bottom:.5em;color:var(--color-text, #1f2937)}h1{font-size:2.25rem;letter-spacing:-.025em}h2{font-size:1.875rem;letter-spacing:-.02em}h3{font-size:1.5rem;letter-spacing:-.015em}h4{font-size:1.25rem}p{margin-bottom:1rem;color:var(--color-text-muted, #6b7280)}a{color:var(--color-primary, #4f46e5);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--color-primary-hover, #4338ca);text-decoration:none}body{background-color:var(--color-bg, #ffffff);transition:background-color .3s ease,color .3s ease}.app-container{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}.grid{display:grid;gap:16px}.grid--cols-1,.grid--cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:576px){.grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid--cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:576px){.grid--cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid--cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:576px){.grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.grid--cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:992px){.grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.header{background:var(--glass-bg, rgba(255, 255, 255, .45));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border, rgba(255, 255, 255, .25));background:var(--header-bg, rgba(255, 255, 255, .8));position:sticky;top:0;z-index:1000;padding:16px 0;border-bottom:1px solid var(--color-border, #e5e7eb);transition:all .2s cubic-bezier(.4,0,.2,1)}.header__content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header__brand{font-size:1.35rem;font-weight:700;color:var(--color-primary, #4f46e5);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.header__nav{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}@media(max-width:576px){.header__nav{gap:8px}}.header__link{color:var(--color-text-muted, #6b7280);font-weight:500;padding:.5rem .75rem;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px}.header__link:hover,.header__link--active{color:var(--color-primary, #4f46e5);background-color:var(--color-bg-hover, rgba(79, 70, 229, .08));text-decoration:none}.footer{margin-top:auto;padding:24px 0;border-top:1px solid var(--color-border, #e5e7eb);background-color:var(--footer-bg, #f9fafb);text-align:center;color:var(--color-text-muted, #6b7280);font-size:.875rem}[data-theme=dark] .footer{background-color:var(--color-bg-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.625rem 1.25rem;border-radius:12px;font-weight:500;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn--primary{background-color:var(--color-primary, #4f46e5);color:#fff;box-shadow:0 4px 10px #4f46e533}.btn--primary:hover{background-color:var(--color-primary-hover, #4338ca);box-shadow:0 4px 14px #4f46e54d}.btn--secondary{background-color:var(--color-secondary, #a855f7);color:#fff}.btn--secondary:hover{filter:brightness(92%)}.btn--outline{background:transparent;border-color:var(--color-border, #e5e7eb);color:var(--color-text, #1f2937)}.btn--outline:hover{background-color:#00000008}[data-theme=dark] .btn--outline:hover{background-color:#ffffff0d}.btn--danger{background-color:var(--color-danger, #ef4444);color:#fff}.btn--danger:hover{filter:brightness(90%)}.btn--success{background-color:var(--color-success, #10b981);color:#fff}.btn--success:hover{filter:brightness(90%)}.btn--sm{padding:.4rem .8rem;font-size:.85rem;border-radius:8px}.btn--lg{padding:.8rem 1.75rem;font-size:1.05rem;border-radius:16px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background-color:var(--color-bg-card, #ffffff);border-radius:16px;border:1px solid var(--color-border, #e5e7eb);padding:24px;box-shadow:var(--box-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06));transition:all .2s cubic-bezier(.4,0,.2,1)}.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05))}.card__header{margin-bottom:16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card__title{font-size:1.15rem;font-weight:600;margin-bottom:0}.card__body{color:var(--color-text, #1f2937)}.card__footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px}.card--glass{background:var(--glass-bg, rgba(255, 255, 255, .45));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border, rgba(255, 255, 255, .25))}.form-group{margin-bottom:16px}.form-group__label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;color:var(--color-text, #1f2937)}.input-control{width:100%;padding:.625rem .875rem;font-size:.95rem;border-radius:12px;border:1px solid var(--color-border, #e5e7eb);background-color:var(--color-input-bg, #ffffff);color:var(--color-text, #1f2937);transition:all .2s cubic-bezier(.4,0,.2,1)}.input-control:focus{border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px #4f46e526}.input-control::placeholder{color:var(--color-text-muted, #6b7280);opacity:.7}.input-control:disabled{background-color:var(--color-border);opacity:.6;cursor:not-allowed}.form-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{appearance:none;background-color:var(--color-input-bg, #ffffff);margin:0;font:inherit;color:var(--color-primary, #4f46e5);width:1.15em;height:1.15em;border:1.5px solid var(--color-border, #e5e7eb);border-radius:4px;display:grid;place-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-checkbox input[type=checkbox]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--color-primary, #4f46e5);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.form-checkbox input[type=checkbox]:checked{border-color:var(--color-primary, #4f46e5)}.form-checkbox input[type=checkbox]:checked:before{transform:scale(1)}.form-checkbox input[type=checkbox]:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.m-1{margin:8px!important}.mt-1{margin-top:8px!important}.mr-1{margin-right:8px!important}.mb-1{margin-bottom:8px!important}.ml-1{margin-left:8px!important}.mx-1{margin-left:8px!important;margin-right:8px!important}.my-1{margin-top:8px!important;margin-bottom:8px!important}.p-1{padding:8px!important}.pt-1{padding-top:8px!important}.pr-1{padding-right:8px!important}.pb-1{padding-bottom:8px!important}.pl-1{padding-left:8px!important}.px-1{padding-left:8px!important;padding-right:8px!important}.py-1{padding-top:8px!important;padding-bottom:8px!important}.m-2{margin:16px!important}.mt-2{margin-top:16px!important}.mr-2{margin-right:16px!important}.mb-2{margin-bottom:16px!important}.ml-2{margin-left:16px!important}.mx-2{margin-left:16px!important;margin-right:16px!important}.my-2{margin-top:16px!important;margin-bottom:16px!important}.p-2{padding:16px!important}.pt-2{padding-top:16px!important}.pr-2{padding-right:16px!important}.pb-2{padding-bottom:16px!important}.pl-2{padding-left:16px!important}.px-2{padding-left:16px!important;padding-right:16px!important}.py-2{padding-top:16px!important;padding-bottom:16px!important}.m-3{margin:24px!important}.mt-3{margin-top:24px!important}.mr-3{margin-right:24px!important}.mb-3{margin-bottom:24px!important}.ml-3{margin-left:24px!important}.mx-3{margin-left:24px!important;margin-right:24px!important}.my-3{margin-top:24px!important;margin-bottom:24px!important}.p-3{padding:24px!important}.pt-3{padding-top:24px!important}.pr-3{padding-right:24px!important}.pb-3{padding-bottom:24px!important}.pl-3{padding-left:24px!important}.px-3{padding-left:24px!important;padding-right:24px!important}.py-3{padding-top:24px!important;padding-bottom:24px!important}.m-4{margin:32px!important}.mt-4{margin-top:32px!important}.mr-4{margin-right:32px!important}.mb-4{margin-bottom:32px!important}.ml-4{margin-left:32px!important}.mx-4{margin-left:32px!important;margin-right:32px!important}.my-4{margin-top:32px!important;margin-bottom:32px!important}.p-4{padding:32px!important}.pt-4{padding-top:32px!important}.pr-4{padding-right:32px!important}.pb-4{padding-bottom:32px!important}.pl-4{padding-left:32px!important}.px-4{padding-left:32px!important;padding-right:32px!important}.py-4{padding-top:32px!important;padding-bottom:32px!important}.m-5{margin:48px!important}.mt-5{margin-top:48px!important}.mr-5{margin-right:48px!important}.mb-5{margin-bottom:48px!important}.ml-5{margin-left:48px!important}.mx-5{margin-left:48px!important;margin-right:48px!important}.my-5{margin-top:48px!important;margin-bottom:48px!important}.p-5{padding:48px!important}.pt-5{padding-top:48px!important}.pr-5{padding-right:48px!important}.pb-5{padding-bottom:48px!important}.pl-5{padding-left:48px!important}.px-5{padding-left:48px!important;padding-right:48px!important}.py-5{padding-top:48px!important;padding-bottom:48px!important}.m-6{margin:64px!important}.mt-6{margin-top:64px!important}.mr-6{margin-right:64px!important}.mb-6{margin-bottom:64px!important}.ml-6{margin-left:64px!important}.mx-6{margin-left:64px!important;margin-right:64px!important}.my-6{margin-top:64px!important;margin-bottom:64px!important}.p-6{padding:64px!important}.pt-6{padding-top:64px!important}.pr-6{padding-right:64px!important}.pb-6{padding-bottom:64px!important}.pl-6{padding-left:64px!important}.px-6{padding-left:64px!important;padding-right:64px!important}.py-6{padding-top:64px!important;padding-bottom:64px!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-muted{color:var(--color-text-muted, #6b7280)!important}.text-primary{color:var(--color-primary, #4f46e5)!important}.text-success{color:var(--color-success, #10b981)!important}.text-danger{color:var(--color-danger, #ef4444)!important}.text-warning{color:var(--color-warning, #f59e0b)!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.flex-wrap{flex-wrap:wrap!important}.gap-1{gap:8px!important}.gap-2{gap:16px!important}.gap-3{gap:24px!important}.w-100{width:100%!important}.h-100{height:100%!important}.shadow{box-shadow:var(--box-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06))!important}.shadow-lg{box-shadow:var(--box-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05))!important}.border-radius{border-radius:12px!important}