.switch.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{height:1em;display:flex;align-items:center}.switch.disabled.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{opacity:.5}.label.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{margin:0 8px}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7.svelte-a6h7w7{position:absolute;opacity:0}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{cursor:not-allowed}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:before{content:"";position:absolute;width:2em;height:1em;left:.1em;transition:background .1s ease;background:#4950f680;border-radius:50px}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:after{content:"";position:absolute;width:1em;height:1em;border-radius:50px;left:0;transition:all .2s ease;box-shadow:0 2px 5px #0000004d;background:#fcfff4;animation:switch-off .2s ease-out;z-index:2}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7:checked+label.svelte-a6h7w7:before{background:#4950f6}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7:checked+label.svelte-a6h7w7:after{animation:switch-on .2s ease-out;left:1.1em}.rr-controller.svelte-189zk2r.svelte-189zk2r{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-189zk2r.svelte-189zk2r{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-189zk2r.svelte-189zk2r{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-189zk2r.svelte-189zk2r{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:solid 4px #fff;border-bottom:solid 4px #fff}.rr-progress.disabled.svelte-189zk2r.svelte-189zk2r{cursor:not-allowed}.rr-progress__step.svelte-189zk2r.svelte-189zk2r{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-189zk2r.svelte-189zk2r{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%,-50%);background:#4950f6}.rr-controller__btns.svelte-189zk2r.svelte-189zk2r{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:active{background:#e0e1fe}.rr-controller__btns.svelte-189zk2r button.active.svelte-189zk2r{color:#fff;background:#4950f6}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:disabled{cursor:not-allowed}.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);border-color:transparent}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;background:#4950f6;border-radius:100%;transform:translate(-50%,-50%);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;width:70px;height:70px;border-width:4px;border-style:solid;border-radius:100%;margin-left:-37px;margin-top:-37px;border-color:#4950f600;transition:left 0s linear,top 0s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:touch-click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}.rr-player{position:relative;background:#fff;float:left;border-radius:5px;box-shadow:0 24px 48px #11103e1f}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}.replayer-wrapper>iframe{border:none}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width-expanded);height:100vh;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-secondary);transition:width var(--transition-normal);position:fixed;left:0;top:0;z-index:var(--z-fixed);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);height:var(--header-height);border-bottom:1px solid var(--color-border-secondary);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);min-width:0;overflow:hidden}.sidebar-logo-img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.sidebar-logo-placeholder{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-inverse);flex-shrink:0}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar--collapsed .sidebar-toggle{margin-left:auto;margin-right:auto}.sidebar-nav{flex:1;padding:var(--space-3) 0;overflow-y:auto;overflow-x:hidden}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);margin:0 var(--space-2);border-radius:var(--radius-lg);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);position:relative;white-space:nowrap}.sidebar-nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-nav-item--active{background:var(--color-primary-muted);color:var(--color-primary)}.sidebar-nav-item--active:hover{background:var(--color-primary-subtle)}.sidebar-nav-item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding:var(--space-3);margin:0 var(--space-2)}.sidebar--collapsed .sidebar-nav-item:before{display:none}.sidebar-nav-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-nav-item-emoji{font-size:16px;line-height:1}.sidebar-nav-item-icon svg{width:20px;height:20px}.sidebar-nav-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-item-badge{padding:2px 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;flex-shrink:0}.sidebar-nav-item-badge--default{background:var(--color-bg-active);color:var(--color-text-secondary)}.sidebar-nav-item-badge--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.sidebar-nav-item-badge--error{background:var(--color-error-subtle);color:var(--color-error)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border-secondary);flex-shrink:0}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar--open{transform:translate(0)}.sidebar--collapsed{width:var(--sidebar-width-expanded)}}.command-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:var(--z-command-palette);animation:fadeIn var(--transition-fast)}.command-palette{width:100%;max-width:560px;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:scaleIn var(--transition-normal)}.command-palette-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-secondary)}.command-palette-search-icon{color:var(--color-text-muted);flex-shrink:0}.command-palette-input{flex:1;background:transparent;border:none;font-family:var(--font-family-sans);font-size:var(--font-size-md);color:var(--color-text-primary);outline:none}.command-palette-input::placeholder{color:var(--color-text-muted)}.command-palette-shortcut{padding:4px 8px;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.command-palette-body{max-height:400px;overflow-y:auto;padding:var(--space-2) 0}.command-palette-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.command-palette-group{padding:var(--space-1) 0}.command-palette-group-label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.command-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);background:transparent;border:none;font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.command-item:hover,.command-item--selected{background:var(--color-bg-hover);color:var(--color-text-primary)}.command-item--selected{background:var(--color-primary-muted)}.command-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;font-size:16px}.command-item-icon svg{width:18px;height:18px}.command-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-item-shortcut{display:flex;align-items:center;gap:4px;flex-shrink:0}.command-item-shortcut kbd{padding:2px 6px;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1}.command-palette-footer{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-secondary);background:var(--color-bg-tertiary)}.command-palette-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.command-palette-hint kbd{padding:2px 5px;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:10px;color:var(--color-text-secondary);line-height:1}@media (max-width: 640px){.command-palette-backdrop{padding:var(--space-4);padding-top:var(--space-8)}.command-palette{max-width:none}.command-palette-footer{display:none}}.app-shell{display:flex;min-height:100vh;background:var(--color-bg-primary)}.app-shell-main{flex:1;margin-left:var(--sidebar-width-expanded);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-normal)}.sidebar--collapsed+.app-shell-main,.sidebar--collapsed~.app-shell-main{margin-left:var(--sidebar-width-collapsed)}.app-shell-header{display:flex;align-items:center;gap:var(--space-4);height:var(--header-height);padding:0 var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-secondary);position:sticky;top:0;z-index:var(--z-sticky)}.app-shell-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.app-shell-mobile-menu-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.app-shell-search{display:flex;align-items:center;gap:var(--space-3);min-width:280px;max-width:400px;height:36px;padding:0 var(--space-3);background:var(--color-bg-hover);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.app-shell-search:hover{background:var(--color-bg-active);border-color:var(--color-border-primary)}.app-shell-search svg{flex-shrink:0}.app-shell-search span{flex:1;text-align:left}.app-shell-search kbd{padding:2px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.app-shell-header-spacer{flex:1}.app-shell-header-actions{display:flex;align-items:center;gap:var(--space-2)}.app-shell-header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;position:relative;transition:background var(--transition-fast),color var(--transition-fast)}.app-shell-header-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.app-shell-notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-error);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:16px;text-align:center}.app-shell-user-menu{display:flex;align-items:center;gap:var(--space-3);padding-left:var(--space-4);border-left:1px solid var(--color-border-secondary);margin-left:var(--space-2)}.app-shell-user-avatar{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);cursor:pointer;transition:transform var(--transition-fast)}.app-shell-user-avatar:hover{transform:scale(1.05)}.app-shell-content{flex:1;padding:var(--space-8);overflow-y:auto}.app-shell-mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-fixed) - 1)}.sidebar-footer-user{display:flex;align-items:center;gap:var(--space-3)}.sidebar-footer-user-avatar{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);flex-shrink:0}.sidebar-footer-user-info{flex:1;min-width:0}.sidebar-footer-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-logout{background:transparent;border:none;padding:0;font-family:var(--font-family-sans);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.sidebar-footer-logout:hover{color:var(--color-text-secondary)}.sidebar-footer-logout-icon{display:flex;align-items:center;justify-content:center;width:100%;background:transparent;border:none;padding:var(--space-2);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.sidebar-footer-logout-icon:hover{color:var(--color-text-secondary)}.page-header{margin-bottom:var(--space-8)}.page-header-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.page-header-breadcrumb{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.page-header-breadcrumb:hover,.page-header-breadcrumb--current{color:var(--color-text-secondary)}.page-header-breadcrumb-sep{color:var(--color-text-muted)}.page-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.page-header-text{flex:1;min-width:0}.page-header-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.page-header-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:var(--space-2) 0 0 0}.page-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media (max-width: 1024px){.app-shell-main{margin-left:0}.app-shell-mobile-menu-btn{display:flex}.app-shell-search{min-width:0;flex:1}.app-shell-search span{display:none}.app-shell-mobile-overlay{display:block}}@media (max-width: 640px){.app-shell-header{padding:0 var(--space-4);gap:var(--space-2)}.app-shell-content{padding:var(--space-4)}.app-shell-search kbd{display:none}.app-shell-user-menu{padding-left:var(--space-2);margin-left:0;border-left:none}.page-header-main{flex-direction:column;gap:var(--space-4)}.page-header-actions{width:100%}.page-header-title{font-size:var(--font-size-2xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;border:none;outline:none;position:relative}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--font-size-sm)}.btn--md{height:var(--button-height-md);padding:var(--button-padding-md);font-size:var(--font-size-base)}.btn--lg{height:var(--button-height-lg);padding:var(--button-padding-lg);font-size:var(--font-size-md)}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-active) 100%);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-active);border-color:var(--color-border-primary);color:var(--color-text-primary)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--danger{background:var(--color-error);color:var(--color-text-primary)}.btn--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn--success{background:var(--color-success);color:var(--color-text-inverse)}.btn--success:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn--full-width{width:100%}.btn--loading{color:transparent!important}.btn__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.btn__spinner-icon{width:18px;height:18px;animation:spin 1s linear infinite}.btn--primary .btn__spinner-icon{color:var(--color-text-inverse)}.btn--secondary .btn__spinner-icon,.btn--ghost .btn__spinner-icon{color:var(--color-text-secondary)}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon svg{width:16px;height:16px}.btn--sm .btn__icon svg{width:14px;height:14px}.btn--lg .btn__icon svg{width:18px;height:18px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn-icon:focus-visible{box-shadow:var(--shadow-focus)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon--sm{width:28px;height:28px}.btn-icon--md{width:36px;height:36px}.btn-icon--lg{width:44px;height:44px}.btn-icon--ghost{background:transparent;color:var(--color-text-secondary)}.btn-icon--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-icon--secondary{background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.btn-icon--secondary:hover:not(:disabled){background:var(--color-bg-active);color:var(--color-text-primary)}.btn-icon svg{width:18px;height:18px}.btn-icon--sm svg{width:14px;height:14px}.btn-icon--lg svg{width:20px;height:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper--full-width{width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input-container{position:relative;display:flex;align-items:center;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-container:hover{border-color:#ffffff26}.input-container:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input-container--error{border-color:var(--color-error)}.input-container--error:focus-within{box-shadow:var(--shadow-error)}.input-container--sm{height:var(--input-height-sm)}.input-container--md{height:var(--input-height-md)}.input-container--lg{height:var(--input-height-lg)}.input{flex:1;height:100%;padding:var(--input-padding-md);background:transparent;border:none;outline:none;font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary)}.input::placeholder{color:var(--color-text-muted)}.input--has-left-icon{padding-left:var(--space-1)}.input--has-right-icon{padding-right:var(--space-1)}.input[type=search]::-webkit-search-cancel-button,.input[type=search]::-webkit-search-decoration{display:none}.input-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);padding:0 var(--space-3)}.input-icon--left{padding-right:0}.input-icon--right{padding-left:0}.input-clear-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.input-clear-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.input-message{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.input-message--error{color:var(--color-error)}.textarea{width:100%;padding:var(--space-3);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-normal);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.textarea::placeholder{color:var(--color-text-muted)}.textarea:hover{border-color:#ffffff26}.textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.textarea--error{border-color:var(--color-error)}.textarea--error:focus{box-shadow:var(--shadow-error)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.select-wrapper--full-width{width:100%}.select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-align:left}.select-trigger:hover:not(:disabled){border-color:#ffffff26}.select-trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.select-trigger:disabled{opacity:.5;cursor:not-allowed}.select-trigger--open{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:focus-visible{box-shadow:var(--shadow-error)}.select-trigger--sm{height:var(--input-height-sm);padding:var(--input-padding-sm)}.select-trigger--md{height:var(--input-height-md);padding:var(--input-padding-md)}.select-trigger--lg{height:var(--input-height-lg);padding:var(--input-padding-lg)}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value--placeholder{color:var(--color-text-muted)}.select-arrow{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.select-trigger--open .select-arrow{transform:rotate(180deg)}.select-error{font-size:var(--font-size-xs);color:var(--color-error)}.select-menu{position:fixed;max-height:250px;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:selectMenuIn var(--transition-fast) ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes selectMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-search{padding:var(--space-2);border-bottom:1px solid var(--color-border-secondary)}.select-search-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.select-search-input::placeholder{color:var(--color-text-muted)}.select-search-input:focus{border-color:var(--color-primary)}.select-options{flex:1;overflow-y:auto;padding:var(--space-1)}.select-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.select-option:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.select-option:disabled{opacity:.5;cursor:not-allowed}.select-option--selected{background:var(--color-primary-muted);color:var(--color-primary)}.select-option--selected:hover:not(:disabled){background:var(--color-primary-subtle)}.select-option-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);flex-shrink:0}.select-option--selected .select-option-checkbox{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.select-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.select-option-icon svg{width:16px;height:16px}.select-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox-container{position:relative;flex-shrink:0}.checkbox-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.checkbox-input:disabled{cursor:not-allowed}.checkbox-box{display:flex;align-items:center;justify-content:center;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.checkbox-box--sm{width:16px;height:16px}.checkbox-box--md{width:20px;height:20px}.checkbox-input:hover:not(:disabled)+.checkbox-box{border-color:var(--color-primary)}.checkbox-input:focus-visible+.checkbox-box{box-shadow:var(--shadow-focus)}.checkbox-input:checked+.checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked:hover:not(:disabled)+.checkbox-box{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.checkbox-input:indeterminate+.checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-icon{color:var(--color-text-inverse)}.checkbox-box--sm .checkbox-icon{width:10px;height:10px}.checkbox-box--md .checkbox-icon{width:12px;height:12px}.checkbox-content{display:flex;flex-direction:column;gap:2px}.checkbox-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight)}.checkbox-wrapper--sm .checkbox-label{font-size:var(--font-size-xs)}.checkbox-description{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.toggle-wrapper{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-wrapper--disabled{opacity:.5;cursor:not-allowed}.toggle-container{position:relative;flex-shrink:0}.toggle-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.toggle-input:disabled{cursor:not-allowed}.toggle-track{background:var(--color-bg-active);border-radius:var(--radius-full);transition:background var(--transition-fast);position:relative}.toggle-track--sm{width:32px;height:18px}.toggle-track--md{width:44px;height:24px}.toggle-thumb{position:absolute;top:2px;left:2px;background:var(--color-text-primary);border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-track--sm .toggle-thumb{width:14px;height:14px}.toggle-track--md .toggle-thumb{width:20px;height:20px}.toggle-input:hover:not(:disabled)+.toggle-track{background:#ffffff26}.toggle-input:focus-visible+.toggle-track{box-shadow:var(--shadow-focus)}.toggle-input:checked+.toggle-track{background:var(--color-primary)}.toggle-input:checked:hover:not(:disabled)+.toggle-track{background:var(--color-primary-hover)}.toggle-input:checked+.toggle-track .toggle-thumb{background:var(--color-text-inverse)}.toggle-track--sm .toggle-input:checked+:scope .toggle-thumb,.toggle-input:checked+.toggle-track--sm .toggle-thumb{transform:translate(14px)}.toggle-input:checked+.toggle-track--md .toggle-thumb{transform:translate(20px)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--radius-full)}.badge--sm{padding:2px 8px;font-size:var(--font-size-xs)}.badge--md{padding:4px 10px;font-size:var(--font-size-sm)}.badge--default{background:var(--color-status-draft-bg);color:var(--color-status-draft)}.badge--primary{background:var(--color-status-approved-bg);color:var(--color-status-approved)}.badge--success{background:var(--color-status-active-bg);color:var(--color-status-active)}.badge--warning{background:var(--color-status-paused-bg);color:var(--color-status-paused)}.badge--error{background:var(--color-status-rejected-bg);color:var(--color-status-rejected)}.badge--info{background:var(--color-status-pending-bg);color:var(--color-status-pending)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge__dot--pulse{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:1}.count-badge--error{background:var(--color-error);color:var(--color-text-primary)}.count-badge--primary{background:var(--color-primary);color:var(--color-text-inverse)}.count-badge--info{background:var(--color-info);color:var(--color-text-primary)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--card-padding-sm)}.card--padding-md{padding:var(--card-padding-md)}.card--padding-lg{padding:var(--card-padding-lg)}.card--hoverable:hover{border-color:var(--color-border-primary);background:#ffffff05}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:#6be7c833;transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--selected{border-color:var(--color-primary);background:var(--color-bg-selected)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-header__content{flex:1;min-width:0}.card-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.card-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.card-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-body{color:var(--color-text-secondary)}.card-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-secondary)}.card-footer--left{justify-content:flex-start}.card-footer--center{justify-content:center}.card-footer--right{justify-content:flex-end}.card-footer--between{justify-content:space-between}.card-divider{border:none;height:1px;background:var(--color-border-secondary);margin:var(--space-4) 0}.stat-card{min-width:160px}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.stat-card__icon{color:var(--color-text-muted)}.stat-card__icon svg{width:18px;height:18px}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.stat-card__change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-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)}.stat-card__skeleton{height:32px;background:var(--color-bg-hover);border-radius:var(--radius-md);animation:pulse 2s ease-in-out infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-8);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:var(--modal-max-height);display:flex;flex-direction:column;z-index:var(--z-modal);animation:scaleIn var(--transition-normal)}.modal--sm{width:100%;max-width:var(--modal-width-sm)}.modal--md{width:100%;max-width:var(--modal-width-md)}.modal--lg{width:100%;max-width:var(--modal-width-lg)}.modal--xl{width:100%;max-width:var(--modal-width-xl)}.modal--full{width:calc(100% - var(--space-8));height:calc(100% - var(--space-8));max-width:none;max-height:none}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border-secondary);flex-shrink:0}.modal-header__content{flex:1;min-width:0}.modal-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.modal-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.modal-header__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.modal-header__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-header__close:focus-visible{box-shadow:var(--shadow-focus)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;color:var(--color-text-secondary)}.modal-confirm-message{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.modal-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border-secondary);flex-shrink:0}.modal-footer--left{justify-content:flex-start}.modal-footer--center{justify-content:center}.modal-footer--right{justify-content:flex-end}.modal-footer--between{justify-content:space-between}@media (max-width: 640px){.modal-backdrop{padding:var(--space-4);align-items:flex-end}.modal{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:slideInFromBottom var(--transition-normal)}.modal--sm,.modal--md,.modal--lg,.modal--xl{max-width:none;width:100%}}.tabs{display:flex;flex-direction:column}.tabs--vertical{flex-direction:row}.tab-list{display:flex;gap:var(--space-1)}.tab-list--horizontal{flex-direction:row;border-bottom:1px solid var(--color-border-secondary)}.tab-list--vertical{flex-direction:column;border-right:1px solid var(--color-border-secondary);padding-right:var(--space-4);margin-right:var(--space-4)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.tab:hover:not(:disabled){color:var(--color-text-primary)}.tab:disabled{opacity:.5;cursor:not-allowed}.tab:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-md)}.tab__icon{display:flex;align-items:center;justify-content:center}.tab__icon svg{width:16px;height:16px}.tab--default{margin-bottom:-1px;border-bottom:2px solid transparent;border-radius:0}.tab--default.tab--selected{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab--pills{border-radius:var(--radius-md)}.tab--pills.tab--selected{background:var(--color-primary-subtle);color:var(--color-primary)}.tab--underline{margin-bottom:-1px;padding:var(--space-3) var(--space-1);margin:0 var(--space-3)}.tab--underline:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;transition:background var(--transition-fast)}.tab--underline.tab--selected{color:var(--color-text-primary)}.tab--underline.tab--selected:after{background:var(--color-primary)}.tab-panels{flex:1}.tab-panel{padding:var(--space-4) 0;animation:fadeIn var(--transition-fast)}.tabs--vertical .tab-panel{padding:0}.tooltip-trigger{display:inline-flex;cursor:help}.tooltip{position:fixed;max-width:var(--tooltip-max-width);padding:var(--tooltip-padding);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-snug);z-index:var(--z-tooltip);pointer-events:none;animation:tooltipIn var(--transition-fast) ease-out}@keyframes tooltipIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tooltip--top{transform-origin:bottom center}.tooltip--bottom{transform-origin:top center}.tooltip--left{transform-origin:right center}.tooltip--right{transform-origin:left center}.info-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:help;transition:color var(--transition-fast)}.info-tooltip-icon:hover{color:var(--color-text-secondary)}.dropdown{position:relative;display:inline-flex}.dropdown-trigger{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}.dropdown-menu{position:fixed;min-width:180px;max-width:280px;max-height:300px;overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-1);z-index:var(--z-dropdown);animation:dropdownIn var(--transition-fast) ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.dropdown-item:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-item:focus-visible{outline:none;background:var(--color-bg-hover);box-shadow:var(--shadow-focus)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item--danger{color:var(--color-error)}.dropdown-item--danger:hover:not(:disabled){background:var(--color-error-subtle);color:var(--color-error)}.dropdown-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-item__icon svg{width:16px;height:16px}.dropdown-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-separator{height:1px;background:var(--color-border-secondary);border:none;margin:var(--space-1) 0}.dropdown-label{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.skeleton{background:linear-gradient(90deg,var(--color-bg-hover) 25%,var(--color-bg-active) 50%,var(--color-bg-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:14px;border-radius:var(--radius-sm)}.skeleton--circle{border-radius:50%;flex-shrink:0}.skeleton--rect{border-radius:var(--radius-lg);width:100%}.skeleton--button{height:36px;border-radius:var(--radius-lg)}.skeleton-lines{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.skeleton-card__content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-card__footer{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.skeleton-table-row{border-bottom:1px solid var(--color-border-secondary)}.skeleton-table-cell{padding:var(--space-4)}.skeleton-avatar{display:flex;align-items:center;gap:var(--space-3)}.skeleton-avatar__text{display:flex;flex-direction:column;gap:var(--space-1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state--sm{padding:var(--space-6);gap:var(--space-2)}.empty-state--md{padding:var(--space-10);gap:var(--space-3)}.empty-state--lg{padding:var(--space-16);gap:var(--space-4)}.empty-state__icon{color:var(--color-text-muted);margin-bottom:var(--space-2)}.empty-state--sm .empty-state__icon svg{width:32px;height:32px}.empty-state--md .empty-state__icon svg{width:48px;height:48px}.empty-state--lg .empty-state__icon svg{width:64px;height:64px}.empty-state__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state--sm .empty-state__title{font-size:var(--font-size-base)}.empty-state--md .empty-state__title{font-size:var(--font-size-lg)}.empty-state--lg .empty-state__title{font-size:var(--font-size-xl)}.empty-state__description{color:var(--color-text-secondary);margin:0;max-width:360px}.empty-state--sm .empty-state__description{font-size:var(--font-size-sm)}.empty-state--md .empty-state__description{font-size:var(--font-size-base)}.empty-state--lg .empty-state__description{font-size:var(--font-size-md)}.empty-state__action{margin-top:var(--space-4)}.ad-table-container{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.ad-table{width:100%;border-collapse:collapse;table-layout:fixed}.ad-table-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary)}.ad-table-th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);text-align:left;white-space:nowrap}.ad-table-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.ad-table-th--sortable:hover{color:var(--color-text-secondary)}.ad-table-th--sorted{color:var(--color-primary)}.ad-table-th-content{display:flex;align-items:center;gap:var(--space-1)}.ad-table-sort-icon{font-size:10px;color:var(--color-primary)}.ad-table-row{border-bottom:1px solid var(--color-border-secondary);cursor:pointer;transition:background var(--transition-fast)}.ad-table-row:hover{background:var(--color-bg-hover)}.ad-table-row--selected{background:var(--color-bg-selected)}.ad-table-row--selected:hover{background:var(--color-primary-muted)}.ad-table-row:last-child{border-bottom:none}.ad-table-td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);vertical-align:middle}.ad-table-td--select{width:48px}.ad-table-td--preview{width:80px}.ad-table-td--name{min-width:200px}.ad-table-td--number{text-align:right;font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.ad-table-preview{width:56px;height:40px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-hover)}.ad-table-preview-img{width:100%;height:100%;object-fit:cover}.ad-table-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.ad-table-name{display:flex;flex-direction:column;gap:2px;min-width:0}.ad-table-headline{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-table-id{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.ad-table-placement{font-size:var(--font-size-xs);padding:2px 8px;background:var(--color-bg-hover);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.ad-table-campaign{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-table-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.ad-table-row:hover .ad-table-actions{opacity:1}.ad-table-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.ad-table-action-btn:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.ad-table-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-secondary);background:var(--color-bg-tertiary)}.ad-table-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 1024px){.ad-table-th,.ad-table-td{padding:var(--space-2) var(--space-3)}.ad-table-th:nth-child(7),.ad-table-td:nth-child(7),.ad-table-th:nth-child(8),.ad-table-td:nth-child(8),.ad-table-th:nth-child(9),.ad-table-td:nth-child(9){display:none}}@media (max-width: 768px){.ad-table-th:nth-child(6),.ad-table-td:nth-child(6){display:none}}.ad-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl)}.ad-toolbar-search{flex:1;max-width:400px}.ad-toolbar-filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ad-toolbar-filter-btn:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.ad-toolbar-filter-btn--active{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.ad-toolbar-filter-btn--has-filters{border-color:var(--color-primary)}.ad-toolbar-filter-count{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-primary);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-inverse)}.ad-toolbar-view-toggle{display:flex;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.ad-toolbar-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.ad-toolbar-view-btn:hover{color:var(--color-text-primary);background:var(--color-bg-active)}.ad-toolbar-view-btn--active{color:var(--color-primary);background:var(--color-primary-muted)}.ad-toolbar-view-btn+.ad-toolbar-view-btn{border-left:1px solid var(--color-border-secondary)}.ad-toolbar-count{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.ad-toolbar-more-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ad-toolbar-more-btn:hover{background:var(--color-bg-active);color:var(--color-text-primary)}@media (max-width: 768px){.ad-toolbar{flex-wrap:wrap;gap:var(--space-2)}.ad-toolbar-search{order:1;flex:1 1 100%;max-width:none}.ad-toolbar-filter-btn{order:2}.ad-toolbar-view-toggle{order:3}.ad-toolbar-count{display:none}.ad-toolbar>button:last-child{order:4;margin-left:auto}}.bulk-action-bar{position:sticky;top:var(--header-height);z-index:var(--z-sticky);padding:var(--space-2) 0;animation:slideInFromTop var(--transition-normal)}.bulk-action-bar-inner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.bulk-action-bar-info{display:flex;align-items:center;gap:var(--space-2)}.bulk-action-bar-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.bulk-action-bar-actions{display:flex;align-items:center;gap:var(--space-2);flex:1}.bulk-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.bulk-action-btn:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.bulk-action-btn--success{color:var(--color-success)}.bulk-action-btn--success:hover{background:var(--color-success-subtle);border-color:var(--color-success)}.bulk-action-btn--danger{color:var(--color-error)}.bulk-action-btn--danger:hover{background:var(--color-error-subtle);border-color:var(--color-error)}.bulk-action-bar-divider{width:1px;height:24px;background:var(--color-border-primary)}.bulk-action-bar-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);margin-left:auto}.bulk-action-bar-clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}@media (max-width: 768px){.bulk-action-bar-inner{flex-wrap:wrap;gap:var(--space-2)}.bulk-action-btn span{display:none}.bulk-action-btn{padding:var(--space-2)}}.filter-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-4);animation:slideInFromTop var(--transition-fast)}.filter-panel-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-secondary)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary-muted);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-primary)}.filter-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:transparent;border:none;border-radius:50%;font-size:14px;color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast);line-height:1}.filter-chip-remove:hover{background:var(--color-primary-subtle)}.filter-chip--clear{background:transparent;border-color:var(--color-border-primary);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-chip--clear:hover{border-color:var(--color-text-muted);color:var(--color-text-secondary)}.filter-panel-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.filter-panel-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-panel-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.filter-panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-secondary)}.filter-panel-saved-views{flex:1}.saved-views-list{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.saved-views-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.saved-view-btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-family:var(--font-family-sans);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.saved-view-btn:hover{background:var(--color-bg-active);border-color:var(--color-primary);color:var(--color-primary)}.filter-panel-actions,.save-view-input{display:flex;align-items:center;gap:var(--space-2)}.save-view-name-input{padding:var(--space-2) var(--space-3);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none;width:150px}.save-view-name-input:focus{border-color:var(--color-primary)}.save-view-name-input::placeholder{color:var(--color-text-muted)}@media (max-width: 768px){.filter-panel-row{grid-template-columns:1fr}.filter-panel-footer{flex-direction:column;gap:var(--space-3);align-items:stretch}.filter-panel-actions{justify-content:flex-end}}.quick-create{display:flex;flex-direction:column}.quick-create-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-5) 0}.quick-create-section{margin-bottom:var(--spacing-4)}.quick-create-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.char-counter{text-align:right;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}@media (max-width: 480px){.template-grid{grid-template-columns:repeat(2,1fr)}}.template-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.template-option:hover{border-color:var(--border-color)}.template-option.selected{border-color:var(--brand-primary);background:var(--brand-primary-alpha)}.template-icon{font-size:24px}.template-name{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.template-option.selected .template-name{color:var(--brand-primary)}.placement-options{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.placement-option{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.placement-option:hover{background:var(--bg-hover);color:var(--text-primary)}.placement-option.selected{background:var(--brand-primary-alpha);border-color:var(--brand-primary);color:var(--brand-primary)}.image-upload-area{width:100%}.image-upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.image-upload-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.image-upload-btn input{display:none}.upload-icon{font-size:18px}.image-preview{position:relative;width:100%;height:120px;border-radius:var(--radius-md);overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.image-remove{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;font-size:16px;cursor:pointer;transition:var(--transition-fast)}.image-remove:hover{background:var(--status-error)}.quick-create-divider{height:1px;background:var(--border-subtle);margin:var(--spacing-4) 0}.quick-create-actions{display:flex;align-items:center;justify-content:space-between}.open-editor-btn{padding:0;background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;transition:var(--transition-fast)}.open-editor-btn:hover{color:var(--brand-primary)}.quick-create-actions-right{display:flex;gap:var(--spacing-2)}@media (max-width: 480px){.quick-create-actions{flex-direction:column;gap:var(--spacing-3)}.quick-create-actions-right{width:100%}.quick-create-actions-right button{flex:1}}.template-manager{display:flex;flex-direction:column;max-height:80vh}.template-manager-header{margin-bottom:var(--spacing-4)}.template-manager-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.template-manager-description{color:var(--text-secondary);margin:0}.template-manager-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-wrap:wrap}.template-search{width:280px;max-width:100%}.placement-filters{display:flex;gap:var(--spacing-2)}.placement-filter{padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.placement-filter:hover{background:var(--bg-hover)}.placement-filter.active{background:var(--brand-primary-alpha);border-color:var(--brand-primary);color:var(--brand-primary)}.template-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4);flex:1;overflow-y:auto;padding:var(--spacing-1);margin:0 calc(-1 * var(--spacing-1))}.template-empty{grid-column:1 / -1;padding:var(--spacing-8);text-align:center;color:var(--text-muted)}.template-card{position:relative;display:flex;flex-direction:column;background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);overflow:hidden}.template-card:hover{border-color:var(--border-color)}.template-card.selected{border-color:var(--brand-primary)}.template-card-header{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle)}.template-card-icon{font-size:28px;flex-shrink:0}.template-card-info{flex:1;min-width:0}.template-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.template-card-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.template-card-preview{padding:var(--spacing-4);flex:1}.preview-badge{margin-bottom:var(--spacing-2);min-height:20px}.preview-badge-label{display:inline-block;padding:2px 8px;background:var(--status-warning);color:#000;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.preview-headline{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.preview-body{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-3);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-cta{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background:var(--brand-primary);color:var(--bg-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.template-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-subtle)}.template-preview-btn{padding:var(--spacing-1) var(--spacing-2);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast)}.template-preview-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.template-selected-indicator{position:absolute;top:var(--spacing-2);right:var(--spacing-2)}.template-manager-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}.template-preview-modal{display:flex;flex-direction:column}.preview-modal-header{margin-bottom:var(--spacing-5)}.preview-modal-title-row{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.preview-modal-icon{font-size:32px}.preview-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.preview-modal-description{color:var(--text-secondary);margin:0}.preview-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5)}@media (max-width: 768px){.preview-modal-content{grid-template-columns:1fr}}.preview-device{background:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.preview-device-header{padding:var(--spacing-3);background:var(--bg-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.preview-feed-card{padding:var(--spacing-4)}.preview-feed-image{position:relative;height:160px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}.preview-feed-badge{position:absolute;top:var(--spacing-2);left:var(--spacing-2);padding:4px 8px;background:var(--status-warning);color:#000;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.preview-feed-content{padding:0}.preview-feed-headline{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.preview-feed-body{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-3) 0;line-height:1.5}.preview-feed-cta{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:var(--brand-primary);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.preview-details{display:flex;flex-direction:column;gap:var(--spacing-4)}.preview-details-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.preview-details-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.preview-detail-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.detail-label{color:var(--text-secondary)}.detail-value{font-weight:var(--font-weight-medium)}.preview-fields{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.preview-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-5);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}.import-wizard{display:flex;flex-direction:column;max-height:80vh}.import-wizard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.import-wizard-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.import-wizard-step-indicator{font-size:var(--font-size-sm);color:var(--text-secondary)}.import-wizard-progress{display:flex;justify-content:space-between;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-subtle)}.progress-step{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-muted)}.progress-step.current{color:var(--brand-primary)}.progress-step.completed{color:var(--status-success)}.progress-step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.progress-step.current .progress-step-number{background:var(--brand-primary);color:var(--bg-primary)}.progress-step.completed .progress-step-number{background:var(--status-success);color:var(--bg-primary)}.progress-step-label{font-size:var(--font-size-sm)}@media (max-width: 480px){.progress-step-label{display:none}}.import-wizard-content{flex:1;overflow-y:auto;min-height:300px}.import-step{display:flex;flex-direction:column;gap:var(--spacing-4)}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;transition:var(--transition-fast)}.upload-zone:hover,.upload-zone.dragging{border-color:var(--brand-primary);background:var(--brand-primary-alpha)}.upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);cursor:pointer}.upload-label input{display:none}.upload-icon{font-size:48px}.upload-text{font-size:var(--font-size-base);color:var(--text-primary)}.upload-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.upload-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.upload-filename{font-weight:var(--font-weight-medium)}.upload-info{color:var(--status-success);font-size:var(--font-size-sm)}.upload-change{padding:var(--spacing-1) var(--spacing-2);background:transparent;border:none;color:var(--brand-primary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline}.upload-help{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding-top:var(--spacing-4)}.upload-help p{color:var(--text-secondary);margin:0}.upload-errors{background:#ff6b6b1a;border-radius:var(--radius-md);padding:var(--spacing-4)}.upload-errors h4{color:var(--status-error);margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-sm)}.error-item{font-size:var(--font-size-sm);color:var(--status-error)}.mapping-table{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.mapping-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.mapping-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-3);padding:var(--spacing-3);border-top:1px solid var(--border-subtle);align-items:center}.mapping-csv-col{font-weight:var(--font-weight-medium)}.mapping-sample{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapping-warning{padding:var(--spacing-3);background:#ffc1071a;border-radius:var(--radius-md);color:var(--status-warning);font-size:var(--font-size-sm)}.preview-summary{display:flex;gap:var(--spacing-4)}.preview-stat{flex:1;padding:var(--spacing-4);background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center}.preview-stat--success{border:1px solid var(--status-success)}.preview-stat--error{border:1px solid var(--status-error)}.preview-stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.preview-stat--success .preview-stat-value{color:var(--status-success)}.preview-stat--error .preview-stat-value{color:var(--status-error)}.preview-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.preview-errors{background:#ff6b6b0d;border-radius:var(--radius-md);padding:var(--spacing-4)}.preview-errors h4{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm);color:var(--status-error)}.error-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.error-row{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.error-messages{color:var(--text-secondary)}.error-more{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.preview-table{margin-top:var(--spacing-4)}.preview-table h4{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.preview-table table{width:100%;border-collapse:collapse}.preview-table th,.preview-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border:1px solid var(--border-subtle);font-size:var(--font-size-sm)}.preview-table th{background:var(--bg-tertiary);font-weight:var(--font-weight-medium)}.import-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8)}.import-spinner{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.import-results{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-8)}.results-icon{font-size:48px;margin-bottom:var(--spacing-3)}.import-results h3{margin:0 0 var(--spacing-2) 0}.import-results.success h3{color:var(--status-success)}.import-results.error h3{color:var(--status-error)}.import-results p{color:var(--text-secondary);margin:0}.results-skipped{color:var(--status-warning)}.import-wizard-actions{display:flex;justify-content:space-between;padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}.import-wizard-actions-right{display:flex;gap:var(--spacing-2)}@media (max-width: 640px){.mapping-header,.mapping-row{grid-template-columns:1fr 1fr}.mapping-sample{display:none}}.export-modal{display:flex;flex-direction:column}.export-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-5) 0}.export-section{margin-bottom:var(--spacing-5)}.export-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.export-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-3) 0}.export-section-header .export-section-title{margin:0}.select-all-btn{padding:0;background:transparent;border:none;color:var(--brand-primary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline}.export-scope-options{display:flex;flex-direction:column;gap:var(--spacing-2)}.export-scope-option{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.export-scope-option input{width:18px;height:18px;accent-color:var(--brand-primary)}.scope-label{font-size:var(--font-size-base)}.export-columns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}@media (max-width: 640px){.export-columns-grid{grid-template-columns:repeat(2,1fr)}}.export-column-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.export-column-option:hover{background:var(--bg-hover)}.export-column-option input{width:16px;height:16px;accent-color:var(--brand-primary)}.export-column-option span{font-size:var(--font-size-sm)}.export-option{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.export-option input{width:18px;height:18px;accent-color:var(--brand-primary)}.export-preview{padding:var(--spacing-4);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.export-preview .export-section-title{margin-bottom:var(--spacing-2)}.preview-info{display:flex;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.preview-sample{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.export-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}.ad-manager{display:flex;flex-direction:column;gap:var(--space-4);min-height:400px}.ad-manager-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-text-muted)}.campaign-editor{display:flex;flex-direction:column}.campaign-editor-header{margin-bottom:var(--spacing-5)}.campaign-editor-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.campaign-editor-steps{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.step{color:var(--text-muted)}.step.active{color:var(--brand-primary);font-weight:var(--font-weight-medium)}.step-arrow{color:var(--text-muted)}.campaign-editor-step{display:flex;flex-direction:column;gap:var(--spacing-4)}.step-description{color:var(--text-secondary);margin:0}.step-back{align-self:flex-start;padding:var(--spacing-2) 0;background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.step-back:hover{color:var(--brand-primary)}.objective-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.objective-option{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:var(--transition-fast)}.objective-option:hover{border-color:var(--border-color);background:var(--bg-hover)}.objective-option.selected{border-color:var(--brand-primary);background:var(--brand-primary-alpha)}.objective-icon{font-size:28px;flex-shrink:0}.objective-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.objective-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.objective-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.selected-objective{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--brand-primary-alpha);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--brand-primary);align-self:flex-start}.campaign-editor-form{display:flex;flex-direction:column;gap:var(--spacing-4)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.form-select{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;height:40px}.form-select:focus{outline:none;border-color:var(--brand-primary)}.no-end-date-toggle{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.no-end-date-toggle input{width:16px;height:16px;accent-color:var(--brand-primary)}.campaign-editor-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-5);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}.campaign-manager{display:flex;flex-direction:column;gap:var(--spacing-5)}.campaign-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap}.campaign-toolbar-left{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;flex:1}.campaign-search{width:280px;max-width:100%}.campaign-status-filters{display:flex;gap:var(--spacing-2)}.campaign-status-filter{padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.campaign-status-filter:hover{background:var(--bg-hover);color:var(--text-primary)}.campaign-status-filter.active{background:var(--brand-primary-alpha);border-color:var(--brand-primary);color:var(--brand-primary)}.campaign-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.campaign-card{padding:var(--spacing-5)}.campaign-card-header{margin-bottom:var(--spacing-4)}.campaign-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.campaign-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none;transition:var(--transition-fast)}.campaign-card-name:hover{color:var(--brand-primary)}.campaign-card-meta{display:flex;align-items:center;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary)}.campaign-objective{display:flex;align-items:center;gap:var(--spacing-1)}.campaign-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);padding:var(--spacing-4) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}@media (max-width: 640px){.campaign-card-metrics{grid-template-columns:repeat(2,1fr)}}.campaign-metric{display:flex;flex-direction:column;gap:var(--spacing-1)}.campaign-metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.campaign-metric-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.campaign-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-top:var(--spacing-4)}.campaign-card-counts{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.campaign-card-dot{color:var(--text-muted)}.campaign-card-actions{display:flex;gap:var(--spacing-2)}.campaign-action-btn{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.campaign-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.campaign-action-activate{background:var(--brand-primary-alpha);border-color:var(--brand-primary);color:var(--brand-primary)}.campaign-action-activate:hover{background:var(--brand-primary);color:var(--bg-primary)}@media (max-width: 768px){.campaign-toolbar,.campaign-toolbar-left{flex-direction:column;align-items:stretch}.campaign-search{width:100%}.campaign-status-filters{overflow-x:auto;padding-bottom:var(--spacing-2)}.campaign-card-title-row{flex-direction:column;align-items:flex-start}.campaign-card-meta{flex-wrap:wrap;gap:var(--spacing-2)}.campaign-card-footer{flex-direction:column;align-items:flex-start}.campaign-card-actions{width:100%;flex-wrap:wrap}.campaign-action-btn{flex:1;text-align:center}}.dashboard-loading,.dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-5)}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-4)}@media (max-width: 1200px){.dashboard-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-metrics-grid{grid-template-columns:1fr}}.metric-card{padding:var(--spacing-4)}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.metric-change{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.metric-change-value{font-weight:var(--font-weight-medium)}.metric-change.positive .metric-change-value{color:var(--status-success)}.metric-change.negative .metric-change-value{color:var(--status-error)}.metric-change.neutral .metric-change-value{color:var(--text-secondary)}.metric-change-period{color:var(--text-muted)}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5)}@media (max-width: 1024px){.dashboard-two-col{grid-template-columns:1fr}}.dashboard-card{padding:var(--spacing-5)}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.dashboard-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.dashboard-card-link{color:var(--brand-primary);font-size:var(--font-size-sm);text-decoration:none}.dashboard-card-link:hover{text-decoration:underline}.top-campaigns-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.top-campaign-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.top-campaign-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary-alpha);border-radius:var(--radius-full);color:var(--brand-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.top-campaign-info{flex:1;min-width:0}.top-campaign-name{font-weight:var(--font-weight-medium);color:var(--text-primary);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-campaign-name:hover{color:var(--brand-primary)}.top-campaign-stats{display:flex;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--text-secondary)}.top-campaign-spend{font-weight:var(--font-weight-semibold);color:var(--brand-primary);flex-shrink:0}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);transition:var(--transition-fast)}.activity-item:hover{background:var(--bg-tertiary)}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-full);flex-shrink:0;font-size:14px}.activity-content{flex:1;min-width:0}.activity-title{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-1)}.activity-description{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}@media (max-width: 768px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-fast)}.quick-action:hover{background:var(--bg-hover);border-color:var(--brand-primary)}.quick-action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary-alpha);border-radius:var(--radius-full);color:var(--brand-primary);font-size:18px}.quick-action-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.audience-builder{display:flex;flex-direction:column;gap:var(--spacing-5)}.audience-builder--embedded{gap:var(--spacing-4)}.audience-builder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.audience-builder-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.audience-builder-subtitle{color:var(--text-secondary);margin:0}.audience-size-indicator{text-align:right;padding:var(--spacing-4);background:var(--brand-primary-alpha);border-radius:var(--radius-lg);min-width:140px}.audience-size-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-1)}.audience-size-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--brand-primary)}.audience-size-sublabel{font-size:var(--font-size-xs);color:var(--text-muted)}.audience-section{padding:var(--spacing-5)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.section-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-4) 0}.select-all-btn{padding:0;background:transparent;border:none;color:var(--brand-primary);font-size:var(--font-size-sm);cursor:pointer}.select-all-btn:hover{text-decoration:underline}.criteria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-2)}.criteria-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.criteria-option:hover{background:var(--bg-hover)}.criteria-option input{width:16px;height:16px;accent-color:var(--brand-primary)}.criteria-option span{font-size:var(--font-size-sm)}.criteria-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}@media (max-width: 768px){.criteria-selects{grid-template-columns:1fr}}.criteria-select-item{display:flex;flex-direction:column}.criteria-select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.criteria-select{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.criteria-select:focus{outline:none;border-color:var(--brand-primary)}.audience-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media (max-width: 640px){.audience-name-fields{grid-template-columns:1fr}}.audience-summary{padding:var(--spacing-4);background:var(--bg-tertiary)}.summary-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.summary-empty{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.audience-error{padding:var(--spacing-3);background:#ff6b6b1a;border-radius:var(--radius-md);color:var(--status-error);font-size:var(--font-size-sm)}.audience-builder-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}@media (max-width: 640px){.audience-builder-header{flex-direction:column}.audience-size-indicator{width:100%;text-align:center}}.audience-manager{display:flex;flex-direction:column;gap:var(--spacing-5)}.audience-manager-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.audience-manager-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.audience-manager-subtitle{color:var(--text-secondary);margin:0}.audience-manager-search{max-width:400px}.audience-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-4)}.audience-card{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);transition:var(--transition-fast)}.audience-card--selectable{cursor:pointer}.audience-card--selectable:hover{border-color:var(--brand-primary)}.audience-card--selected{border-color:var(--brand-primary);background:var(--brand-primary-alpha)}.audience-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3)}.audience-card-info{flex:1;min-width:0}.audience-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-card-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-card-size{text-align:right;flex-shrink:0}.audience-size-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--brand-primary);line-height:1}.audience-size-label{font-size:var(--font-size-xs);color:var(--text-muted)}.audience-card-criteria{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-card-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-subtle)}.audience-card-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.audience-card-actions{display:flex;gap:var(--spacing-1)}.audience-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.audience-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.audience-action-btn--danger:hover{background:#ff6b6b1a;color:var(--status-error)}@media (max-width: 768px){.audience-manager-header{flex-direction:column;align-items:stretch}.audience-manager-search{max-width:none}.audience-list{grid-template-columns:1fr}}.campaign-wizard{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:1200px;margin:0 auto}.wizard-progress{display:flex;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-lg);overflow-x:auto}.wizard-step{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);flex:1;min-width:180px;cursor:default;transition:var(--transition-fast)}.wizard-step--completed{cursor:pointer}.wizard-step--completed:hover{background:var(--bg-hover)}.wizard-step--active{background:var(--brand-primary-alpha)}.wizard-step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.wizard-step--active .wizard-step-number{background:var(--brand-primary);color:#fff}.wizard-step--completed .wizard-step-number{background:var(--status-success);color:#fff}.wizard-step-info{flex:1;min-width:0}.wizard-step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.wizard-step--active .wizard-step-label{color:var(--brand-primary)}.wizard-step-description{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wizard-content{padding:var(--spacing-6);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.wizard-step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-5) 0}.wizard-step-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.step-intro{color:var(--text-secondary);margin:0 0 var(--spacing-4) 0}.audience-mode-toggle{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.mode-toggle-btn{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.mode-toggle-btn:hover{background:var(--bg-hover)}.mode-toggle-btn--active{background:var(--brand-primary-alpha);border-color:var(--brand-primary);color:var(--brand-primary)}.audience-selected-indicator{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:#00ff881a;border-radius:var(--radius-md)}.audience-size-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.creative-editor{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-6)}@media (max-width: 1024px){.creative-editor{grid-template-columns:1fr}}.creative-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-label .required{color:var(--status-error)}.char-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal)}.form-input,.form-select,.form-textarea{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand-primary)}.form-input--error,.form-textarea--error{border-color:var(--status-error)}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.field-error{font-size:var(--font-size-xs);color:var(--status-error)}.creative-preview{position:sticky;top:var(--spacing-4)}.preview-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-3) 0;color:var(--text-secondary)}.ad-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.ad-preview-image{aspect-ratio:16/9;background:var(--bg-tertiary)}.ad-preview-image img{width:100%;height:100%;object-fit:cover}.ad-preview-content{padding:var(--spacing-4)}.ad-preview-headline{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.ad-preview-body{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-3)}.ad-preview-promo{font-size:var(--font-size-sm);color:var(--brand-primary);margin-bottom:var(--spacing-3)}.ad-preview-cta{padding:var(--spacing-2) var(--spacing-4);background:var(--brand-primary);border:none;border-radius:var(--radius-md);color:#000;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.placement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.placement-card{padding:var(--spacing-4);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast)}.placement-card:hover{border-color:var(--brand-primary)}.placement-card--selected{border-color:var(--brand-primary);background:var(--brand-primary-alpha)}.placement-card-header{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.placement-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.placement-card--selected .placement-icon{background:var(--brand-primary);color:#000}.placement-info{flex:1;min-width:0}.placement-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.placement-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.placement-checkbox{flex-shrink:0}.placement-checkbox input{width:20px;height:20px;accent-color:var(--brand-primary)}.placement-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--border-subtle)}.placement-reach{font-size:var(--font-size-xs);color:var(--text-muted)}.placement-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.budget-section,.schedule-section{margin-bottom:var(--spacing-6)}.section-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.budget-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}@media (max-width: 768px){.budget-presets{grid-template-columns:repeat(2,1fr)}}.budget-preset{padding:var(--spacing-4);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition-fast)}.budget-preset:hover{border-color:var(--brand-primary)}.budget-preset--selected{border-color:var(--brand-primary);background:var(--brand-primary-alpha)}.budget-preset-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.budget-preset-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--spacing-1)}.budget-preset-description{font-size:var(--font-size-xs);color:var(--text-muted)}.custom-budget-input{margin-top:var(--spacing-4);max-width:300px}.currency-input{display:flex;align-items:center;gap:var(--spacing-2)}.currency-symbol{font-size:var(--font-size-lg);color:var(--text-secondary)}.currency-period{font-size:var(--font-size-sm);color:var(--text-muted)}.schedule-toggle{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.toggle-option{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);cursor:pointer}.toggle-option input{accent-color:var(--brand-primary)}.date-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);max-width:400px}.review-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin:var(--spacing-5) 0}@media (max-width: 768px){.review-sections{grid-template-columns:1fr}}.review-card{position:relative;padding:var(--spacing-4)}.review-card-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 var(--spacing-2) 0}.review-card-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.review-card-meta{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.review-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.review-edit-btn{position:absolute;top:var(--spacing-3);right:var(--spacing-3);padding:var(--spacing-1) var(--spacing-2);background:transparent;border:none;color:var(--brand-primary);font-size:var(--font-size-xs);cursor:pointer}.review-edit-btn:hover{text-decoration:underline}.cost-summary{padding:var(--spacing-5);background:var(--bg-tertiary)}.cost-summary-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.cost-line{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.cost-line--total{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.wizard-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-lg)}.wizard-actions-left,.wizard-actions-right{display:flex;gap:var(--spacing-3)}.wizard-error{padding:var(--spacing-3);background:#ff6b6b1a;border-radius:var(--radius-md);color:var(--status-error);font-size:var(--font-size-sm)}@media (max-width: 768px){.wizard-progress{flex-direction:column;gap:var(--spacing-1)}.wizard-step{min-width:auto}.wizard-content{padding:var(--spacing-4)}}.metrics-card{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.metrics-card--loading{min-height:120px}.metrics-card-header{display:flex;align-items:center;gap:var(--spacing-2)}.metrics-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary)}.metrics-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.metrics-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.metrics-card-trend{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--text-muted)}.metrics-card-trend--up{color:var(--status-success)}.metrics-card-trend--down{color:var(--status-error)}.trend-label{color:var(--text-muted);margin-left:var(--spacing-1)}.metrics-card-skeleton{display:flex;flex-direction:column;gap:var(--spacing-3)}.skeleton-title{width:80px;height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:pulse 1.5s infinite}.skeleton-value{width:120px;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.performance-chart{padding:var(--spacing-4)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.chart-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.chart-header .chart-title{margin:0}.chart-svg{width:100%;height:auto;overflow:visible}.chart-axis-label{font-size:8px;fill:var(--text-muted);font-family:var(--font-family-sans)}.chart-point{cursor:pointer;transition:r .15s ease}.chart-point:hover{r:5}.chart-bar{cursor:pointer;transition:opacity .15s ease}.chart-bar:hover{opacity:.8}.chart-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:var(--font-size-sm)}.chart-legend{display:flex;gap:var(--spacing-4)}.legend-item{display:flex;align-items:center;gap:var(--spacing-2)}.legend-dot{width:10px;height:10px;border-radius:var(--radius-full)}.legend-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.breakdown-table{padding:var(--spacing-4)}.breakdown-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.breakdown-table-wrapper{overflow-x:auto}.breakdown-table-inner{width:100%;border-collapse:collapse}.breakdown-th{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap}.breakdown-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.breakdown-th--sortable:hover{color:var(--text-primary)}.breakdown-th--sorted{color:var(--brand-primary)}.breakdown-th span{display:inline-flex;align-items:center;gap:var(--spacing-1)}.breakdown-row:hover{background:var(--bg-hover)}.breakdown-td{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.breakdown-td--total{font-weight:var(--font-weight-semibold);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.breakdown-total-row{border-top:2px solid var(--border-color)}.breakdown-more{padding:var(--spacing-3);text-align:center;font-size:var(--font-size-sm);color:var(--text-muted)}.date-range-picker{position:relative}.date-range-trigger{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.date-range-trigger:hover{border-color:var(--brand-primary)}.date-range-value{flex:1;text-align:left}.date-range-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;z-index:100;display:flex;width:420px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.date-range-presets{flex:1;padding:var(--spacing-3);border-right:1px solid var(--border-subtle)}.date-range-custom{flex:1;padding:var(--spacing-3)}.date-range-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--spacing-2)}.date-range-preset{display:block;width:100%;padding:var(--spacing-2);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition-fast)}.date-range-preset:hover{background:var(--bg-hover)}.date-range-preset--active{background:var(--brand-primary-alpha);color:var(--brand-primary)}.date-range-inputs{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.date-input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.date-input-group label{font-size:var(--font-size-xs);color:var(--text-secondary)}.date-input{padding:var(--spacing-2);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit}.date-input:focus{outline:none;border-color:var(--brand-primary)}.date-range-apply{width:100%;padding:var(--spacing-2);background:var(--brand-primary);border:none;border-radius:var(--radius-md);color:#000;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.date-range-apply:hover{opacity:.9}@media (max-width: 480px){.date-range-dropdown{flex-direction:column;width:280px;right:auto;left:0}.date-range-presets{border-right:none;border-bottom:1px solid var(--border-subtle)}}.analytics-dashboard{display:flex;flex-direction:column;gap:var(--spacing-6)}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);flex-wrap:wrap}.analytics-header-left{flex:1;min-width:200px}.analytics-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.analytics-subtitle{color:var(--text-secondary);margin:0}.analytics-header-right{display:flex;gap:var(--spacing-3);align-items:center}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4)}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}}.metric-selector{display:flex;gap:var(--spacing-2);padding:var(--spacing-1);background:var(--bg-secondary);border-radius:var(--radius-lg);width:fit-content}.metric-btn{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.metric-btn:hover{color:var(--text-primary)}.metric-btn--active{background:var(--brand-primary);color:#000}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media (max-width: 1024px){.breakdown-grid{grid-template-columns:1fr}}@media (max-width: 640px){.analytics-header{flex-direction:column;align-items:stretch}.analytics-header-right{flex-wrap:wrap}}.association-search{display:flex;flex-direction:column;max-height:70vh}.association-search-header{margin-bottom:var(--spacing-4)}.association-search-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.association-search-input{margin-bottom:var(--spacing-4)}.association-search-results{flex:1;overflow-y:auto;min-height:200px;max-height:300px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.search-loading{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.search-result-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);background:transparent;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;transition:var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-hover)}.result-image{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px}.result-image img{width:100%;height:100%;object-fit:cover}.result-info{flex:1;min-width:0}.result-name{font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-stats{flex-shrink:0;text-align:right}.result-streams{font-size:var(--font-size-xs);color:var(--text-muted)}.search-empty,.search-prompt{padding:var(--spacing-6);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.association-confirm{display:flex;flex-direction:column;gap:var(--spacing-4)}.selected-entity{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-tertiary);border-radius:var(--radius-md)}.change-selection{padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.change-selection:hover{background:var(--bg-hover);color:var(--text-primary)}.relationship-select{margin-top:var(--spacing-2)}.association-search-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}.association-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast)}.association-card:hover{border-color:var(--border-color)}.association-image{width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.association-image img{width:100%;height:100%;object-fit:cover}.association-icon{font-size:24px}.association-info{flex:1;min-width:0}.association-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.association-name{font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.association-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--text-secondary)}.association-genre{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.association-streams{white-space:nowrap}.association-relationship{flex-shrink:0;min-width:160px}.association-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.association-remove:hover{background:#ff6b6b1a;color:var(--status-error)}@media (max-width: 768px){.association-card{flex-wrap:wrap}.association-info{flex:1 1 calc(100% - 88px)}.association-relationship{flex:1 1 100%;margin-top:var(--spacing-2)}}.product-manager{width:100%}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.product-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-fast)}.product-card:hover{border-color:var(--border-color)}.product-image{width:100%;height:140px;background:var(--bg-secondary);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.product-no-image{color:var(--text-muted);font-size:var(--font-size-sm)}.product-info{padding:var(--spacing-3)}.product-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-2) 0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.product-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--brand-primary)}.product-stock{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.product-in-stock{background:#6be7c826;color:var(--status-success)}.product-out-of-stock{background:#ff6b6b26;color:var(--status-error)}.product-actions{display:flex;border-top:1px solid var(--border-subtle)}.product-action-btn{flex:1;padding:var(--spacing-2);background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.product-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.product-action-btn:first-child{border-right:1px solid var(--border-subtle)}.product-action-remove:hover{color:var(--status-error)}.product-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:220px;background:transparent;border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.product-add-card:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.product-add-icon{font-size:24px;font-weight:var(--font-weight-light)}.product-editor{display:flex;flex-direction:column}.product-editor-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-5) 0}.product-editor-form{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-5)}@media (max-width: 640px){.product-editor-form{grid-template-columns:1fr}}.product-image-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.product-image-preview{width:160px;height:160px;border-radius:var(--radius-lg);background:var(--bg-tertiary);background-size:cover;background-position:center;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-sm)}.product-image-btn{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.product-image-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.product-image-btn input{display:none}.product-fields{display:flex;flex-direction:column;gap:var(--spacing-4)}.price-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media (max-width: 480px){.price-row{grid-template-columns:1fr}}.price-type-select{display:flex;flex-direction:column}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.price-type-dropdown{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.price-type-dropdown:focus{outline:none;border-color:var(--brand-primary)}.stock-toggle{margin-top:var(--spacing-2)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.toggle-label input{width:18px;height:18px;accent-color:var(--brand-primary)}.toggle-text{font-size:var(--font-size-sm);color:var(--text-primary)}.product-editor-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-5);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}.profile-builder{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-section{padding:var(--spacing-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.section-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-5) 0;line-height:1.5}.company-info-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-5)}@media (max-width: 640px){.company-info-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}.logo-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.logo-preview{width:100px;height:100px;border-radius:var(--radius-lg);background:var(--bg-tertiary);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.logo-upload-btn{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.logo-upload-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.logo-upload-btn input{display:none}.company-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media (max-width: 768px){.company-fields{grid-template-columns:1fr}}.description-field{position:relative}.input-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.description-textarea{width:100%;padding:var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:100px;transition:var(--transition-fast)}.description-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-alpha)}.description-textarea::placeholder{color:var(--text-muted)}.char-count{position:absolute;bottom:var(--spacing-2);right:var(--spacing-3);font-size:var(--font-size-xs);color:var(--text-muted)}.association-group{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--border-subtle)}.association-group:first-of-type{margin-top:0;padding-top:0;border-top:none}.association-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.association-group-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.association-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.association-empty{padding:var(--spacing-5);background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.profile-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}@media (max-width: 480px){.profile-actions{flex-direction:column}.profile-actions button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#000;color:#fff;line-height:1.6;min-height:100vh}:root{--bg-primary: #000000;--bg-card: #171615;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--accent: #6BE7C8;--accent-hover: #5ad4b7;--border: rgba(255, 255, 255, .08);--border-accent: rgba(107, 231, 200, .25)}.role-select__control{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;min-height:44px!important;cursor:pointer!important}.role-select__control:hover{border-color:#6be7c84d!important}.role-select__control--is-focused{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)!important}.role-select__menu{background:#1a1a24!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;overflow:hidden!important}.role-select__option{background:transparent!important;color:#fff!important;cursor:pointer!important;padding:10px 14px!important}.role-select__option:hover{background:#6be7c81a!important}.role-select__option--is-selected{background:#6be7c833!important}.role-select__multi-value{background:#6be7c826!important;border-radius:6px!important}.role-select__multi-value__label{color:var(--accent)!important;font-size:12px!important;padding:3px 6px!important}.role-select__multi-value__remove{color:var(--accent)!important;cursor:pointer!important}.role-select__multi-value__remove:hover{background:#6be7c84d!important;color:#fff!important}.role-select__placeholder{color:#fff6!important}.role-select__input-container{color:#fff!important}.role-select__indicator-separator{display:none!important}.role-select__dropdown-indicator{color:#fff6!important}.role-select__clear-indicator{color:#fff6!important;cursor:pointer!important}.role-select__clear-indicator:hover{color:#fff!important}.role-select__group-heading{color:#ffffff80!important;font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:1px!important;padding:8px 14px 4px!important}