:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 7 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 7 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 7 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 7 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-regular:normal 400 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-light:normal 300 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-thin:normal 100 1em/1 "Font Awesome 7 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 7 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-regular:normal 400 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-light:normal 300 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-thin:normal 100 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-slab-regular:normal 400 1em/1 "Font Awesome 7 Slab";--fa-font-slab-press-regular:normal 400 1em/1 "Font Awesome 7 Slab Press";--fa-font-whiteboard-semibold:normal 600 1em/1 "Font Awesome 7 Whiteboard";--fa-font-thumbprint-light:normal 300 1em/1 "Font Awesome 7 Thumbprint";--fa-font-notdog-solid:normal 900 1em/1 "Font Awesome 7 Notdog";--fa-font-notdog-duo-solid:normal 900 1em/1 "Font Awesome 7 Notdog Duo";--fa-font-etch-solid:normal 900 1em/1 "Font Awesome 7 Etch";--fa-font-jelly-regular:normal 400 1em/1 "Font Awesome 7 Jelly";--fa-font-jelly-fill-regular:normal 400 1em/1 "Font Awesome 7 Jelly Fill";--fa-font-jelly-duo-regular:normal 400 1em/1 "Font Awesome 7 Jelly Duo";--fa-font-chisel-regular:normal 400 1em/1 "Font Awesome 7 Chisel";--fa-font-utility-semibold:normal 600 1em/1 "Font Awesome 7 Utility";--fa-font-utility-duo-semibold:normal 600 1em/1 "Font Awesome 7 Utility Duo";--fa-font-utility-fill-semibold:normal 600 1em/1 "Font Awesome 7 Utility Fill"}.svg-inline--fa{box-sizing:content-box;display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em;width:var(--fa-width,1.25em)}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.0714285714em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa .fa-pull-start,.svg-inline--fa.fa-pull-left{float:inline-start;-webkit-margin-end:var(--fa-pull-margin,.3em);margin-inline-end:var(--fa-pull-margin,.3em)}.svg-inline--fa .fa-pull-end,.svg-inline--fa.fa-pull-right{float:inline-end;-webkit-margin-start:var(--fa-pull-margin,.3em);margin-inline-start:var(--fa-pull-margin,.3em)}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);inset-inline-start:calc(-1 * var(--fa-li-width, 2em));inset-block-start:.25em}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:var(--fa-width,1.25em)}.fa-layers .svg-inline--fa{inset:0;margin:auto;position:absolute;transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:calc(10 / 16 * 1em);line-height:calc(1 / 10 * 1em);vertical-align:calc((6 / 10 - .375) * 1em)}.fa-xs{font-size:calc(12 / 16 * 1em);line-height:calc(1 / 12 * 1em);vertical-align:calc((6 / 12 - .375) * 1em)}.fa-sm{font-size:calc(14 / 16 * 1em);line-height:calc(1 / 14 * 1em);vertical-align:calc((6 / 14 - .375) * 1em)}.fa-lg{font-size:calc(20 / 16 * 1em);line-height:calc(1 / 20 * 1em);vertical-align:calc((6 / 20 - .375) * 1em)}.fa-xl{font-size:calc(24 / 16 * 1em);line-height:calc(1 / 24 * 1em);vertical-align:calc((6 / 24 - .375) * 1em)}.fa-2xl{font-size:calc(32 / 16 * 1em);line-height:calc(1 / 32 * 1em);vertical-align:calc((6 / 32 - .375) * 1em)}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-ul{list-style-type:none;-webkit-margin-start:var(--fa-li-margin,2.5em);margin-inline-start:var(--fa-li-margin,2.5em);-webkit-padding-start:0;padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.0625em);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;-webkit-margin-end:var(--fa-pull-margin,.3em);margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{float:inline-end;-webkit-margin-start:var(--fa-pull-margin,.3em);margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.svg-inline--fa.fa-inverse{fill:var(--fa-inverse,#fff)}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.svg-inline--fa.fa-stack-1x{--fa-width:1.25em;height:1em;width:var(--fa-width)}.svg-inline--fa.fa-stack-2x{--fa-width:2.5em;height:2em;width:var(--fa-width)}.fa-stack-1x,.fa-stack-2x{inset:0;margin:auto;position:absolute;z-index:var(--fa-stack-z-index,auto)}:root,[data-theme=dark]{--color-bg-primary:#0a0a12;--color-bg-secondary:#0f0f1a;--color-bg-card:#141422;--color-bg-elevated:#1a1a2c;--color-bg-hover:#222236;--color-text-primary:#f0f0ff;--color-text-secondary:#9090b8;--color-text-muted:#606080;--color-text-accent:#00d4ff;--color-accent:#00d4ff;--color-accent-secondary:#a855f7;--color-accent-hover:#33e0ff;--color-accent-subtle:rgba(0,212,255,.12);--color-accent-glow:rgba(0,212,255,.45);--color-border:#252538;--color-border-strong:#353550;--color-success:#22c55e;--color-success-subtle:rgba(34,197,94,.12);--color-danger:#ef4444;--color-danger-subtle:rgba(239,68,68,.12);--color-danger-glow:rgba(239,68,68,.4);--color-warning:#fbbf24;--color-warning-subtle:rgba(251,191,36,.15);--color-info:#00d4ff;--color-btn-primary-bg:#00d4ff;--color-btn-primary-text:#0a0a12;--color-btn-secondary-bg:transparent;--color-btn-secondary-text:#f0f0ff;--color-btn-secondary-border:#353550;--color-disabled:#252538;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-glow:0 0 30px var(--color-accent-glow),0 0 60px rgba(168,85,247,.2);--shadow-glow-sm:0 0 15px var(--color-accent-glow)}[data-theme=light]{--color-bg-primary:#f5f8fc;--color-bg-secondary:#fff;--color-bg-card:#fff;--color-bg-elevated:#eef4fa;--color-bg-hover:#e5eff8;--color-text-primary:#0a1828;--color-text-secondary:#3a5068;--color-text-muted:#7a90a8;--color-text-accent:#08a;--color-accent:#09b;--color-accent-secondary:#7c3aed;--color-accent-hover:#079;--color-accent-subtle:rgba(0,153,187,.1);--color-accent-glow:rgba(0,153,187,.25);--color-border:#d8e4f0;--color-border-strong:#c0d4e8;--color-success:#059669;--color-success-subtle:rgba(5,150,105,.1);--color-danger:#dc2626;--color-danger-subtle:rgba(220,38,38,.1);--color-danger-glow:rgba(220,38,38,.25);--color-warning:#b45309;--color-warning-subtle:rgba(180,83,9,.1);--color-info:#09b;--color-btn-primary-bg:#09b;--color-btn-primary-text:#fff;--color-btn-secondary-bg:transparent;--color-btn-secondary-text:#0a1828;--color-btn-secondary-border:#c0d4e8;--color-disabled:#d8e4f0;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,153,187,.1);--shadow-lg:0 8px 24px rgba(0,153,187,.15);--shadow-glow:0 0 20px var(--color-accent-glow);--shadow-glow-sm:0 0 10px var(--color-accent-glow)}:root{--font-family:"Archivo","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.1;--leading-normal:1.42857143;--leading-relaxed:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-h1,body{color:var(--color-text-primary)}.text-h1{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-3) 0}.text-h2{font-size:var(--text-xl);margin:0 0 var(--space-3) 0}.text-h2,.text-h3{font-weight:var(--font-semibold);color:var(--color-text-accent)}.text-h3{font-size:var(--text-lg);margin:0 0 var(--space-2) 0}.text-body{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.text-small{font-size:var(--text-sm);color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-accent,a{color:var(--color-accent)}a{text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-shadow:0 0 8px var(--color-accent-glow)}.sidebar{background:linear-gradient(180deg,var(--color-bg-secondary) 0,var(--color-bg-primary) 100%);border-right:1px solid var(--color-border);box-shadow:2px 0 12px rgba(0,0,0,.3);display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:10}.sidebar li,.sidebar ul{list-style:none!important;padding:0!important;margin:0!important}.sidebar-nav-link{display:block;padding:.75rem 1rem;margin:.125rem 0;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .2s ease;text-decoration:none;border-left:3px solid transparent;font-weight:500}.sidebar-nav-link svg{width:1.25rem!important;height:1.25rem!important;flex-shrink:0}.sidebar-nav-link:hover{background-color:var(--color-bg-elevated);border-left-color:var(--color-accent);color:var(--color-text-primary);transform:translateX(2px);box-shadow:0 2px 8px rgba(139,92,246,.15)}.sidebar-nav-link.active{background:linear-gradient(90deg,var(--color-accent-subtle) 0,transparent 100%);border-left-color:var(--color-accent);color:var(--color-accent);box-shadow:0 2px 8px rgba(139,92,246,.2);font-weight:600}.topbar{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(var(--color-bg-secondary-rgb,30,32,48),.95);z-index:50;width:100%;position:-webkit-sticky;position:sticky;top:0}.main-content{background-color:var(--color-bg-primary);padding:var(--space-6)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.card-grid{display:flex;flex-wrap:wrap;gap:var(--space-6)}.card-report{width:272px;background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card-report:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.card-featured{position:relative;background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-4)}.card-featured:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-md) + 2px);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));background-size:200% 200%;animation:gradient-shift 3s ease infinite;z-index:-1}.btn{height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;text-align:center;border:1px solid transparent;font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-semibold);transition:all var(--transition-fast)}.btn,.btn:hover{text-decoration:none}.btn-primary{background-color:var(--color-btn-primary-bg);box-shadow:0 2px 8px var(--color-accent-glow)}.btn-primary,.btn-primary:hover{color:var(--color-btn-primary-text)}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border-color:var(--color-btn-secondary-border)}.btn-secondary:hover{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.btn-danger{background-color:var(--color-danger);color:#fff;box-shadow:0 2px 8px var(--color-danger-glow)}.btn-danger:hover{box-shadow:0 0 20px var(--color-danger-glow);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-accent-subtle);color:var(--color-accent)}.btn.disabled,.btn:disabled{background-color:var(--color-disabled);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn-sm{height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-lg{height:48px;padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.form-input,.form-select,.form-textarea,input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{width:100%;height:40px;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)!important;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow),var(--shadow-glow-sm)}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-muted)!important;opacity:1!important}.form-textarea{height:auto;min-height:100px;resize:vertical}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.form-group{margin-bottom:var(--space-4)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse;background-color:var(--color-bg-card)}.table th{text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);background-color:var(--color-bg-secondary)}.table td,.table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.table td{font-size:var(--text-base);color:var(--color-text-primary)}.table tr:hover td{background-color:var(--color-accent-subtle)}.table tr:last-child td{border-bottom:none}.table th.th-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s}.table th.th-sortable:hover{color:var(--color-accent)}.table th.th-sortable .sort-hint{opacity:0;transition:opacity .15s;color:var(--color-text-muted)}.table th.th-sortable:hover .sort-hint{opacity:1}.table th.th-sortable .sort-active{color:var(--color-accent)}.tag{display:inline-flex;align-items:center;font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin:var(--space-1) var(--space-2) var(--space-1) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-default{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.tag-primary{background-color:var(--color-accent-subtle);border:1px solid var(--color-accent);color:var(--color-accent)}.tag-success{background-color:var(--color-success-subtle);border:1px solid var(--color-success);color:var(--color-success)}.tag-danger{background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);color:var(--color-danger)}.tag-warning{background-color:var(--color-warning-subtle);border:1px solid var(--color-warning);color:var(--color-warning)}.alert{padding:var(--space-4);margin-bottom:var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-base)}.alert-default{background-color:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.alert-success{background-color:var(--color-success-subtle);border-color:var(--color-success);color:var(--color-success)}.alert-danger{background-color:var(--color-danger-subtle);border-color:var(--color-danger);color:var(--color-danger)}.alert-warning{background-color:var(--color-warning-subtle);border-color:var(--color-warning);color:var(--color-warning)}.alert-info{background-color:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.divider{height:1px;background-color:var(--color-border);margin:var(--space-4) 0;border:none}.progress-bar{height:8px;background-color:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-secondary));border-radius:var(--radius-full);box-shadow:var(--shadow-glow-sm);transition:width .5s ease}.badge-live{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent)}.badge-live:before{content:"";width:8px;height:8px;background-color:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}.avatar-ring{width:48px;height:48px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));padding:3px}.avatar-ring,.avatar-ring-inner{border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-ring-inner{width:100%;height:100%;background-color:var(--color-bg-card);font-weight:var(--font-bold);color:var(--color-accent)}.stat-card{text-align:center}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-accent)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.quick-action-link{display:flex;align-items:center;padding:var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-border);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast);position:relative;overflow:hidden}.quick-action-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent-subtle),transparent);transition:left .5s ease}.quick-action-link:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow-sm);text-shadow:none}.quick-action-link:hover:before{left:100%}.theme-toggle{width:40px;height:40px;padding:0;border:1px solid var(--color-border);background-color:var(--color-bg-elevated);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:all var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow-sm);color:var(--color-accent)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.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)}.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)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.quote-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-md);position:relative}.quote-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.quote-icon:before{content:'"';font-size:32px;font-weight:var(--font-bold);color:var(--color-btn-primary-text);line-height:1}.quote-text{font-size:var(--text-lg);font-style:italic;color:var(--color-text-primary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.quote-author{gap:var(--space-3)}.quote-author,.quote-avatar{display:flex;align-items:center}.quote-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));justify-content:center;font-weight:var(--font-bold);color:var(--color-btn-primary-text)}.quote-author-info{flex:1 1}.quote-author-name{font-weight:var(--font-semibold);color:var(--color-text-primary)}.quote-author-role{font-size:var(--text-sm);color:var(--color-text-secondary)}.avatar{border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);color:var(--color-btn-primary-text)}.avatar-xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-md{width:40px;height:40px;font-size:var(--text-base)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--text-xl)}.avatar-2xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-bordered{border:3px solid var(--color-bg-card);box-shadow:0 0 0 2px var(--color-accent)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--color-bg-primary)}.avatar-group .avatar:first-child{margin-left:0}.progress-container{margin-bottom:var(--space-4)}.progress-label{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.progress-label span:last-child{color:var(--color-accent)}.progress-bar-sm{height:4px}.progress-bar-lg{height:12px}.nav-horizontal{display:flex;gap:var(--space-1);padding:var(--space-2);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.nav-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-accent);background-color:var(--color-accent-subtle);text-shadow:none}.nav-link.active{color:var(--color-btn-primary-text);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary))}.nav-tabs{display:flex;border-bottom:1px solid var(--color-border)}.nav-tab{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--transition-fast);margin-bottom:-1px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem}.nav-tab:hover{color:var(--color-accent);text-shadow:none}.nav-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.cta-section{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));border-radius:var(--radius-lg);padding:var(--space-10);text-align:center}.cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-btn-primary-text);margin-bottom:var(--space-4)}.cta-title span{position:relative;display:inline-block}.cta-title span:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--color-btn-primary-text);opacity:.5;border-radius:var(--radius-full)}.cta-text{font-size:var(--text-lg);color:var(--color-btn-primary-text);opacity:.9;max-width:600px;margin:0 auto var(--space-6);line-height:var(--leading-relaxed)}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn-cta-primary{background-color:var(--color-btn-primary-text);color:var(--color-accent);font-weight:var(--font-bold)}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.btn-cta-secondary{background-color:transparent;color:var(--color-btn-primary-text);border:2px solid var(--color-btn-primary-text)}.btn-cta-secondary:hover{background-color:var(--color-btn-primary-text);color:var(--color-accent)}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6);margin-top:var(--space-10)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-text{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-links{display:flex;gap:var(--space-4)}.footer-link{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-accent)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:var(--space-1) var(--space-2);background-color:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--color-border);opacity:0;visibility:hidden;transition:all var(--transition-fast);margin-bottom:var(--space-2)}.tooltip:hover:after{opacity:1;visibility:visible}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 25%,var(--color-bg-hover) 50%,var(--color-bg-elevated) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-3)}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow:auto}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-danger-subtle);color:var(--color-danger)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.dropdown.open .dropdown-menu,.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(4px)}.dropdown-item{display:block;padding:var(--space-2) var(--space-3);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.dropdown-item:hover{background-color:var(--color-accent-subtle);color:var(--color-accent);text-shadow:none}.dropdown-divider{height:1px;background-color:var(--color-border);margin:var(--space-2) 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.h-checkbox{cursor:pointer;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:2px;transition:all .2s ease;margin:0 5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.h-checkbox:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.h-checkbox:checked{background:var(--color-accent);border-color:var(--color-accent)}.h-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}@tailwind base;@tailwind components;@tailwind utilities;.cl-accordionContent,.cl-accordionContent *,.cl-badge,.cl-badge[data-color=primary],.cl-card,.cl-card *,.cl-formFieldLabel,.cl-identityPreviewText,.cl-internal-*,.cl-profileSectionContent,.cl-profileSectionContent *,.cl-userButtonPopoverCard,.cl-userButtonPopoverCard *{color:var(--color-text-primary)!important}.cl-badge,.cl-formFieldInput,.cl-formFieldInput input{background-color:var(--color-bg-elevated)!important}.cl-formFieldInput,.cl-formFieldInput input{color:var(--color-text-primary)!important;border-color:var(--color-border)!important}