:root{--color-bg: #0d0404;--color-bg-main: #0d0404;--color-surface: #1c1010;--color-bg-surface: #1c1010;--color-surface-2: rgba(13, 4, 4, .75);--color-bg-elevated: #1c1010;--color-bg-overlay: rgba(13, 4, 4, .85);--color-bg-stat-card: rgba(0, 0, 0, .1);--color-bg-sidebar: #1c1010;--color-bg-navbar: #1c1010;--color-text: #e6d5d5;--color-text-primary: #e6d5d5;--color-text-secondary: rgba(230, 213, 213, .85);--color-text-muted: rgba(230, 213, 213, .7);--color-text-disabled: rgba(230, 213, 213, .5);--color-text-accent: #ffa6a6;--color-text-sidebar: rgba(230, 213, 213, .85);--color-text-heading: rgba(230, 213, 213, .85);--color-white: #ffffff;--color-accent: #ffa6a6;--color-accent-wash: rgba(255, 166, 166, .07);--color-primary: #ffa6a6;--color-primary-hover: #ffb8b8;--color-primary-active: #ff9494;--color-border: rgba(184, 199, 217, .5);--color-border-default: rgba(230, 213, 213, .2);--color-border-active: rgba(230, 213, 213, .4);--color-border-focus: #ffa6a6;--color-border-highlight: rgba(230, 213, 213, .85);--color-border-sidebar: rgba(230, 213, 213, .3);--color-border-sidebar-active: rgba(230, 213, 213, .6);--color-success: #68d391;--color-warning: #f6e05e;--color-error: #fc8181;--color-info: #ffa6a6;--color-button-primary-bg: #6b1921;--color-button-primary-text: #ffffff;--color-button-secondary-bg: rgba(230, 213, 213, .15);--color-button-secondary-text: #e6d5d5;--color-button-ghost-bg: transparent;--color-button-ghost-text: #e6d5d5;--color-button-cancel-bg: transparent;--color-button-cancel-text: rgba(230, 213, 213, .7);--color-button-cancel-border: rgba(230, 213, 213, .5);--color-button-pause-bg: transparent;--color-button-pause-text: rgba(230, 213, 213, .85);--color-button-pause-border: rgba(230, 213, 213, .85);--color-button-inactive-bg: rgba(230, 213, 213, .1);--color-button-inactive-text: rgba(230, 213, 213, .7);--color-stat-primary: #ffa6a6;--color-stat-secondary: rgba(255, 166, 166, .7);--color-stat-accent: rgba(255, 166, 166, .5);--color-stat-success: #68d391;--color-stat-warning: #f6e05e;--color-stat-info: #ffa6a6;--color-link: #ffa6a6;--color-link-hover: #ffb8b8;--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display: "Inter Display", "Inter", system-ui, sans-serif;--font-serif-accent: "Instrument Serif", serif;--font-accent: "Satoshi", "Inter", sans-serif;--font-ui-bold: "Plus Jakarta Sans", "Inter", sans-serif;--font-family-primary: var(--font-display);--font-family-secondary: var(--font-sans);--font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-base-size: 16px;--text-base-line: 1.6em;--text-base-track: -.02em;--text-base-weight: 400;--text-sm-size: 14px;--text-sm-line: 22px;--text-sm-track: -.01em;--text-sm-weight: 500;--text-xs-size: 12px;--text-xs-line: 1.3em;--text-xs-track: 0em;--text-xs-weight: 400;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-width: 1px;--border-style: solid;--border-color-default: var(--color-border);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-base: 8px;--radius-full: 9999px;--shadow-soft: 0 8px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(255, 166, 166, .25);--shadow-sm: 0px 1px 2px rgba(13, 4, 4, .3);--shadow-base: 0px 1px 3px rgba(13, 4, 4, .4), 0px 1px 2px rgba(13, 4, 4, .2);--shadow-md: 0px 4px 6px rgba(13, 4, 4, .4), 0px 2px 4px rgba(13, 4, 4, .2);--shadow-lg: 0px 10px 15px rgba(13, 4, 4, .5), 0px 4px 6px rgba(13, 4, 4, .3);--shadow-xl: 0px 20px 25px rgba(13, 4, 4, .6), 0px 10px 10px rgba(13, 4, 4, .2);--shadow-2xl: 0px 25px 50px rgba(13, 4, 4, .7);--shadow-focus: 0 0 0 3px rgba(255, 166, 166, .25);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-index-dropdown: 1000;--z-index-modal: 1400;--z-index-popover: 1500;--z-index-tooltip: 1600;--z-index-toast: 1700;--layout-sidebar-width: 16rem;--layout-sidebar-collapsed: 4.5rem;--layout-header-height: 4rem;--layout-max-content-width: 87.5rem;--button-height: 2.5rem;--input-height: 2.5rem;--table-row-height: 3rem}:root[data-theme=light],.theme-light{--color-bg: #ffffff;--color-bg-main: #ffffff;--color-surface: #f7fafc;--color-bg-surface: #f7fafc;--color-text: #1a202c;--color-text-primary: #1a202c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;position:relative;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base-size);line-height:var(--text-base-line);letter-spacing:var(--text-base-track);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0;color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0}figure{margin:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover);text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent);color:var(--color-bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::-webkit-scrollbar-button{display:none}*{scrollbar-width:thin;scrollbar-color:rgba(255,180,170,.3) transparent}.text-base{font-size:var(--text-base-size);line-height:var(--text-base-line);letter-spacing:var(--text-base-track);font-weight:var(--text-base-weight)}.text-sm{font-size:var(--text-sm-size);line-height:var(--text-sm-line);letter-spacing:var(--text-sm-track);font-weight:var(--text-sm-weight)}.text-xs{font-size:var(--text-xs-size);line-height:var(--text-xs-line);letter-spacing:var(--text-xs-track);font-weight:var(--text-xs-weight)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.surface{background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.surface-wash{background:var(--color-accent-wash);border-radius:var(--radius-lg)}[data-border=true]{position:relative}[data-border=true]:after{content:"";border-width:var(--border-top-width, var(--border-width)) var(--border-right-width, var(--border-width)) var(--border-bottom-width, var(--border-width)) var(--border-left-width, var(--border-width));border-color:var(--border-color, var(--color-border-default));border-style:var(--border-style);border-radius:inherit;position:absolute;inset:0;pointer-events:none;box-sizing:border-box}.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-none{flex:none!important}.flex-grow{flex-grow:1!important}.flex-shrink{flex-shrink:1!important}.flex-shrink-0{flex-shrink:0!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.gap-0{gap:0!important}.gap-1{gap:var(--spacing-1)!important}.gap-2{gap:var(--spacing-2)!important}.gap-3{gap:var(--spacing-3)!important}.gap-4{gap:var(--spacing-4)!important}.gap-6{gap:var(--spacing-6)!important}.gap-8{gap:var(--spacing-8)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-1)!important}.p-2{padding:var(--spacing-2)!important}.p-3{padding:var(--spacing-3)!important}.p-4{padding:var(--spacing-4)!important}.p-6{padding:var(--spacing-6)!important}.p-8{padding:var(--spacing-8)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-6{padding-left:var(--spacing-6)!important;padding-right:var(--spacing-6)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-6{padding-top:var(--spacing-6)!important;padding-bottom:var(--spacing-6)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-1)!important}.m-2{margin:var(--spacing-2)!important}.m-3{margin:var(--spacing-3)!important}.m-4{margin:var(--spacing-4)!important}.m-6{margin:var(--spacing-6)!important}.m-8{margin:var(--spacing-8)!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-6{margin-left:var(--spacing-6)!important;margin-right:var(--spacing-6)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-6{margin-top:var(--spacing-6)!important;margin-bottom:var(--spacing-6)!important}.w-full{width:100%!important}.w-auto{width:auto!important}.w-fit{width:fit-content!important}.w-screen{width:100vw!important}.h-full{height:100%!important}.h-auto{height:auto!important}.h-fit{height:fit-content!important}.h-screen{height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.max-w-none{max-width:none!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.max-h-none{max-height:none!important}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-base{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.text-3xl{font-size:var(--font-size-3xl)!important}.font-normal{font-weight:var(--font-weight-normal)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.text-primary{color:var(--color-text-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-muted{color:var(--color-text-muted)!important}.text-disabled{color:var(--color-text-disabled)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-error{color:var(--color-error)!important}.text-info{color:var(--color-info)!important}.text-accent{color:var(--color-accent)!important}.text-sidebar{color:var(--color-text-sidebar)!important}.text-heading{color:var(--color-text-heading)!important}.text-white{color:var(--color-white)!important}.text-link{color:var(--color-accent)!important;text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.text-link:hover{color:var(--color-link-hover)!important;text-decoration:underline}.bg-transparent{background-color:transparent!important}.bg-main{background-color:var(--color-bg-main)!important}.bg-surface{background-color:var(--color-bg-surface)!important}.bg-elevated{background-color:var(--color-bg-elevated)!important}.bg-primary{background-color:var(--color-primary)!important}.bg-success{background-color:var(--color-success)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-error{background-color:var(--color-error)!important}.bg-accent{background-color:var(--color-accent)!important}.bg-accent-wash{background-color:var(--color-accent-wash)!important}.border{border:1px solid var(--color-border-default)!important}.border-0{border:none!important}.border-t{border-top:1px solid var(--color-border-default)!important}.border-b{border-bottom:1px solid var(--color-border-default)!important}.border-l{border-left:1px solid var(--color-border-default)!important}.border-r{border-right:1px solid var(--color-border-default)!important}.border-primary{border-color:var(--color-primary)!important}.border-success{border-color:var(--color-success)!important}.border-warning{border-color:var(--color-warning)!important}.border-error{border-color:var(--color-error)!important}.border-accent{border-color:var(--color-accent)!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded{border-radius:var(--radius-base)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-base)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-soft{box-shadow:var(--shadow-soft)!important}.shadow-glow{box-shadow:var(--shadow-glow)!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-move{cursor:move!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.select-none{user-select:none!important}.select-text{user-select:text!important}.select-all{user-select:all!important}.select-auto{user-select:auto!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-auto{z-index:auto!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))!important}.transform-none{transform:none!important}.transition{transition:all var(--transition-base)!important}.transition-none{transition:none!important}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)!important}.transition-transform{transition:transform var(--transition-base)!important}.transition-opacity{transition:opacity var(--transition-base)!important}.animate-spin{animation:spin 1s linear infinite!important}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}.animate-bounce{animation:bounce 1s infinite!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width: 767px){.mobile-hidden{display:none!important}}@media (min-width: 768px){.mobile-only{display:none!important}}@media (max-width: 1023px){.tablet-hidden{display:none!important}}@media (min-width: 1024px){.tablet-only{display:none!important}}@media (max-width: 1279px){.desktop-hidden{display:none!important}}@media (min-width: 1280px){.desktop-only{display:none!important}}.application-layout{display:flex;width:100%;height:100vh;overflow:hidden;background:var(--color-bg);position:relative}.application-layout:after{content:"";position:fixed;bottom:-200px;left:50%;transform:translate(-50%);width:120%;height:500px;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(255,200,180,.12) 0%,rgba(255,166,166,.06) 30%,rgba(255,140,140,.02) 60%,transparent 80%);pointer-events:none;z-index:0}.main-content{background-color:var(--color-bg);flex:1;display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.main-content:before{content:"";position:fixed;bottom:0;left:0;right:0;height:60vh;background:radial-gradient(ellipse 80% 70% at 50% 100%,rgba(255,180,170,.15) 0%,rgba(255,160,150,.08) 25%,rgba(255,140,130,.03) 50%,transparent 75%);pointer-events:none;z-index:0}.page-content{display:flex;flex-direction:column;min-height:calc(100vh - var(--layout-header-height));padding:var(--spacing-8);padding-bottom:var(--spacing-12);width:100%;box-sizing:border-box;max-width:var(--layout-max-content-width);margin:0 auto;position:relative;z-index:1}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);width:100%;flex-wrap:wrap}.page-header h1,.page-header h2,h1,h2{margin:0;color:var(--color-text);font-weight:var(--font-weight-semibold)}.page-header h1{font-size:var(--font-size-3xl)}.page-header h2{font-size:var(--font-size-2xl)}.page-header-description{margin-top:var(--spacing-2);margin-bottom:0;color:var(--color-text-muted)}.content-grid{display:grid;gap:var(--spacing-4);width:100%}.content-grid--2-col{grid-template-columns:1fr 1fr}.content-grid--3-col{grid-template-columns:repeat(3,1fr)}.content-grid--4-col{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.content-grid--2-col,.content-grid--3-col,.content-grid--4-col{grid-template-columns:1fr}.main-content:after{left:0}}@media (min-width: 769px) and (max-width: 1024px){.content-grid--3-col,.content-grid--4-col{grid-template-columns:repeat(2,1fr)}}.flex-row{display:flex;align-items:center;gap:var(--spacing-4)}.flex-column{display:flex;flex-direction:column;gap:var(--spacing-4)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}@media (max-width: 768px){.page-content{padding:var(--spacing-4)}.page-header{flex-direction:column;align-items:stretch;text-align:center}.flex-row{flex-direction:column;align-items:stretch}}@media (min-width: 769px){.sidebar-collapsed .main-content:after{left:var(--layout-sidebar-collapsed-width)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:0 var(--spacing-4);height:var(--button-height);font-size:var(--text-sm-size);font-weight:var(--text-sm-weight);font-family:var(--font-sans);line-height:1;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;user-select:none;text-decoration:none;outline:none;min-width:125px}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.btn--primary:hover:not(:disabled){background:#7d1f27;border-color:#7d1f27}.btn--primary:active:not(:disabled){background:#5a151c;border-color:#5a151c}.btn--secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border-color:var(--color-border-default)}.btn--secondary:hover:not(:disabled){background:rgba(230,213,213,.2);border-color:var(--color-border-active)}.btn--secondary:active:not(:disabled){background:rgba(230,213,213,.25)}.btn--ghost{background:var(--color-button-ghost-bg);color:var(--color-button-ghost-text);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-accent-wash);color:var(--color-text)}.btn--cancel{background:var(--color-button-cancel-bg);color:var(--color-button-cancel-text);border-color:var(--color-button-cancel-border)}.btn--cancel:hover:not(:disabled){background:rgba(230,213,213,.1);color:var(--color-text);border-color:var(--color-border-active)}.btn--pause{background:var(--color-button-pause-bg);color:var(--color-button-pause-text);border-color:var(--color-button-pause-border)}.btn--pause:hover:not(:disabled){background:var(--color-accent-wash);color:var(--color-button-pause-text);border-color:var(--color-button-pause-border)}.btn--pause:active:not(:disabled){background:rgba(255,166,166,.15);border-color:var(--color-button-pause-border)}.btn--danger{background:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.btn--danger:hover:not(:disabled){background:#e53e3e;border-color:#e53e3e}.btn--accent{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn--accent:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--red{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn--red:hover:not(:disabled){background:rgba(255,166,166,.15);color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--red:active:not(:disabled){background:rgba(255,166,166,.25)}.btn--sm{height:2rem;padding:0 var(--spacing-3);font-size:var(--text-xs-size)}.btn--lg{height:3rem;padding:0 var(--spacing-6);font-size:var(--text-base-size)}.btn--xl{height:3.5rem;padding:0 var(--spacing-8);font-size:var(--font-size-lg)}.btn-group{display:inline-flex;align-items:center;gap:var(--spacing-1)}.btn-group .btn{margin-right:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.btn-group .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-toggle{background:transparent;color:var(--color-button-inactive-text);border-color:var(--color-button-inactive-bg)}.btn-toggle:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-toggle--active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn-toggle--active:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--icon-only{width:var(--button-height);height:var(--button-height);padding:0;min-width:auto}.btn--icon-only.btn--sm{width:2rem;height:2rem}.btn--icon-only.btn--lg{width:3rem;height:3rem}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spinner .8s linear infinite}@keyframes btn-spinner{to{transform:rotate(360deg)}}@media (max-width: 768px){.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%;border-radius:var(--radius-sm)}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.form-label{font-size:var(--text-sm-size);font-weight:var(--text-sm-weight);color:var(--color-text-secondary);line-height:var(--line-height-tight)}.form-label--required:after{content:"*";color:var(--color-error);margin-left:var(--spacing-1)}.form-input{width:100%;height:var(--input-height);padding:0 var(--spacing-3);font-size:var(--text-base-size);font-weight:var(--text-base-weight);font-family:var(--font-sans);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);transition:all var(--transition-base);appearance:none;outline:none}.form-input::placeholder{color:var(--color-text-disabled);opacity:1}.form-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);background-color:var(--color-bg-stat-card)}.form-input:disabled{background-color:var(--color-surface);cursor:not-allowed;opacity:.6}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #fc818140}.form-textarea{min-height:8rem;max-height:15rem;padding:var(--spacing-3);resize:vertical;line-height:var(--line-height-relaxed)}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffa6a6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--spacing-8)}.form-select option{background-color:var(--color-surface);color:var(--color-text)}.form-checkbox{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.form-checkbox__input{width:1rem;height:1rem;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-surface);cursor:pointer;accent-color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;user-select:none;vertical-align:top;transition:all var(--transition-base)}.form-checkbox__input:checked,.form-checkbox__input.checked{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.form-checkbox__input .check-icon{width:12px;height:10px;opacity:1}.form-checkbox__input:not(:checked) .check-icon,.form-checkbox__input:not(.checked) .check-icon{display:none}.form-checkbox__label{font-size:var(--text-sm-size);color:var(--color-text-secondary);cursor:pointer;line-height:var(--line-height-tight)}.form-radio{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.form-radio__input{width:1rem;height:1rem;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background-color:var(--color-surface);cursor:pointer;accent-color:var(--color-accent)}.form-radio__input:checked{background-color:var(--color-accent);border-color:var(--color-accent)}.form-radio__label{font-size:var(--text-sm-size);color:var(--color-text-secondary);cursor:pointer;line-height:var(--line-height-tight)}.form-file{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden;height:var(--input-height)}.form-file__input{position:absolute;left:-9999px}.form-file__button{background:var(--color-accent);color:var(--color-bg);padding:0 var(--spacing-4);height:100%;display:flex;align-items:center;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border:none;font-size:var(--text-sm-size);transition:background var(--transition-base)}.form-file__button:hover{background:var(--color-primary-hover)}.form-file__text{flex:1;padding:0 var(--spacing-3);font-size:var(--text-sm-size);color:var(--color-text);display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-file__text--placeholder{color:var(--color-text-disabled)}.form-error{color:var(--color-error);font-size:var(--text-xs-size);margin-top:var(--spacing-1)}.form-success{color:var(--color-success);font-size:var(--text-xs-size);margin-top:var(--spacing-1)}.form-help{color:var(--color-text-muted);font-size:var(--text-xs-size);margin-top:var(--spacing-1)}.input-group{display:flex;width:100%}.input-group .form-input{border-radius:0;border-right:none}.input-group .form-input:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-right:1px solid var(--color-border-default)}.input-group__addon{display:flex;align-items:center;padding:0 var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border-default);color:var(--color-text-muted);font-size:var(--text-sm-size);white-space:nowrap}.input-group__addon:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);border-right:none}.input-group__addon:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-left:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.input-group{flex-direction:column}.input-group .form-input,.input-group__addon{border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.input-group .form-input:not(:last-child),.input-group__addon:not(:last-child){margin-bottom:-1px}}.settings-card{background:rgba(18,12,12,.4);border-radius:var(--radius-lg);box-shadow:none;transition:none;overflow:visible;margin-bottom:var(--spacing-8);border:1px solid rgba(255,180,170,.08);position:relative}.settings-card:last-child{margin-bottom:0}.settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,180,170,.15) 20%,rgba(255,190,180,.25) 50%,rgba(255,180,170,.15) 80%,transparent 100%);z-index:1}.settings-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid rgba(255,180,170,.06);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.settings-card__content{padding:var(--spacing-6)}.settings-card__content--scrollable{padding:var(--spacing-6);overflow-y:auto;max-height:60vh;scrollbar-width:thin;scrollbar-color:rgba(255,180,170,.3) transparent}.settings-card__content--scrollable::-webkit-scrollbar{width:8px}.settings-card__content--scrollable::-webkit-scrollbar-track{background:rgba(255,180,170,.05);border-radius:4px}.settings-card__content--scrollable::-webkit-scrollbar-thumb{background:rgba(255,180,170,.25);border-radius:4px}.settings-card__content--scrollable::-webkit-scrollbar-thumb:hover{background:rgba(255,180,170,.4)}.card{background-color:#1c101099;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;transition:all var(--transition-base);border:1px solid rgba(255,166,166,.1);backdrop-filter:blur(10px);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,166,166,.4) 20%,rgba(255,166,166,.6) 50%,rgba(255,166,166,.4) 80%,transparent 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card:hover{box-shadow:var(--shadow-md);background-color:#1c1010b3;border-color:#ffa6a633}.card--sm{padding:var(--spacing-4)}.card--base{padding:var(--spacing-6)}.card--lg{padding:var(--spacing-8)}.card__header{padding:var(--spacing-6);border-bottom:1px solid rgba(255,166,166,.1);display:flex;align-items:center;justify-content:space-between}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.card__subtitle{font-size:var(--text-sm-size);color:var(--color-text-muted);margin:var(--spacing-1) 0 0 0}.card__actions{display:flex;align-items:center;gap:var(--spacing-2)}.card__body{padding:var(--spacing-6)}.card__body--no-padding{padding:0}.card__footer{padding:var(--spacing-6);border-top:1px solid rgba(255,166,166,.1);background:rgba(13,4,4,.3);display:flex;align-items:center;justify-content:space-between}.stat-card{background:radial-gradient(ellipse 80% 100% at 50% 120%,rgba(255,180,170,.12) 0%,rgba(255,160,150,.06) 30%,rgba(255,140,130,.02) 50%,transparent 70%),rgba(18,12,12,.75);border-radius:var(--radius-xl);box-shadow:none;padding:var(--spacing-6);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:9rem;margin-bottom:var(--spacing-6);transition:all var(--transition-base);position:relative;border:1px solid rgba(255,180,170,.08);overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,180,170,.15) 20%,rgba(255,190,180,.25) 50%,rgba(255,180,170,.15) 80%,transparent 100%)}.stat-card:hover{background:radial-gradient(ellipse 80% 100% at 50% 120%,rgba(255,180,170,.16) 0%,rgba(255,160,150,.08) 30%,rgba(255,140,130,.03) 50%,transparent 70%),rgba(18,12,12,.8);border-color:#ffb4aa1f}.stat-card--primary,.stat-card--secondary,.stat-card--accent,.stat-card--success,.stat-card--warning,.stat-card--info,.stat-card--dark,.stat-card--elegant{border-left:none!important;border-right:none!important}.stat-card:after{display:none!important}.stat-card--primary:after,.stat-card--secondary:after,.stat-card--accent:after,.stat-card--success:after,.stat-card--warning:after,.stat-card--info:after,.stat-card--dark:after,.stat-card--elegant:after{display:none!important}.stat-card__number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin-bottom:var(--spacing-2)}.stat-card__label{font-size:var(--text-sm-size);color:var(--color-text-muted);font-weight:var(--text-sm-weight);text-transform:uppercase;letter-spacing:.05em;opacity:.9}.stat-card__change{font-size:var(--text-xs-size);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:var(--spacing-1)}.stat-card__change--positive{color:var(--color-success)}.stat-card__change--negative{color:var(--color-error)}.stat-card__change--neutral{color:var(--color-text-muted)}.config-card{flex:1 1 13.75rem;min-width:13.75rem;max-width:13.75rem;height:8.75rem;background-color:#1c101080;border:1px solid rgba(255,166,166,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:var(--spacing-4);transition:all var(--transition-base);text-align:center;backdrop-filter:blur(10px);position:relative;overflow:hidden}.config-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,166,166,.3) 20%,rgba(255,166,166,.5) 50%,rgba(255,166,166,.3) 80%,transparent 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.config-card:hover{background-color:#1c1010a6;transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 20px #ffa6a61a;border-color:#ffa6a633}.config-card__icon{max-height:5rem;margin-bottom:var(--spacing-2)}.config-card__plus{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-accent);margin-bottom:var(--spacing-2)}.config-card__label{font-size:var(--text-base-size);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.control-panel{background-color:#1c101080;border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;max-height:calc(50vh - 2rem);overflow-y:auto;border:1px solid rgba(255,166,166,.08);backdrop-filter:blur(10px);position:relative}.control-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,166,166,.3) 20%,rgba(255,166,166,.5) 50%,rgba(255,166,166,.3) 80%,transparent 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.chart-panel{background-color:#1c101080;box-shadow:var(--shadow-soft);color:var(--color-text);padding:var(--spacing-6);border-radius:var(--radius-lg);width:100%;box-sizing:border-box;border:1px solid rgba(255,166,166,.08);backdrop-filter:blur(10px);position:relative;overflow:hidden}.chart-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,166,166,.3) 20%,rgba(255,166,166,.5) 50%,rgba(255,166,166,.3) 80%,transparent 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.chart-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);flex-wrap:wrap;gap:var(--spacing-4)}.chart-panel__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.chart-panel__controls{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}.info-card{background:radial-gradient(ellipse 80% 100% at 50% 120%,rgba(255,180,170,.1) 0%,rgba(255,160,150,.05) 30%,rgba(255,140,130,.02) 50%,transparent 70%),rgba(18,12,12,.75);color:var(--color-text);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:none;border:1px solid rgba(255,180,170,.08);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,180,170,.15) 20%,rgba(255,190,180,.25) 50%,rgba(255,180,170,.15) 80%,transparent 100%)}.info-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-text)}.info-card__description{font-size:var(--text-sm-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.alert-card{background:radial-gradient(ellipse 80% 100% at 50% 120%,rgba(255,180,170,.1) 0%,rgba(255,160,150,.05) 30%,rgba(255,140,130,.02) 50%,transparent 70%),rgba(18,12,12,.75);border:1px solid rgba(255,180,170,.08);border-radius:var(--radius-lg);padding:var(--spacing-4);color:var(--color-text);position:relative;overflow:hidden}.alert-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,180,170,.2) 20%,rgba(255,190,180,.35) 50%,rgba(255,180,170,.2) 80%,transparent 100%)}.alert-card__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-accent)}.alert-card__description{font-size:var(--text-sm-size);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.warning-card{background:rgba(28,16,16,.5);border:1px solid rgba(246,224,94,.15);border-radius:var(--radius-lg);padding:var(--spacing-4);color:var(--color-text);backdrop-filter:blur(10px);position:relative;overflow:hidden}.warning-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(246,224,94,.4) 20%,rgba(246,224,94,.7) 50%,rgba(246,224,94,.4) 80%,transparent 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.warning-card__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-warning)}.warning-card__description{font-size:var(--text-sm-size);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.error-card{background:rgba(28,16,16,.5);border:1px solid rgba(252,129,129,.15);border-radius:var(--radius-lg);padding:var(--spacing-4);color:var(--color-text);backdrop-filter:blur(10px);position:relative;overflow:hidden}.error-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(252,129,129,.4) 20%,rgba(252,129,129,.7) 50%,rgba(252,129,129,.4) 80%,transparent 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.error-card__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-error)}.error-card__description{font-size:var(--text-sm-size);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.success-card{background:radial-gradient(ellipse 80% 100% at 50% 120%,rgba(130,220,170,.1) 0%,rgba(110,200,150,.05) 30%,rgba(90,180,130,.02) 50%,transparent 70%),rgba(18,12,12,.75);border:1px solid rgba(104,211,145,.08);border-radius:var(--radius-lg);padding:var(--spacing-4);color:var(--color-text);position:relative;overflow:hidden}.success-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(104,211,145,.2) 20%,rgba(130,220,170,.35) 50%,rgba(104,211,145,.2) 80%,transparent 100%)}.success-card__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-success)}.success-card__description{font-size:var(--text-sm-size);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.card--interactive{cursor:pointer;transition:all var(--transition-base)}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--interactive:active{transform:translateY(0)}.card--flat{box-shadow:none;border:1px solid rgba(255,166,166,.08)}.card--elevated{box-shadow:var(--shadow-lg)}.card--bordered{border:1px solid rgba(255,166,166,.1)}@media (max-width: 768px){.card__header,.card__body,.card__footer,.chart-panel{padding:var(--spacing-4)}.chart-panel__header{flex-direction:column;align-items:stretch;text-align:center}.stat-card{min-height:7rem;padding:var(--spacing-4)}.stat-card__number{font-size:var(--font-size-2xl)}.config-card{min-width:auto;max-width:none;width:100%}}.table-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--spacing-6);border:1px solid var(--color-border-default);transition:all var(--transition-base)}.table-container:hover{box-shadow:var(--shadow-lg)}.table-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,180,170,.3) transparent}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:var(--color-border-active);border-radius:var(--radius-full)}.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.data-table{background-color:transparent;border-collapse:separate;border-spacing:0;font-family:var(--font-sans)}.data-table thead{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);position:relative}.data-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 20%,var(--color-accent) 80%,transparent 100%);opacity:.4}.data-table th{text-align:left;font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--text-sm-size);color:var(--color-text);background:var(--color-surface);line-height:var(--line-height-tight);letter-spacing:.025em;text-transform:uppercase;position:relative;border-bottom:1px solid var(--color-border-default)}.data-table th:not(:last-child):after{content:"";position:absolute;top:25%;right:0;bottom:25%;width:1px;background:var(--color-border-default);opacity:.5}.data-table tbody tr{transition:all var(--transition-base);position:relative}.data-table tbody tr:hover{background:linear-gradient(90deg,rgba(255,166,166,.03) 0%,rgba(255,166,166,.08) 50%,rgba(255,166,166,.03) 100%);transform:translate(2px);box-shadow:inset 3px 0 0 var(--color-accent)}.data-table tbody tr:nth-child(even){background:rgba(255,255,255,.015)}.data-table tbody tr:nth-child(even):hover{background:linear-gradient(90deg,rgba(255,166,166,.05) 0%,rgba(255,166,166,.1) 50%,rgba(255,166,166,.05) 100%)}.data-table td{text-align:left;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm-size);font-weight:var(--text-base-weight);line-height:var(--line-height-normal);border-bottom:1px solid rgba(255,255,255,.04);position:relative;vertical-align:middle}.data-table td strong,.data-table td .font-semibold{font-weight:var(--font-weight-semibold);color:var(--color-text)}.data-table td .text-muted{color:var(--color-text-muted);font-size:var(--text-xs-size)}.data-table td .text-secondary{color:var(--color-text-secondary)}.table-cell--center{text-align:center}.table-cell--right{text-align:right}.table-cell--wrap{white-space:normal;word-wrap:break-word}.table-cell--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-cell--highlight{background-color:var(--color-surface);font-weight:var(--font-weight-medium)}.table-status{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs-size);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:.025em;text-transform:uppercase;border:1px solid transparent;transition:all var(--transition-base)}.table-status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.table-status--success{background:rgba(104,211,145,.15);color:var(--color-success);border-color:#68d3914d}.table-status--warning{background:rgba(246,224,94,.15);color:var(--color-warning);border-color:#f6e05e4d}.table-status--error{background:rgba(252,129,129,.15);color:var(--color-error);border-color:#fc81814d}.table-status--info{background:rgba(255,166,166,.15);color:var(--color-accent);border-color:#ffa6a64d}.table-status--neutral{background:rgba(230,213,213,.15);color:var(--color-text-muted);border-color:#e6d5d54d}.table-status--processing{background:rgba(255,166,166,.1);color:var(--color-accent);border-color:#ffa6a633;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 #ffa6a666}50%{opacity:.8;box-shadow:0 0 0 4px #ffa6a61a}}.table-actions{display:flex;align-items:center;gap:var(--spacing-1);justify-content:flex-end}.table-action-btn{padding:var(--spacing-1);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.table-action-btn:hover{background:var(--color-accent-wash);color:var(--color-text)}.table-action-btn--danger:hover{background:var(--color-error);color:var(--color-white)}.table-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--color-border-default);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);font-family:var(--font-sans)}.pagination-btn{padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);transition:all var(--transition-base);min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;position:relative}.pagination-btn:hover:not(:disabled){background:var(--color-accent-wash);color:var(--color-text);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(100%)}.pagination-btn--active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary-hover) 100%);color:var(--color-bg);border-color:var(--color-accent);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.pagination-btn--active:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-active) 100%);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-info{font-family:var(--font-sans);font-size:var(--text-sm-size);color:var(--color-text-muted);margin:0 var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);background:var(--color-accent-wash);border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.table-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4);align-items:center;flex-wrap:wrap;padding:var(--spacing-4);background:var(--color-surface);border-radius:var(--radius-lg)}.table-filters__group{display:flex;align-items:center;gap:var(--spacing-2)}.table-filters__label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.table-empty{text-align:center;padding:var(--spacing-16) var(--spacing-6);color:var(--color-text-muted);background:linear-gradient(135deg,rgba(255,255,255,.01) 0%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.01) 100%);border-radius:var(--radius-lg);margin:var(--spacing-4);border:1px solid rgba(255,255,255,.05)}.table-empty__icon{width:4rem;height:4rem;margin:0 auto var(--spacing-6);opacity:.3;color:var(--color-text-muted);filter:drop-shadow(0 0 8px rgba(255,166,166,.1))}.table-empty__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);letter-spacing:.025em}.table-empty__description{font-family:var(--font-sans);font-size:var(--text-sm-size);color:var(--color-text-muted);max-width:28rem;margin:0 auto;line-height:var(--line-height-relaxed)}.table-loading{text-align:center;padding:var(--spacing-12);background:linear-gradient(135deg,rgba(255,255,255,.01) 0%,rgba(255,255,255,.03) 100%);border-radius:var(--radius-lg);margin:var(--spacing-4)}.table-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--color-accent);border-radius:50%;animation:table-spinner 1s linear infinite;margin:0 auto var(--spacing-4);position:relative}.table-loading-spinner:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1px solid rgba(255,166,166,.2);border-radius:50%;animation:table-spinner-glow 2s ease-in-out infinite}@keyframes table-spinner{to{transform:rotate(360deg)}}@keyframes table-spinner-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@media (max-width: 768px){.table-container{margin:var(--spacing-3) 0;border-radius:var(--radius-lg)}.table-filters{flex-direction:column;align-items:stretch;padding:var(--spacing-3);gap:var(--spacing-3)}.table-filters__group{width:100%}.table-pagination{flex-wrap:wrap;gap:var(--spacing-1);padding:var(--spacing-4)}.pagination-info{width:100%;text-align:center;margin:var(--spacing-2) 0;order:-1}.data-table th,.data-table td{font-size:var(--text-xs-size)}.table-status{font-size:.6rem;padding:var(--spacing-1) var(--spacing-2)}.table-empty{padding:var(--spacing-8) var(--spacing-4);margin:var(--spacing-2)}.table-empty__icon{width:3rem;height:3rem;margin-bottom:var(--spacing-4)}.table-loading{padding:var(--spacing-8);margin:var(--spacing-2)}.data-table tbody tr:hover{transform:none;background:rgba(255,166,166,.05);box-shadow:inset 2px 0 0 var(--color-accent)}}@media (max-width: 480px){.table-scroll{font-size:var(--text-xs-size)}.pagination-btn{min-width:2rem;height:2rem;padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs-size)}.table-empty__title{font-size:var(--text-base-size)}.table-empty__description{font-size:var(--text-xs-size)}}.modal-backdrop,.modal-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-4)}.modal-backdrop{background:rgba(13,4,4,.6)}.custom-modal-backdrop{position:fixed;inset:0;background:rgba(13,4,4,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-4)}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);width:100%;max-width:500px;max-height:90vh;overflow:auto}.modal{position:relative;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-family:var(--font-sans);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-base)}.modal:before,.custom-modal:before,.context-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary-hover) 50%,var(--color-accent) 100%);opacity:.8;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.modal:hover{box-shadow:var(--shadow-lg)}.custom-modal{position:relative;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-family:var(--font-sans);width:100%;max-width:32rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-base);padding:var(--spacing-6)}.custom-modal:hover{box-shadow:var(--shadow-lg)}.context-modal{position:relative;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-family:var(--font-sans);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-base);padding:var(--spacing-6)}.context-modal:hover{box-shadow:var(--shadow-lg)}.context-modal-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-default)}.context-modal-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text)}.context-body{flex-grow:1;overflow-y:auto;margin-bottom:var(--spacing-4)}.modal--sm{max-width:24rem}.modal--base{max-width:32rem}.modal--lg{max-width:48rem}.modal--xl{max-width:64rem}.modal--full{max-width:90vw;max-height:90vh}.modal-header,.modal-content__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.modal-title,.modal-content__header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal-close,.modal-content__header button{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.modal-close:hover,.modal-content__header button:hover{background:var(--color-accent-wash);color:var(--color-text)}.modal-body,.modal-content__body{padding:var(--spacing-6);overflow-y:auto;flex-grow:1}.modal-body--no-padding{padding:0}.modal-content__body>p{margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.modal-form-group,.form-field{margin-bottom:var(--spacing-5)}.modal-form-group label,.form-field label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.modal-form-group input,.form-field input{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.modal-form-group input:focus,.form-field input:focus{border-color:var(--color-accent)}.modal-form-group input[type=password]{font-family:var(--font-family-mono)}.modal-form-group input.input-error,.form-field input.input-error{border-color:var(--color-error)}.modal-form-group input:disabled,.form-field input:disabled{opacity:.6;cursor:not-allowed}.modal-form-group .help-text,.form-field .help-text{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.modal-info-box{padding:var(--spacing-4);background-color:#ffb4aa0d;border:1px solid rgba(255,180,170,.2);border-radius:var(--radius-md);margin-top:var(--spacing-5)}.modal-info-box p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.modal-info-box strong{color:var(--color-text)}.required{color:var(--color-error)}.modal-footer,.modal-content__footer{display:flex;gap:var(--spacing-3);justify-content:center;padding:var(--spacing-6);border-top:1px solid var(--color-border-default);flex-shrink:0}.modal-footer--left{justify-content:flex-start}.modal-footer--right{justify-content:flex-end}.modal-footer--between{justify-content:space-between}.modal-actions{display:flex;justify-content:center;gap:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default);flex-shrink:0}.modal-actions--left{justify-content:flex-start}.modal-actions--right{justify-content:flex-end}.modal-actions--between{justify-content:space-between}.modal-error{color:var(--color-error);font-size:var(--text-sm-size);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:rgba(252,129,129,.1);border-radius:var(--radius-sm);border:1px solid rgba(252,129,129,.2)}.modal--danger .modal-header{border-bottom-color:var(--color-error);background:rgba(252,129,129,.1)}.modal--success .modal-header{border-bottom-color:var(--color-success);background:rgba(104,211,145,.1)}.modal--warning .modal-header{border-bottom-color:var(--color-warning);background:rgba(246,224,94,.1)}.popover-modal{position:absolute;background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-lg);min-width:28rem;max-width:42rem;min-height:20rem;max-height:80vh;z-index:var(--z-index-popover);overflow-y:auto;cursor:move;user-select:none}.popover-modal-header{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-default)}.popover-modal-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);margin:0}.popover-modal-body{display:flex;flex-direction:column;gap:var(--spacing-3)}.popover-modal-footer{margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default);display:flex;justify-content:center;gap:var(--spacing-2)}.popover-modal .btn-primary,.popover-modal .btn-secondary{background:var(--color-accent);color:var(--color-bg);border:none;border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);min-width:5rem}.popover-modal .btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.popover-modal .btn-primary:active{transform:translateY(0)}.popover-modal .btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-default)}.popover-modal .btn-secondary:hover{background:var(--color-accent-wash);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.popover-modal .btn-secondary:active{transform:translateY(0)}.unified-modal-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.25rem;font-weight:700;position:absolute;top:var(--spacing-3);right:var(--spacing-3);z-index:10}.unified-modal-close:hover{background:var(--color-accent-wash);color:var(--color-text);transform:scale(1.05)}.popover-modal-resize{position:absolute;bottom:0;right:0;width:1rem;height:1rem;cursor:nwse-resize;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e6d5d5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l4-4m0 0l4 4m-4-4v18'/%3e%3c/svg%3e") no-repeat center;background-size:.5rem;opacity:.5}.popover-modal-resize:hover{opacity:1}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-1rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-backdrop-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}.modal-backdrop,.custom-modal-backdrop{animation:modal-backdrop-fade-in .3s ease-out}.modal,.custom-modal,.context-modal{animation:modal-slide-in .3s ease-out}@media (max-width: 768px){.modal-backdrop,.custom-modal-backdrop{padding:var(--spacing-2)}.modal--lg,.modal--xl,.custom-modal,.context-modal{max-width:100%;margin:var(--spacing-2)}.modal-header,.modal-body,.modal-footer,.custom-modal,.context-modal{padding:var(--spacing-4)}.modal-footer,.modal-actions{flex-direction:column}.modal-footer .btn,.modal-actions .btn{width:100%}.context-modal-content{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2)}.context-body{margin-bottom:var(--spacing-3)}}.modal--loading{pointer-events:none}.modal--loading .modal-body{display:flex;align-items:center;justify-content:center;min-height:8rem}.modal-loading-spinner{width:2rem;height:2rem;border:2px solid var(--color-border-default);border-top:2px solid var(--color-accent);border-radius:50%;animation:modal-spinner .8s linear infinite}@keyframes modal-spinner{to{transform:rotate(360deg)}}.modal .input,.custom-modal .input,.context-modal .input{width:100%;padding:var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);transition:all var(--transition-base)}.modal .input:focus,.custom-modal .input:focus,.context-modal .input:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.modal label,.custom-modal label,.context-modal label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.modal-note{font-size:var(--text-xs-size);color:var(--color-text-muted);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-accent-wash);border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.modal .stat-label,.custom-modal .stat-label,.context-modal .stat-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.context-file-input{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden;transition:all var(--transition-base)}.context-file-input:hover{border-color:var(--color-accent)}.custom-file-label{background:var(--color-accent);color:var(--color-bg);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);transition:background var(--transition-base);border:none;white-space:nowrap;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);height:100%;display:flex;align-items:center}.custom-file-label:hover{background:var(--color-primary-hover)}.custom-file-text{flex:1;padding:var(--spacing-3);font-size:var(--text-sm-size);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-file-input input[type=file]{position:absolute;left:-9999px;opacity:0;pointer-events:none}.modal .checkbox-label,.custom-modal .checkbox-label,.context-modal .checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm-size);cursor:pointer;color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.main-sidebar{background-color:var(--color-bg-sidebar);overflow-y:auto;box-shadow:var(--shadow-lg);padding:var(--spacing-6) var(--spacing-4);width:var(--layout-sidebar-width);min-width:var(--layout-sidebar-width);height:100vh;z-index:1;transition:width var(--transition-base)}.main-sidebar--collapsed{width:var(--layout-sidebar-collapsed);min-width:var(--layout-sidebar-collapsed)}.sidebar-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%}.sidebar-header{height:var(--layout-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);border-bottom:1px solid var(--color-border-default);margin-bottom:var(--spacing-6)}.sidebar-logo{width:auto}.sidebar-toggle{background:transparent;color:var(--color-text-muted);border:none;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer}.sidebar-toggle:hover{background-color:var(--color-accent);color:var(--color-bg)}.sidebar-navigation{display:flex;flex-direction:column;gap:var(--spacing-1);flex-grow:1}.nav-section{display:flex;flex-direction:column}.nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--text-sm-size);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;width:100%;text-align:left;font-family:var(--font-sans);position:relative}.nav-link:hover{background:var(--color-accent-wash);color:var(--color-text)}.nav-link--active{background:rgba(255,166,166,.15);color:var(--color-text);font-weight:var(--font-weight-semibold)}.nav-parent{justify-content:space-between}.nav-chevron{margin-left:auto;display:flex;align-items:center;color:var(--color-text-muted)}.nav-children{overflow:hidden;margin-left:var(--spacing-6);border-left:2px solid var(--color-border-default)}.nav-child{padding:var(--spacing-2) var(--spacing-3);margin-left:var(--spacing-2);color:var(--color-text-muted);font-size:var(--text-xs-size);border-radius:var(--radius-sm)}.nav-child:hover{background:var(--color-accent-wash);color:var(--color-text-secondary)}.nav-child.nav-link--active{background:rgba(255,166,166,.12);color:var(--color-text);font-weight:var(--font-weight-semibold)}.nav-child__label{font-size:var(--text-xs-size);font-weight:var(--font-weight-medium)}.nav-link__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-link__label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);opacity:1;transition:opacity var(--transition-base)}.main-sidebar--collapsed .nav-link__label{opacity:0;width:0;overflow:hidden}.sidebar-footer{padding-top:var(--spacing-4);border-top:1px solid var(--color-border-default);display:flex;flex-direction:column;gap:var(--spacing-2)}.user-profile{display:flex;align-items:center;padding:var(--spacing-3);border-radius:var(--radius-sm);background-color:var(--color-accent-wash)}.user-profile__avatar{background:var(--color-accent);color:var(--color-bg);font-weight:var(--font-weight-semibold);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-3);font-size:var(--text-sm-size);flex-shrink:0}.user-profile__details{display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base)}.main-sidebar--collapsed .user-profile__details{opacity:0;width:0}.user-profile__name{font-weight:var(--font-weight-semibold);font-size:var(--text-sm-size);color:var(--color-text)}.user-profile__email{font-size:var(--text-xs-size);color:var(--color-text-muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.nav-link--logout{margin-top:var(--spacing-2)}@media (max-width: 768px){.main-sidebar{display:none;position:absolute;top:var(--layout-header-height);left:0;height:calc(100vh - var(--layout-header-height));width:var(--layout-sidebar-width);z-index:999}.main-sidebar--open{display:flex}}@media screen and (min-width: 30em){.main-sidebar{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}.mobile-topbar{display:none;height:var(--layout-header-height);width:100%;background-color:var(--color-bg-navbar);color:var(--color-text);padding:0 var(--spacing-4);align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-default);z-index:var(--z-index-dropdown);position:relative;box-shadow:var(--shadow-sm)}.mobile-topbar__logo{height:2rem;width:auto}.mobile-topbar__toggle{background:transparent;color:var(--color-text-muted);border:none;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-topbar__toggle:hover{background-color:var(--color-accent-wash);color:var(--color-text)}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(13,4,4,.6);z-index:calc(var(--z-index-dropdown) - 1);backdrop-filter:blur(4px)}.mobile-sidebar-overlay--open{display:block}@media (max-width: 768px){.mobile-topbar{display:flex}.main-sidebar{display:none;position:fixed;top:var(--layout-header-height);left:0;height:calc(100vh - var(--layout-header-height));width:var(--layout-sidebar-width);z-index:var(--z-index-dropdown);transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-xl)}.main-sidebar--open{display:flex;transform:translate(0)}.main-content{margin-top:var(--layout-header-height)}.page-content{min-height:calc(100vh - var(--layout-header-height) * 2)}}@media (min-width: 769px){.mobile-topbar{display:none}.mobile-sidebar-overlay{display:none!important}}.workflow-builder{display:flex;height:calc(100vh - 10rem);gap:var(--spacing-4)}.workflow-canvas{flex:1;background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);overflow:hidden}.workflow-sidebar{display:flex;flex-direction:column;width:16.25rem;gap:var(--spacing-6)}.control-panel{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:calc(50vh - 2rem);overflow-y:auto}.control-panel__header{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text)}.control-panel__body{flex-grow:1;overflow-y:auto}.workflow-node{background-color:var(--color-surface);color:var(--color-text);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);font-size:var(--text-sm-size);position:relative;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2);min-width:7.8125rem;transition:all var(--transition-base)}.workflow-node:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.workflow-node-icon{height:1.125rem;width:auto;flex-shrink:0}.workflow-node-label{font-weight:var(--text-base-weight);font-size:var(--text-xs-size);color:var(--color-text)}.workflow-start-node{background-color:var(--color-surface);border:2px solid var(--color-success);padding:var(--spacing-3);border-radius:var(--radius-lg);text-align:center;color:var(--color-text);font-weight:var(--font-weight-semibold);width:7.5rem;margin:0 auto}.workflow-item{display:flex;align-items:center;gap:var(--spacing-2);text-align:left;font-weight:var(--font-weight-medium);font-size:var(--text-sm-size);line-height:var(--line-height-tight);background-color:transparent;color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;position:relative;width:100%;box-sizing:border-box;transition:all var(--transition-base)}.workflow-item:hover{background-color:var(--color-accent-wash);color:var(--color-text)}.workflow-item:active{background-color:#ffa6a61f}.workflow-node-list{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);overflow-y:auto;flex-grow:1;margin-bottom:var(--spacing-3);padding:var(--spacing-2)}.workflow-node-button{display:flex;align-items:center;gap:var(--spacing-2);text-align:left;min-width:8.125rem;width:100%;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm-size);cursor:pointer;transition:all var(--transition-base)}.workflow-node-button:hover{background:var(--color-accent-wash);color:var(--color-text)}.workflow-node-button[draggable=true]{cursor:grab}.workflow-node-button[draggable=true]:active{cursor:grabbing}.workflow-react-flow{background-color:var(--color-bg)}.react-flow__node-default{padding:var(--spacing-2);border-radius:var(--radius-sm);width:9.375rem;font-size:var(--text-xs-size);color:var(--color-text);text-align:center;background-color:transparent;border:none;min-width:7.5rem}.react-flow__handle{position:absolute;pointer-events:none;width:6px;height:6px;background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-full)}.workflow-start-handle{background-color:var(--color-success);width:6px;height:6px;border-radius:var(--radius-full);border:1px solid var(--color-success);transform:translateY(0)}.workflow-placeholder{font-size:var(--text-sm-size);color:var(--color-text-muted);padding:var(--spacing-2) var(--spacing-1);text-align:center;line-height:var(--line-height-relaxed)}.workflow-footer-hint{font-size:var(--text-sm-size);color:var(--color-text-muted);text-align:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default);line-height:var(--line-height-relaxed)}.workflow-footer-hint a{color:inherit;text-decoration:underline}.workflow-footer-hint a:hover{color:var(--color-accent)}.workflow-block{margin-top:var(--spacing-8);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-default)}.workflow-block .control-panel__header{margin-bottom:var(--spacing-3)}.workflow-block .workflow-node-list{max-height:12.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-2)}.workflow-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--z-index-modal);backdrop-filter:blur(3px);background-color:var(--color-bg-overlay)}.workflow-loading__spinner{width:2rem;height:2rem;border:4px solid rgba(255,255,255,.2);border-top:4px solid var(--color-accent);border-radius:var(--radius-full);animation:workflow-spinner .8s linear infinite}.workflow-loading__message{margin-top:var(--spacing-3);color:var(--color-text);font-size:var(--text-base-size)}@keyframes workflow-spinner{to{transform:rotate(360deg)}}.node-config{display:flex;flex-direction:column;gap:var(--spacing-4)}.node-config__group{display:flex;flex-direction:column;gap:var(--spacing-2)}.node-config__label{font-size:var(--text-xs-size);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:var(--line-height-tight)}.node-config__input{font-size:var(--text-xs-size);padding:var(--spacing-2) var(--spacing-2);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;box-sizing:border-box;transition:border-color var(--transition-base)}.node-config__input:focus{border-color:var(--color-accent);outline:none}.node-config__textarea{min-height:7.5rem;max-height:15rem;line-height:var(--line-height-relaxed);padding:var(--spacing-2);resize:vertical;overflow:auto}.node-config__select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e6d5d5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--spacing-6)}.node-config__checkbox{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.node-config__checkbox input[type=checkbox]{accent-color:var(--color-accent);width:1rem;height:1rem}.context-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);margin-top:var(--spacing-1);background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;box-sizing:border-box;min-height:3rem;height:auto}@media (max-width: 768px){.workflow-builder{flex-direction:column;height:auto}.workflow-sidebar{width:100%;flex-direction:row;overflow-x:auto}.workflow-canvas{height:50vh;min-height:25rem}.control-panel{min-width:15rem;flex-shrink:0}}.workflow-canvas-container{width:100%;height:100%;background:var(--color-bg);border-radius:var(--radius-xl);overflow:hidden;position:relative}.workflow-canvas-flow{width:100%;height:100%}.workflow-canvas-background{background-image:radial-gradient(circle,rgba(255,166,166,.1) 1px,transparent 1px);background-size:24px 24px}.workflow-canvas-node{background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);min-width:10rem;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer}.workflow-canvas-node:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.workflow-canvas-node--selected{border-color:var(--color-accent);box-shadow:0 0 0 2px #ffa6a64d,var(--shadow-lg)}.workflow-canvas-node--start{background:linear-gradient(135deg,rgba(104,211,145,.1) 0%,var(--color-surface) 100%);border-color:var(--color-success)}.workflow-canvas-node--end{background:linear-gradient(135deg,rgba(255,166,166,.1) 0%,var(--color-surface) 100%);border-color:var(--color-accent)}.workflow-canvas-node--action{background:linear-gradient(135deg,rgba(255,166,166,.05) 0%,var(--color-surface) 100%)}.workflow-canvas-node--condition{background:linear-gradient(135deg,rgba(246,224,94,.1) 0%,var(--color-surface) 100%);border-color:var(--color-warning)}.workflow-canvas-node--error{border-color:var(--color-error);box-shadow:0 0 0 2px #fc818133}.workflow-canvas-node-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.workflow-canvas-node-icon{width:1.25rem;height:1.25rem;color:var(--color-accent);flex-shrink:0}.workflow-canvas-node-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-canvas-node-body{font-size:var(--text-xs-size);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.workflow-canvas-node-status{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:.5rem;height:.5rem;border-radius:50%}.workflow-canvas-node-status--active{background:var(--color-success);animation:node-pulse 2s ease-in-out infinite}.workflow-canvas-node-status--error{background:var(--color-error)}.workflow-canvas-node-status--pending{background:var(--color-warning)}@keyframes node-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.workflow-canvas-edge{stroke:var(--color-border-active);stroke-width:2}.workflow-canvas-edge--selected{stroke:var(--color-accent);stroke-width:3}.workflow-canvas-edge--animated{stroke-dasharray:5;animation:edge-flow 1s linear infinite}@keyframes edge-flow{to{stroke-dashoffset:-10}}.workflow-canvas-edge-label{background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs-size);color:var(--color-text-muted)}.workflow-canvas-handle{width:10px;height:10px;background:var(--color-accent);border:2px solid var(--color-surface);border-radius:50%;transition:all var(--transition-base)}.workflow-canvas-handle:hover{transform:scale(1.3);box-shadow:0 0 0 3px #ffa6a64d}.workflow-canvas-handle--source{background:var(--color-success)}.workflow-canvas-handle--target{background:var(--color-accent)}.workflow-canvas-minimap{background:var(--color-surface)!important;border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.workflow-canvas-minimap-node{fill:var(--color-accent)!important}.workflow-canvas-minimap-mask{fill:#ffa6a61a!important;stroke:var(--color-accent)!important}.workflow-canvas-controls{display:flex;flex-direction:column;gap:var(--spacing-1);background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-2);box-shadow:var(--shadow-md)}.workflow-canvas-control-btn{width:2rem;height:2rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.workflow-canvas-control-btn:hover{background:var(--color-accent-wash);color:var(--color-text)}.workflow-canvas-control-btn:disabled{opacity:.4;cursor:not-allowed}.workflow-canvas-selection{background:rgba(255,166,166,.1);border:1px dashed var(--color-accent)}.workflow-canvas-context-menu{position:absolute;background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-2);box-shadow:var(--shadow-lg);min-width:10rem;z-index:var(--z-index-dropdown)}.workflow-canvas-context-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--text-sm-size);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.workflow-canvas-context-item:hover{background:var(--color-accent-wash);color:var(--color-text)}.workflow-canvas-context-item--danger{color:var(--color-error)}.workflow-canvas-context-item--danger:hover{background:rgba(252,129,129,.1)}.workflow-canvas-context-divider{height:1px;background:var(--color-border-default);margin:var(--spacing-2) 0}.workflow-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8)}.workflow-canvas-empty-icon{width:4rem;height:4rem;color:var(--color-text-muted);opacity:.3;margin-bottom:var(--spacing-4)}.workflow-canvas-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.workflow-canvas-empty-description{font-size:var(--text-sm-size);color:var(--color-text-muted);max-width:20rem;line-height:var(--line-height-relaxed)}@media (max-width: 768px){.workflow-canvas-controls{flex-direction:row;padding:var(--spacing-1)}.workflow-canvas-control-btn{width:2.5rem;height:2.5rem}.workflow-canvas-node{min-width:8rem;padding:var(--spacing-2) var(--spacing-3)}.workflow-canvas-node-title{font-size:var(--text-xs-size)}}@keyframes skeleton-pulse{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-base{background:linear-gradient(90deg,var(--color-surface) 25%,rgba(255,166,166,.05) 50%,var(--color-surface) 75%);background-size:200px 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--spacing-6)}.skeleton-card__header{margin-bottom:var(--spacing-4)}.skeleton-card__body{display:flex;flex-direction:column;gap:var(--spacing-3)}.skeleton-line{background:linear-gradient(90deg,var(--color-surface) 25%,rgba(255,166,166,.08) 50%,var(--color-surface) 75%);background-size:200px 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm);height:1rem}.skeleton-line--title{height:1.5rem;width:60%}.skeleton-line--text{height:1rem;width:100%}.skeleton-line--short{width:75%}.skeleton-line--label{height:.875rem;width:30%;margin-bottom:var(--spacing-1)}.skeleton-line--input{height:2.5rem;width:100%}.skeleton-line--button{height:2.5rem;width:8rem;margin-top:var(--spacing-2)}.skeleton-line--flex{flex:1;height:1rem}.skeleton-icon{background:linear-gradient(90deg,var(--color-surface) 25%,rgba(255,166,166,.08) 50%,var(--color-surface) 75%);background-size:200px 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;flex-shrink:0}.skeleton-icon--small{width:1rem;height:1rem}.skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-list-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-surface);border-radius:var(--radius-lg)}.skeleton-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.skeleton-form-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.progressive-loader{position:relative}.progressive-loader__skeleton,.progressive-loader__content{transition:opacity var(--transition-base),transform var(--transition-base),display 0s linear var(--transition-base)}.progressive-loader__skeleton{opacity:0;transform:translateY(-.5rem);pointer-events:none;display:none}.progressive-loader__skeleton--visible{opacity:1;transform:translateY(0);pointer-events:auto;display:block}.progressive-loader__content{opacity:0;transform:translateY(.5rem);pointer-events:none;display:none}.progressive-loader__content--visible{opacity:1;transform:translateY(0);pointer-events:auto;display:block}.progressive-loader__skeleton--visible~.progressive-loader__content{display:none!important}.loading-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);min-height:12rem}.loading-error__icon{font-size:2rem;margin-bottom:var(--spacing-3);opacity:.7}.loading-error__message{color:var(--color-text-muted);margin-bottom:var(--spacing-4);max-width:20rem;line-height:var(--line-height-relaxed)}.staggered-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.staggered-list__item{opacity:0;transform:translateY(1rem);animation:staggered-fade-in .5s ease-out forwards}@keyframes staggered-fade-in{to{opacity:1;transform:translateY(0)}}.billing-loading .skeleton-card{min-height:15rem}.profile-loading .skeleton-form{min-height:20rem}.context-loading .skeleton-card{min-height:12rem}.skeleton-line,.skeleton-icon,.skeleton-card{background:linear-gradient(90deg,var(--color-surface) 25%,rgba(255,166,166,.1) 50%,var(--color-surface) 75%);background-size:200px 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.skeleton-card{padding:var(--spacing-4)}.loading-error{padding:var(--spacing-6);min-height:10rem}.loading-error__message{font-size:var(--text-sm-size)}}.form-loading-overlay{position:relative}.form-loading-overlay:after{content:"";position:absolute;inset:0;background:rgba(13,4,4,.1);border-radius:inherit;backdrop-filter:blur(1px);z-index:1}.form-loading-overlay .btn,.form-loading-overlay .form-input{pointer-events:none;opacity:.7}.loading-spinner-container{display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal)}.loading-spinner--fixed{position:fixed;inset:0;background:rgba(13,4,4,.6);backdrop-filter:blur(4px)}.loading-spinner--absolute{position:absolute;inset:0;background:rgba(13,4,4,.3);backdrop-filter:blur(2px)}.loading-spinner--relative{position:relative;padding:var(--spacing-8);background:transparent}.loading-spinner--static{position:static;padding:var(--spacing-4);background:transparent}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);background:var(--color-surface);padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-default);transition:all var(--transition-base)}.loading-spinner-content:hover{box-shadow:var(--shadow-xl)}.loading-spinner{border-radius:50%;border-style:solid;border-color:var(--color-border-default);border-top-color:var(--color-accent);animation:loading-spinner-rotate .8s linear infinite;position:relative}.loading-spinner--sm{width:1.5rem;height:1.5rem;border-width:2px}.loading-spinner--md{width:2.5rem;height:2.5rem;border-width:3px}.loading-spinner--lg{width:3.5rem;height:3.5rem;border-width:4px}.loading-spinner:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1px solid rgba(255,166,166,.2);border-radius:50%;animation:loading-spinner-glow 2s ease-in-out infinite}.loading-spinner-message{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);text-align:center;line-height:var(--line-height-relaxed)}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}@keyframes loading-spinner-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@media (max-width: 768px){.loading-spinner-content{padding:var(--spacing-4);margin:var(--spacing-4)}.loading-spinner-message{font-size:var(--text-xs-size)}}.loading-spinner--minimal .loading-spinner-content{background:transparent;box-shadow:none;border:none;padding:var(--spacing-3)}.loading-spinner--inline{display:inline-flex;position:static;background:transparent;padding:0}.loading-spinner--inline .loading-spinner-content{background:transparent;box-shadow:none;border:none;padding:0;flex-direction:row;gap:var(--spacing-2)}.loading-spinner--inline .loading-spinner-message{font-size:var(--text-xs-size)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:var(--z-index-toast);display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:420px}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-default);pointer-events:auto;min-width:300px;max-width:420px;position:relative;font-size:var(--text-sm-size);line-height:1.5;color:var(--color-text);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(0);opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--visible{animation:slideIn .3s ease-out}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px}.toast-content{flex:1;word-wrap:break-word;overflow-wrap:break-word}.toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base);font-size:20px;line-height:1;padding:0;margin-left:.5rem}.toast-close:hover{background:var(--color-accent-wash);color:var(--color-text)}.toast-close:focus{outline:2px solid var(--color-accent);outline-offset:2px}.toast--success{border-left:4px solid var(--color-success)}.toast--success .toast-icon{background:rgba(104,211,145,.15);color:var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--error .toast-icon{background:rgba(252,129,129,.15);color:var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--warning .toast-icon{background:rgba(246,224,94,.15);color:var(--color-warning)}.toast--info{border-left:4px solid var(--color-accent)}.toast--info .toast-icon{background:rgba(255,166,166,.15);color:var(--color-accent)}.toast--accent{border-left:4px solid var(--color-accent)}.toast--accent .toast-icon{background:var(--color-accent-wash);color:var(--color-accent)}@media (max-width: 640px){.toast-container{left:1rem;right:1rem;max-width:none}.toast{min-width:auto;max-width:none}}.unified-modal{position:relative;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-family:var(--font-sans);width:100%;max-width:32rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-base)}.unified-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary-hover) 50%,var(--color-accent) 100%);opacity:.8;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.unified-modal:hover{box-shadow:var(--shadow-xl)}.unified-modal--sm{max-width:24rem}.unified-modal--md{max-width:32rem}.unified-modal--lg{max-width:48rem}.unified-modal--xl{max-width:64rem}.unified-modal--full{max-width:90vw;max-height:90vh}.unified-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.unified-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text)}.unified-modal-subtitle{font-size:var(--text-sm-size);color:var(--color-text-muted);margin-top:var(--spacing-1)}.unified-modal-body{padding:var(--spacing-6);overflow-y:auto;flex-grow:1}.unified-modal-body--no-padding{padding:0}.unified-modal-footer{padding:var(--spacing-6);border-top:1px solid var(--color-border-default);display:flex;justify-content:flex-end;gap:var(--spacing-3);flex-shrink:0}.unified-modal-footer--left{justify-content:flex-start}.unified-modal-footer--center{justify-content:center}.unified-modal-footer--between{justify-content:space-between}.unified-modal-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.unified-modal-close:hover{background:var(--color-accent-wash);color:var(--color-text)}.unified-modal-close:focus{outline:2px solid var(--color-accent);outline-offset:2px}.unified-modal .form-group{margin-bottom:var(--spacing-4)}.unified-modal .form-label{display:block;font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.unified-modal .form-input,.unified-modal .form-select,.unified-modal .form-textarea{width:100%;padding:var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);transition:all var(--transition-base)}.unified-modal .form-input:focus,.unified-modal .form-select:focus,.unified-modal .form-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.unified-modal .form-textarea{min-height:6rem;resize:vertical}.unified-modal .form-helper{font-size:var(--text-xs-size);color:var(--color-text-muted);margin-top:var(--spacing-1)}.unified-modal .form-error{font-size:var(--text-xs-size);color:var(--color-error);margin-top:var(--spacing-1)}.unified-modal-section{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-default)}.unified-modal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.unified-modal-section-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-3)}.unified-modal--loading{pointer-events:none}.unified-modal--loading .unified-modal-body{display:flex;align-items:center;justify-content:center;min-height:10rem}.unified-modal-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border-default);border-top:3px solid var(--color-accent);border-radius:50%;animation:unified-modal-spin .8s linear infinite}@keyframes unified-modal-spin{to{transform:rotate(360deg)}}.unified-modal--alert .unified-modal-body{text-align:center;padding:var(--spacing-8)}.unified-modal--alert .unified-modal-icon{width:4rem;height:4rem;margin:0 auto var(--spacing-4);border-radius:50%;display:flex;align-items:center;justify-content:center}.unified-modal--alert .unified-modal-icon--warning{background:rgba(246,224,94,.15);color:var(--color-warning)}.unified-modal--alert .unified-modal-icon--danger{background:rgba(252,129,129,.15);color:var(--color-error)}.unified-modal--alert .unified-modal-icon--success{background:rgba(104,211,145,.15);color:var(--color-success)}.unified-modal--alert .unified-modal-icon--info{background:rgba(255,166,166,.15);color:var(--color-accent)}.unified-modal--alert .unified-modal-message{font-size:var(--text-base-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-top:var(--spacing-2)}@media (max-width: 768px){.unified-modal{max-width:100%;margin:var(--spacing-2);max-height:calc(100vh - var(--spacing-4))}.unified-modal-header,.unified-modal-body,.unified-modal-footer{padding:var(--spacing-4)}.unified-modal-footer{flex-direction:column}.unified-modal-footer .btn{width:100%}}.profile-modal{position:relative;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-family:var(--font-sans);width:100%;max-width:40rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.profile-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary-hover) 50%,var(--color-accent) 100%);opacity:.8;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.profile-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between}.profile-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text)}.profile-modal-body{padding:var(--spacing-6);overflow-y:auto;flex-grow:1}.profile-avatar-section{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-default)}.profile-avatar{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-bg);flex-shrink:0}.profile-avatar-info{flex:1}.profile-avatar-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-1)}.profile-avatar-email{font-size:var(--text-sm-size);color:var(--color-text-muted)}.profile-avatar-change{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm-size);color:var(--color-accent);cursor:pointer;transition:color var(--transition-base);margin-top:var(--spacing-2)}.profile-avatar-change:hover{color:var(--color-primary-hover)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.profile-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.profile-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-form-group--full{grid-column:1 / -1}.profile-form-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.profile-form-input{padding:var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);transition:all var(--transition-base)}.profile-form-input:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.profile-form-input:disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}.profile-form-select{padding:var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffa6a6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--spacing-8);transition:all var(--transition-base)}.profile-form-select:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.profile-form-helper{font-size:var(--text-xs-size);color:var(--color-text-muted)}.profile-section{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-default)}.profile-section-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-4)}.profile-password-group{display:flex;flex-direction:column;gap:var(--spacing-4)}.profile-password-input-wrapper{position:relative}.profile-password-toggle{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);transition:color var(--transition-base)}.profile-password-toggle:hover{color:var(--color-text)}.profile-modal-footer{padding:var(--spacing-6);border-top:1px solid var(--color-border-default);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.profile-danger-zone{margin-top:var(--spacing-6);padding:var(--spacing-4);background:rgba(252,129,129,.05);border:1px solid rgba(252,129,129,.2);border-radius:var(--radius-lg)}.profile-danger-zone-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--spacing-2)}.profile-danger-zone-description{font-size:var(--text-xs-size);color:var(--color-text-muted);margin-bottom:var(--spacing-3);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.profile-modal{max-width:100%;margin:var(--spacing-2)}.profile-modal-header,.profile-modal-body,.profile-modal-footer{padding:var(--spacing-4)}.profile-form-row{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}.profile-modal-footer{flex-direction:column}.profile-modal-footer .btn{width:100%}}.outreach-modal{position:relative;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-family:var(--font-sans);width:100%;max-width:48rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.outreach-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary-hover) 50%,var(--color-accent) 100%);opacity:.8;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.outreach-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between}.outreach-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text)}.outreach-modal-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.outreach-modal-close:hover{background:var(--color-accent-wash);color:var(--color-text)}.outreach-modal-body{padding:var(--spacing-6);overflow-y:auto;flex-grow:1}.outreach-steps{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-default)}.outreach-step{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.outreach-step:hover{background:var(--color-accent-wash);border-color:var(--color-accent);color:var(--color-text)}.outreach-step--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.outreach-step--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-bg)}.outreach-step--completed{background:rgba(104,211,145,.15);border-color:var(--color-success);color:var(--color-success)}.outreach-step-number{width:1.5rem;height:1.5rem;border-radius:50%;background:currentColor;color:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs-size);font-weight:var(--font-weight-bold)}.outreach-step--active .outreach-step-number{background:var(--color-bg);color:var(--color-accent)}.outreach-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.outreach-form-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.outreach-form-section-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.outreach-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.outreach-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.outreach-form-group--full{grid-column:1 / -1}.outreach-form-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.outreach-form-label--required:after{content:" *";color:var(--color-error)}.outreach-form-input,.outreach-form-select,.outreach-form-textarea{padding:var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);transition:all var(--transition-base)}.outreach-form-input:focus,.outreach-form-select:focus,.outreach-form-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.outreach-form-textarea{min-height:8rem;resize:vertical;line-height:var(--line-height-relaxed)}.outreach-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffa6a6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--spacing-8)}.outreach-form-helper{font-size:var(--text-xs-size);color:var(--color-text-muted)}.outreach-form-error{font-size:var(--text-xs-size);color:var(--color-error)}.outreach-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--spacing-3)}.outreach-template{padding:var(--spacing-4);background:var(--color-bg-stat-card);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}.outreach-template:hover{border-color:var(--color-accent);background:var(--color-accent-wash)}.outreach-template--selected{border-color:var(--color-accent);background:rgba(255,166,166,.1)}.outreach-template-icon{width:2.5rem;height:2.5rem;margin:0 auto var(--spacing-2);color:var(--color-accent)}.outreach-template-name{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1)}.outreach-template-description{font-size:var(--text-xs-size);color:var(--color-text-muted)}.outreach-preview{background:var(--color-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-4)}.outreach-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-default)}.outreach-preview-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.outreach-preview-content{font-size:var(--text-sm-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-wrap}.outreach-recipients{display:flex;flex-direction:column;gap:var(--spacing-2)}.outreach-recipient{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.outreach-recipient-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-weight:var(--font-weight-semibold);font-size:var(--text-sm-size);flex-shrink:0}.outreach-recipient-info{flex:1}.outreach-recipient-name{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text)}.outreach-recipient-email{font-size:var(--text-xs-size);color:var(--color-text-muted)}.outreach-recipient-remove{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-base)}.outreach-recipient-remove:hover{background:rgba(252,129,129,.1);color:var(--color-error)}.outreach-modal-footer{padding:var(--spacing-6);border-top:1px solid var(--color-border-default);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.outreach-footer-left{display:flex;align-items:center;gap:var(--spacing-2)}.outreach-footer-right{display:flex;align-items:center;gap:var(--spacing-3)}@media (max-width: 768px){.outreach-modal{max-width:100%;margin:var(--spacing-2)}.outreach-modal-header,.outreach-modal-body,.outreach-modal-footer{padding:var(--spacing-4)}.outreach-steps{flex-wrap:wrap}.outreach-form-row{grid-template-columns:1fr}.outreach-templates{grid-template-columns:repeat(2,1fr)}.outreach-modal-footer{flex-direction:column}.outreach-footer-left,.outreach-footer-right{width:100%;justify-content:center}.outreach-footer-right .btn{flex:1}}.page-header-description{margin-top:var(--spacing-2);margin-bottom:0}.chart-toggle-label{display:flex;align-items:center;gap:var(--spacing-2);margin-right:var(--spacing-4);cursor:pointer;font-size:var(--text-sm-size);color:var(--color-text-secondary);transition:color var(--transition-base)}.chart-toggle-label:hover{color:var(--color-text)}.chart-toggle-text{user-select:none}.check-icon{width:12px;height:10px}.check-polyline{fill:none;stroke-width:2;stroke:currentColor}.apexcharts-canvas text{font-family:inherit;fill:var(--color-text-muted)}.apexcharts-tooltip{background:rgba(28,16,16,.95)!important;color:var(--color-text)!important;border:1px solid rgba(255,166,166,.2)!important;border-radius:var(--radius-sm)!important;font-size:var(--text-sm-size)!important;box-shadow:var(--shadow-lg)!important;backdrop-filter:blur(10px)}.apexcharts-bar:hover path{filter:drop-shadow(0 0 6px rgba(255,166,166,.75));transition:filter var(--transition-base)}.apexcharts-legend-text{color:var(--color-text-secondary)!important;font-family:inherit!important}@media (max-width: 768px){.chart-panel__controls{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.chart-toggle-label{margin-right:0;justify-content:space-between}}.creative-type-card{cursor:pointer;min-height:12rem;padding:var(--spacing-5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2)}.creative-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.creative-card-blue .creative-card-icon,.creative-card-green .creative-card-icon,.creative-card-purple .creative-card-icon{color:var(--color-accent)}.creative-card-icon{width:48px;height:48px;color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.creative-card-description{color:var(--color-text-secondary);line-height:1.5;margin-top:var(--spacing-2);font-size:var(--text-sm-size)}.creative-card-examples{color:var(--color-text-muted);font-size:var(--text-xs-size);font-style:italic;margin-top:var(--spacing-1)}.active-count{padding:.25rem .75rem;background:rgba(246,224,94,.2);color:var(--color-warning);border-radius:var(--radius-full);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);transition:all var(--transition-base)}.history-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-active)}.history-item-left{display:flex;align-items:flex-start;gap:1rem;flex:1}.history-item-content{flex:1}.history-item-prompt{color:var(--color-text);font-size:var(--text-base-size);line-height:1.5;margin-bottom:var(--spacing-2)}.history-item-meta{display:flex;align-items:center;gap:var(--spacing-3)}.history-item-type{padding:.125rem .5rem;background:rgba(255,166,166,.1);color:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium)}.history-item-date{color:var(--color-text-muted);font-size:var(--text-sm-size)}.history-item-right{display:flex;align-items:center;gap:var(--spacing-3)}.status-icon{width:20px;height:20px;flex-shrink:0}.status-success{color:var(--color-success)}.status-error{color:var(--color-error)}.status-pending{color:var(--color-warning)}.status-badge{padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);text-transform:capitalize}.status-badge.status-success{background:rgba(104,211,145,.1);color:var(--color-success)}.status-badge.status-error{background:rgba(252,129,129,.1);color:var(--color-error)}.status-badge.status-pending{background:rgba(246,224,94,.1);color:var(--color-warning)}.creative-modal{padding:var(--spacing-4)}.creative-form{padding:0}.form-group{margin-bottom:1.5rem}.form-group-half{width:calc(50% - .5rem)}.form-row{display:flex;gap:1rem}.form-label{display:block;font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:.25rem}.form-helper{font-size:var(--text-xs-size);color:var(--color-text-muted);margin-bottom:.5rem}.form-select,.form-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--text-base-size);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-base)}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.form-textarea{resize:vertical;font-family:inherit;line-height:1.5}.format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.format-option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:var(--color-surface)}.format-option:hover{border-color:var(--color-accent);background:var(--color-accent-wash)}.format-selected{border-color:var(--color-accent);background:rgba(255,166,166,.1)}.format-content{display:flex;flex-direction:column;gap:.125rem}.format-label{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:.95rem}.format-description{font-size:var(--text-xs-size);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--spacing-8) var(--spacing-6)}.empty-state p{margin:0;color:var(--color-text-muted)}.empty-state p:first-child{margin-bottom:var(--spacing-2)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-icon{width:16px;height:16px;margin-right:var(--spacing-2)}.settings-container{display:grid;grid-template-columns:16rem 1fr;gap:var(--spacing-6);min-height:calc(100vh - 12rem)}.settings-nav{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-4);height:fit-content;position:sticky;top:var(--spacing-6)}.settings-nav-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-2)}.settings-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.settings-nav-item:hover{background:var(--color-accent-wash);color:var(--color-text)}.settings-nav-item--active{background:rgba(255,166,166,.15);color:var(--color-accent)}.settings-nav-item--active:hover{background:rgba(255,166,166,.2)}.settings-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.settings-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-6)}.settings-section{margin-bottom:var(--spacing-8)}.settings-section:last-child{margin-bottom:0}.settings-section-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-default)}.settings-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-1)}.settings-section-description{font-size:var(--text-sm-size);color:var(--color-text-muted)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.settings-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.settings-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.settings-form-group--full{grid-column:1 / -1}.settings-form-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.settings-form-input,.settings-form-select,.settings-form-textarea{padding:var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);transition:all var(--transition-base)}.settings-form-input:focus,.settings-form-select:focus,.settings-form-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.settings-form-helper{font-size:var(--text-xs-size);color:var(--color-text-muted)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:all var(--transition-base)}.settings-toggle:hover{border-color:var(--color-border-active)}.settings-toggle-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-toggle-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text)}.settings-toggle-description{font-size:var(--text-xs-size);color:var(--color-text-muted)}.settings-toggle-switch{position:relative;width:3rem;height:1.5rem;background:var(--color-border-default);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base)}.settings-toggle-switch--active{background:var(--color-accent)}.settings-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);background:var(--color-white);border-radius:50%;transition:transform var(--transition-base)}.settings-toggle-switch--active:after{transform:translate(1.5rem)}.settings-card{background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all var(--transition-base)}.settings-card:hover{border-color:var(--color-border-active)}.settings-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.settings-card-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.settings-card-badge{padding:var(--spacing-1) var(--spacing-2);background:rgba(255,166,166,.15);color:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium)}.api-key-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);background:var(--color-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);margin-bottom:var(--spacing-2)}.api-key-item:last-child{margin-bottom:0}.api-key-info{display:flex;align-items:center;gap:var(--spacing-3)}.api-key-name{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text)}.api-key-value{font-size:var(--text-xs-size);color:var(--color-text-muted);font-family:monospace}.api-key-actions{display:flex;gap:var(--spacing-2)}.settings-danger-zone{margin-top:var(--spacing-8);padding:var(--spacing-4);background:rgba(252,129,129,.05);border:1px solid rgba(252,129,129,.2);border-radius:var(--radius-lg)}.settings-danger-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--spacing-3)}.settings-danger-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);background:var(--color-surface);border:1px solid rgba(252,129,129,.2);border-radius:var(--radius-sm);margin-bottom:var(--spacing-2)}.settings-danger-item:last-child{margin-bottom:0}.settings-danger-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-danger-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text)}.settings-danger-description{font-size:var(--text-xs-size);color:var(--color-text-muted)}@media (max-width: 768px){.settings-container{grid-template-columns:1fr}.settings-nav{position:static;padding:var(--spacing-3)}.settings-nav-list{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2)}.settings-nav-item{padding:var(--spacing-2) var(--spacing-3)}.settings-content{padding:var(--spacing-4)}.settings-form-row{grid-template-columns:1fr}.settings-toggle,.api-key-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.api-key-actions{width:100%}.api-key-actions .btn{flex:1}.settings-danger-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}}.scout-search{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.scout-search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.scout-search-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.scout-search-form{display:flex;gap:var(--spacing-3)}.scout-search-input{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-sm-size);transition:all var(--transition-base)}.scout-search-input:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.scout-search-input::placeholder{color:var(--color-text-muted)}.scout-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.scout-filter-group{display:flex;align-items:center;gap:var(--spacing-2)}.scout-filter-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.scout-filter-select{padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);cursor:pointer;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffa6a6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--spacing-6)}.scout-filter-select:focus{border-color:var(--color-accent);outline:none}.scout-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--spacing-4)}.scout-card{background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);transition:all var(--transition-base);cursor:pointer}.scout-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.scout-card-header{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.scout-card-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary-hover) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-weight:var(--font-weight-bold);font-size:var(--text-base-size);flex-shrink:0}.scout-card-info{flex:1;min-width:0}.scout-card-name{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scout-card-title{font-size:var(--text-sm-size);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scout-card-company{font-size:var(--text-xs-size);color:var(--color-accent);margin-top:var(--spacing-1)}.scout-card-body{margin-bottom:var(--spacing-3)}.scout-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.scout-card-tag{padding:var(--spacing-1) var(--spacing-2);background:var(--color-accent-wash);color:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium)}.scout-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default)}.scout-card-meta{font-size:var(--text-xs-size);color:var(--color-text-muted)}.scout-card-score{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-success)}.scout-card-score-icon{width:1rem;height:1rem}.scout-empty{text-align:center;padding:var(--spacing-12);background:var(--color-surface);border-radius:var(--radius-xl)}.scout-empty-icon{width:4rem;height:4rem;margin:0 auto var(--spacing-4);color:var(--color-text-muted);opacity:.5}.scout-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.scout-empty-description{font-size:var(--text-sm-size);color:var(--color-text-muted);max-width:24rem;margin:0 auto}.scout-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12)}.scout-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border-default);border-top:3px solid var(--color-accent);border-radius:50%;animation:scout-spin .8s linear infinite}@keyframes scout-spin{to{transform:rotate(360deg)}}.scout-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-default)}@media (max-width: 768px){.scout-search{padding:var(--spacing-4)}.scout-search-header{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.scout-search-form,.scout-filters{flex-direction:column}.scout-filter-group{width:100%}.scout-filter-select{flex:1}.scout-results{grid-template-columns:1fr}}.enrichment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.enrichment-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.enrichment-actions{display:flex;gap:var(--spacing-3)}.enrichment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.enrichment-stat-card{background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);transition:all var(--transition-base)}.enrichment-stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.enrichment-stat-label{font-size:var(--text-sm-size);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.enrichment-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.enrichment-stat-change{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2)}.enrichment-stat-change--positive{color:var(--color-success)}.enrichment-stat-change--negative{color:var(--color-error)}.enrichment-upload{background:var(--color-surface);border:2px dashed var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;margin-bottom:var(--spacing-6);transition:all var(--transition-base);cursor:pointer}.enrichment-upload:hover{border-color:var(--color-accent);background:var(--color-accent-wash)}.enrichment-upload--active{border-color:var(--color-accent);background:rgba(255,166,166,.1)}.enrichment-upload-icon{width:3rem;height:3rem;margin:0 auto var(--spacing-3);color:var(--color-accent)}.enrichment-upload-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-1)}.enrichment-upload-description{font-size:var(--text-sm-size);color:var(--color-text-muted)}.enrichment-upload-formats{font-size:var(--text-xs-size);color:var(--color-text-muted);margin-top:var(--spacing-2)}.enrichment-jobs{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden}.enrichment-jobs-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default)}.enrichment-jobs-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.enrichment-job-row{display:flex;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default);transition:background var(--transition-base)}.enrichment-job-row:last-child{border-bottom:none}.enrichment-job-row:hover{background:var(--color-accent-wash)}.enrichment-job-info{flex:1;min-width:0}.enrichment-job-name{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1)}.enrichment-job-meta{font-size:var(--text-xs-size);color:var(--color-text-muted);display:flex;gap:var(--spacing-3)}.enrichment-job-status{display:flex;align-items:center;gap:var(--spacing-2)}.enrichment-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium)}.enrichment-status-badge--pending{background:rgba(246,224,94,.15);color:var(--color-warning)}.enrichment-status-badge--processing{background:rgba(255,166,166,.15);color:var(--color-accent)}.enrichment-status-badge--completed{background:rgba(104,211,145,.15);color:var(--color-success)}.enrichment-status-badge--failed{background:rgba(252,129,129,.15);color:var(--color-error)}.enrichment-job-progress{width:8rem;margin-right:var(--spacing-4)}.enrichment-progress-bar{height:.5rem;background:var(--color-border-default);border-radius:var(--radius-full);overflow:hidden}.enrichment-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-base)}.enrichment-progress-text{font-size:var(--text-xs-size);color:var(--color-text-muted);margin-top:var(--spacing-1);text-align:center}.enrichment-job-actions{display:flex;gap:var(--spacing-2)}.enrichment-empty{text-align:center;padding:var(--spacing-12)}.enrichment-empty-icon{width:4rem;height:4rem;margin:0 auto var(--spacing-4);color:var(--color-text-muted);opacity:.5}.enrichment-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.enrichment-empty-description{font-size:var(--text-sm-size);color:var(--color-text-muted);max-width:24rem;margin:0 auto}@media (max-width: 768px){.enrichment-header{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.enrichment-actions{justify-content:stretch}.enrichment-actions .btn{flex:1}.enrichment-stats{grid-template-columns:1fr}.enrichment-upload{padding:var(--spacing-6)}.enrichment-job-row{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.enrichment-job-progress{width:100%;margin-right:0}.enrichment-job-actions{width:100%}.enrichment-job-actions .btn{flex:1}}.logs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.logs-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.logs-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--color-surface);border-radius:var(--radius-lg)}.logs-filter-group{display:flex;align-items:center;gap:var(--spacing-2)}.logs-filter-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.logs-filter-select{padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffa6a6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--spacing-6);transition:all var(--transition-base)}.logs-filter-select:focus{border-color:var(--color-accent);outline:none}.logs-search{flex:1;min-width:12rem;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-stat-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm-size);transition:all var(--transition-base)}.logs-search:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.logs-search::placeholder{color:var(--color-text-muted)}.logs-container{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden}.logs-table-wrapper{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse}.logs-table th{text-align:left;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-xs-size);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg);border-bottom:1px solid var(--color-border-default);white-space:nowrap}.logs-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm-size);color:var(--color-text);border-bottom:1px solid var(--color-border-default);vertical-align:middle}.logs-table tr:last-child td{border-bottom:none}.logs-table tr:hover td{background:var(--color-accent-wash)}.log-timestamp{font-family:monospace;font-size:var(--text-xs-size);color:var(--color-text-muted);white-space:nowrap}.log-level{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs-size);font-weight:var(--font-weight-semibold);text-transform:uppercase}.log-level--info{background:rgba(255,166,166,.15);color:var(--color-accent)}.log-level--warning{background:rgba(246,224,94,.15);color:var(--color-warning)}.log-level--error{background:rgba(252,129,129,.15);color:var(--color-error)}.log-level--success{background:rgba(104,211,145,.15);color:var(--color-success)}.log-level--debug{background:rgba(230,213,213,.15);color:var(--color-text-muted)}.log-message{max-width:30rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-message--expanded{white-space:normal;word-break:break-word}.log-source{font-family:monospace;font-size:var(--text-xs-size);color:var(--color-accent)}.log-expand-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-base)}.log-expand-btn:hover{background:var(--color-accent-wash);color:var(--color-text)}.log-details{background:var(--color-bg);border-top:1px solid var(--color-border-default);padding:var(--spacing-4)}.log-details-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-3)}.log-details-content{font-family:monospace;font-size:var(--text-xs-size);color:var(--color-text-secondary);background:var(--color-surface);padding:var(--spacing-3);border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.logs-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border-top:1px solid var(--color-border-default)}.logs-empty{text-align:center;padding:var(--spacing-12)}.logs-empty-icon{width:4rem;height:4rem;margin:0 auto var(--spacing-4);color:var(--color-text-muted);opacity:.5}.logs-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.logs-empty-description{font-size:var(--text-sm-size);color:var(--color-text-muted)}.logs-live-indicator{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:rgba(104,211,145,.15);border-radius:var(--radius-full);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium);color:var(--color-success)}.logs-live-dot{width:.5rem;height:.5rem;background:var(--color-success);border-radius:50%;animation:logs-live-pulse 2s ease-in-out infinite}@keyframes logs-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width: 768px){.logs-header{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.logs-filters{flex-direction:column}.logs-filter-group{width:100%}.logs-filter-select,.logs-search{flex:1;width:100%}.logs-table th,.logs-table td{padding:var(--spacing-2) var(--spacing-3)}.log-message{max-width:12rem}}.sync-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.sync-stat-card{background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);transition:all var(--transition-base)}.sync-stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.sync-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.sync-stat-icon{width:2.5rem;height:2.5rem;padding:var(--spacing-2);background:var(--color-accent-wash);border-radius:var(--radius-lg);color:var(--color-accent)}.sync-stat-status{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium)}.sync-stat-status--active{color:var(--color-success)}.sync-stat-status--inactive{color:var(--color-text-muted)}.sync-stat-status--error{color:var(--color-error)}.sync-stat-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.sync-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-1)}.sync-stat-label{font-size:var(--text-sm-size);color:var(--color-text-muted)}.sync-stat-meta{font-size:var(--text-xs-size);color:var(--color-text-muted);margin-top:var(--spacing-2)}.sync-connections{background:var(--color-surface);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6)}.sync-connections-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default)}.sync-connections-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.sync-connection-item{display:flex;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default);transition:background var(--transition-base)}.sync-connection-item:last-child{border-bottom:none}.sync-connection-item:hover{background:var(--color-accent-wash)}.sync-connection-icon{width:3rem;height:3rem;padding:var(--spacing-2);background:var(--color-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);margin-right:var(--spacing-4);display:flex;align-items:center;justify-content:center}.sync-connection-icon img{width:100%;height:100%;object-fit:contain}.sync-connection-info{flex:1;min-width:0}.sync-connection-name{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-1)}.sync-connection-description{font-size:var(--text-xs-size);color:var(--color-text-muted)}.sync-connection-status{display:flex;align-items:center;gap:var(--spacing-3)}.sync-connection-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium)}.sync-connection-badge--connected{background:rgba(104,211,145,.15);color:var(--color-success)}.sync-connection-badge--disconnected{background:rgba(230,213,213,.15);color:var(--color-text-muted)}.sync-connection-badge--error{background:rgba(252,129,129,.15);color:var(--color-error)}.sync-connection-badge--syncing{background:rgba(255,166,166,.15);color:var(--color-accent)}.sync-history{background:var(--color-surface);border-radius:var(--radius-xl)}.sync-history-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default)}.sync-history-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.sync-history-item{display:flex;align-items:flex-start;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default);gap:var(--spacing-4)}.sync-history-item:last-child{border-bottom:none}.sync-history-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sync-history-icon--success{background:rgba(104,211,145,.15);color:var(--color-success)}.sync-history-icon--error{background:rgba(252,129,129,.15);color:var(--color-error)}.sync-history-icon--info{background:rgba(255,166,166,.15);color:var(--color-accent)}.sync-history-content{flex:1;min-width:0}.sync-history-title-text{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1)}.sync-history-description{font-size:var(--text-xs-size);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.sync-history-time{font-size:var(--text-xs-size);color:var(--color-text-muted);white-space:nowrap}.sync-schedule{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.sync-schedule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.sync-schedule-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.sync-schedule-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--spacing-3)}.sync-schedule-option{padding:var(--spacing-3);background:var(--color-bg-stat-card);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}.sync-schedule-option:hover{border-color:var(--color-accent)}.sync-schedule-option--selected{border-color:var(--color-accent);background:rgba(255,166,166,.1)}.sync-schedule-option-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text)}.sync-schedule-option-description{font-size:var(--text-xs-size);color:var(--color-text-muted);margin-top:var(--spacing-1)}@media (max-width: 768px){.sync-overview{grid-template-columns:1fr}.sync-connections-header,.sync-history-header,.sync-schedule-header,.sync-connection-item{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.sync-connection-icon{margin-right:0;margin-bottom:var(--spacing-2)}.sync-connection-status{justify-content:space-between;width:100%}.sync-history-item{flex-direction:column;gap:var(--spacing-2)}.sync-history-time{order:-1}.sync-schedule-options{grid-template-columns:1fr}}.outreach-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.outreach-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.outreach-actions{display:flex;gap:var(--spacing-3)}.outreach-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.outreach-stat-card{background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);transition:all var(--transition-base)}.outreach-stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.outreach-stat-label{font-size:var(--text-sm-size);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.outreach-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.outreach-stat-change{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2)}.outreach-stat-change--positive{color:var(--color-success)}.outreach-stat-change--negative{color:var(--color-error)}.outreach-campaigns{background:var(--color-surface);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6)}.outreach-campaigns-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default)}.outreach-campaigns-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.outreach-campaign-item{display:flex;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default);transition:background var(--transition-base);cursor:pointer}.outreach-campaign-item:last-child{border-bottom:none}.outreach-campaign-item:hover{background:var(--color-accent-wash)}.outreach-campaign-info{flex:1;min-width:0}.outreach-campaign-name{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-1)}.outreach-campaign-meta{font-size:var(--text-xs-size);color:var(--color-text-muted);display:flex;gap:var(--spacing-3)}.outreach-campaign-stats{display:flex;align-items:center;gap:var(--spacing-4);margin-right:var(--spacing-4)}.outreach-campaign-stat{text-align:center}.outreach-campaign-stat-value{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.outreach-campaign-stat-label{font-size:var(--text-xs-size);color:var(--color-text-muted)}.outreach-campaign-status{display:flex;align-items:center;gap:var(--spacing-2)}.outreach-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium)}.outreach-status-badge--active{background:rgba(104,211,145,.15);color:var(--color-success)}.outreach-status-badge--paused{background:rgba(246,224,94,.15);color:var(--color-warning)}.outreach-status-badge--draft{background:rgba(230,213,213,.15);color:var(--color-text-muted)}.outreach-status-badge--completed{background:rgba(255,166,166,.15);color:var(--color-accent)}.outreach-sequences{background:var(--color-surface);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6)}.outreach-sequences-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default)}.outreach-sequences-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.outreach-sequence-item{display:flex;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default);transition:background var(--transition-base)}.outreach-sequence-item:last-child{border-bottom:none}.outreach-sequence-item:hover{background:var(--color-accent-wash)}.outreach-sequence-step{width:2rem;height:2rem;border-radius:50%;background:var(--color-accent);color:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm-size);font-weight:var(--font-weight-bold);margin-right:var(--spacing-4);flex-shrink:0}.outreach-sequence-info{flex:1;min-width:0}.outreach-sequence-type{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1)}.outreach-sequence-delay{font-size:var(--text-xs-size);color:var(--color-text-muted)}.outreach-sequence-actions{display:flex;gap:var(--spacing-2)}.outreach-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.outreach-template-card{background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);transition:all var(--transition-base);cursor:pointer}.outreach-template-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.outreach-template-icon{width:3rem;height:3rem;padding:var(--spacing-2);background:var(--color-accent-wash);border-radius:var(--radius-lg);color:var(--color-accent);margin-bottom:var(--spacing-3)}.outreach-template-name{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.outreach-template-description{font-size:var(--text-xs-size);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.outreach-template-meta{display:flex;justify-content:space-between;margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default);font-size:var(--text-xs-size);color:var(--color-text-muted)}.outreach-analytics{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.outreach-analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.outreach-analytics-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.outreach-analytics-chart{height:16rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-lg)}.outreach-empty{text-align:center;padding:var(--spacing-12);background:var(--color-surface);border-radius:var(--radius-xl)}.outreach-empty-icon{width:4rem;height:4rem;margin:0 auto var(--spacing-4);color:var(--color-text-muted);opacity:.5}.outreach-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.outreach-empty-description{font-size:var(--text-sm-size);color:var(--color-text-muted);max-width:24rem;margin:0 auto var(--spacing-4)}@media (max-width: 768px){.outreach-header{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.outreach-actions{justify-content:stretch}.outreach-actions .btn{flex:1}.outreach-stats{grid-template-columns:1fr}.outreach-campaigns-header,.outreach-sequences-header,.outreach-analytics-header,.outreach-campaign-item{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.outreach-campaign-stats{justify-content:space-between;margin-right:0}.outreach-sequence-item{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.outreach-sequence-step{margin-right:0;margin-bottom:var(--spacing-2)}.outreach-templates{grid-template-columns:1fr}}