:root{--color-black: #000000;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-draft: #737373;--color-pending: #f59e0b;--color-proof-sent: #3b82f6;--color-approved: #10b981;--color-paid: #8b5cf6;--color-fulfilled: #06b6d4;--color-rejected: #ef4444;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-text-inverse: var(--color-white);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-bg-inverse: var(--color-gray-900);--color-border: var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-action-primary: var(--color-black);--color-action-primary-hover: var(--color-gray-800);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Fira Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.heading-1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em}.heading-2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.01em}.heading-3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.heading-4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success, #16a34a)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-mono{font-family:var(--font-family-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:2px;transition:opacity var(--transition-fast)}.link:hover{opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-base);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn--primary{background-color:var(--color-action-primary);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--color-action-primary-hover)}.btn--secondary{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost{background-color:transparent;color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.btn--danger{background-color:var(--color-rejected);color:var(--color-white)}.btn--danger:hover:not(:disabled){opacity:.9}.btn--icon{padding:var(--space-2);aspect-ratio:1}.btn--full{width:100%}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card--shadow{box-shadow:var(--shadow-base);border:none}.card--flat{border:none;border-radius:0}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.card__header--no-border{border-bottom:none}.card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.card__body{padding:var(--space-5)}.card__body--flush{padding:0}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card--clickable{cursor:pointer;transition:all var(--transition-fast)}.card--clickable:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card--selected{border-color:var(--color-action-primary);box-shadow:0 0 0 1px var(--color-action-primary)}.stat-card{padding:var(--space-5)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-card__subtext{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.stat-card__change{font-size:var(--font-size-sm);margin-top:var(--space-2)}.stat-card__change--positive{color:var(--color-approved)}.stat-card__change--negative{color:var(--color-rejected)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge--draft{background-color:var(--color-gray-100);color:var(--color-draft)}.badge--pending{background-color:#fef3c7;color:#92400e}.badge--proof-sent{background-color:#dbeafe;color:#1e40af}.badge--approved{background-color:#d1fae5;color:#065f46}.badge--paid{background-color:#ede9fe;color:#5b21b6}.badge--fulfilled{background-color:#cffafe;color:#0e7490}.badge--rejected{background-color:#fee2e2;color:#991b1b}.badge--success{background-color:#d1fae5;color:#065f46}.badge--warning{background-color:#fef3c7;color:#92400e}.badge--error{background-color:#fee2e2;color:#991b1b}.badge--info{background-color:#dbeafe;color:#1e40af}.badge--neutral{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge--lg{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor}.badge--pill{border-radius:var(--radius-base)}.badge--count{min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);justify-content:center;background-color:var(--color-action-primary);color:var(--color-text-inverse)}.input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--transition-fast)}.input:hover:not(:disabled){border-color:var(--color-border-strong)}.input:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 1px var(--color-action-primary)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.input--sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.input--lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.input--error{border-color:var(--color-rejected)}.input--error:focus{box-shadow:0 0 0 1px var(--color-rejected)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.field__label--required:after{content:" *";color:var(--color-rejected)}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.field__error{font-size:var(--font-size-xs);color:var(--color-rejected)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.textarea{min-height:80px;resize:vertical}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox__input,.radio__input{width:1rem;height:1rem;border:1px solid var(--color-border-strong);background-color:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast)}.checkbox__input{border-radius:var(--radius-sm)}.radio__input{border-radius:var(--radius-full)}.checkbox__input:checked,.radio__input:checked{background-color:var(--color-action-primary);border-color:var(--color-action-primary)}.checkbox__label,.radio__label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.search{position:relative}.search__input{padding-left:var(--space-10)}.search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table__head{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.table__header{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table__header--sortable:hover,.table__header--sorted{color:var(--color-text-primary)}.table__body{background-color:var(--color-bg-primary)}.table__row{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.table__row:last-child{border-bottom:none}.table__row--clickable{cursor:pointer}.table__row--clickable:hover{background-color:var(--color-bg-secondary)}.table__row--selected{background-color:var(--color-gray-100)}.table__cell{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);vertical-align:middle}.table__cell--muted{color:var(--color-text-secondary)}.table__cell--mono{font-family:var(--font-family-mono)}.table__cell--nowrap{white-space:nowrap}.table__cell--right{text-align:right}.table__cell--center{text-align:center}.table__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.table__pagination{display:flex;align-items:center;gap:var(--space-2)}.table__page-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table__empty{padding:var(--space-12) var(--space-4);text-align:center}.table--compact .table__header,.table--compact .table__cell{padding:var(--space-2) var(--space-3)}.table--striped .table__row:nth-child(2n){background-color:var(--color-bg-secondary)}.table--bordered .table__cell,.table--bordered .table__header{border:1px solid var(--color-border)}.tabs{display:flex;flex-direction:column}.tabs__list{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.tabs__list--pills{border-bottom:none;background-color:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-base)}.tabs__trigger{position:relative;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tabs__trigger:hover,.tabs__trigger--active{color:var(--color-text-primary)}.tabs__trigger--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-action-primary)}.tabs__list--pills .tabs__trigger{border-radius:var(--radius-sm)}.tabs__list--pills .tabs__trigger--active{background-color:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.tabs__list--pills .tabs__trigger--active:after{display:none}.tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;margin-left:var(--space-2);padding:0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-bg-tertiary);border-radius:var(--radius-full)}.tabs__trigger--active .tabs__count{background-color:var(--color-action-primary);color:var(--color-text-inverse)}.tabs__content{padding-top:var(--space-4)}.tabs__panel{display:none}.tabs__panel--active{display:block}.avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;flex-shrink:0}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{text-transform:uppercase}.avatar--xs{width:1.5rem;height:1.5rem;font-size:var(--font-size-xs)}.avatar--sm{width:2rem;height:2rem;font-size:var(--font-size-xs)}.avatar--lg{width:3rem;height:3rem;font-size:var(--font-size-base)}.avatar--xl{width:4rem;height:4rem;font-size:var(--font-size-lg)}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{border:2px solid var(--color-bg-primary);margin-left:-.5rem}.avatar-group .avatar:first-child{margin-left:0}.avatar-wrapper{position:relative;display:inline-block}.avatar__status{position:absolute;bottom:0;right:0;width:.75rem;height:.75rem;border:2px solid var(--color-bg-primary);border-radius:var(--radius-full)}.avatar__status--online{background-color:var(--color-approved)}.avatar__status--offline{background-color:var(--color-gray-400)}.avatar__status--busy{background-color:var(--color-rejected)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:var(--space-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:24rem;margin-bottom:var(--space-6)}.empty-state__actions{display:flex;gap:var(--space-3)}.empty-state--compact{padding:var(--space-8) var(--space-4)}.empty-state--compact .empty-state__icon{width:3rem;height:3rem;margin-bottom:var(--space-3)}.empty-state--compact .empty-state__title{font-size:var(--font-size-base)}.empty-state--inline{flex-direction:row;gap:var(--space-4);padding:var(--space-6);text-align:left}.empty-state--inline .empty-state__icon{margin-bottom:0}.empty-state--inline .empty-state__content{flex:1}.empty-state--inline .empty-state__description{margin-bottom:0}.gobo-item{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.gobo-item:last-child{border-bottom:none}.gobo-item__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.gobo-item__number{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.gobo-item__actions{display:flex;gap:var(--space-1)}.gobo-item__price{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-left:auto}.gobo-item__body{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5)}.gobo-item__media{display:flex;gap:var(--space-3)}.gobo-item__media-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.gobo-item__artwork{width:100px;display:flex;flex-direction:column}.gobo-item__artwork .artwork-preview,.gobo-item__artwork .artwork-placeholder{width:100px;height:100px;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden}.gobo-item__proof{width:100px;display:flex;flex-direction:column}.proof-upload-zone{width:100px;height:100px;border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-bg-secondary)}.proof-upload-zone:hover{border-color:var(--color-border-strong);background-color:var(--color-bg-tertiary)}.proof-upload-zone--dragging{border-color:var(--color-action-primary);background-color:var(--color-action-primary-light, #e0f2fe);border-style:solid}.proof-upload-zone--uploading{pointer-events:none;opacity:.7}.proof-upload-zone svg{color:var(--color-text-muted)}.proof-preview-small{position:relative;width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden}.proof-preview-small img{width:100%;height:100%;object-fit:cover}.proof-preview-small__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.proof-preview-small:hover .proof-preview-small__overlay{opacity:1}.proof-preview-small__replace{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-bg-primary);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.proof-preview-small__replace:hover{transform:scale(1.1)}.proof-preview-small__replace input{display:none}.proof-preview-small__replace svg{color:var(--color-text-primary)}.proof-preview-small__badge{position:absolute;bottom:var(--space-1);left:50%;transform:translate(-50%);font-size:10px;white-space:nowrap}.gobo-item__specs{flex:1}.artwork-preview{position:relative;width:100%;height:100%}.artwork-preview img{width:100%;height:100%;object-fit:cover}.artwork-preview__download{position:absolute;bottom:var(--space-2);right:var(--space-2);background-color:var(--color-bg-primary)!important;box-shadow:var(--shadow-md)}.artwork-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted);gap:var(--space-2)}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.spec-item{display:flex;flex-direction:column;gap:var(--space-1)}.spec-item__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.spec-item__value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.upload-zone:hover{border-color:var(--color-border-strong);background-color:var(--color-bg-secondary)}.upload-zone--dragging{border-color:var(--color-action-primary);background-color:var(--color-action-primary-light, #e0f2fe);border-style:solid}.upload-zone__label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);cursor:pointer;gap:var(--space-2);color:var(--color-text-secondary)}.upload-zone__label svg{color:var(--color-text-muted)}.activity-list{padding:var(--space-4) var(--space-5)}.activity-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;position:relative}.activity-item:not(:last-child):before{content:"";position:absolute;left:5px;top:calc(var(--space-3) + 12px);bottom:0;width:1px;background-color:var(--color-border)}.activity-item__dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-border-strong);flex-shrink:0;margin-top:4px}.activity-item__content{display:flex;flex-direction:column;gap:var(--space-1)}.detail-row{display:flex;justify-content:space-between;align-items:center}.divider{height:1px;background-color:var(--color-border);margin:var(--space-2) 0}.revision-list{display:flex;flex-direction:column;gap:var(--space-2)}.revision-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-base)}.revision-item__info{display:flex;flex-direction:column;gap:var(--space-1)}.revision-item__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.revision-item__date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.revision-item--current{border:1px solid var(--color-action-primary)}.quote-form{display:flex;flex-direction:column;gap:var(--space-6)}.quote-form__section{display:flex;flex-direction:column;gap:var(--space-4)}.quote-form__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.item-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:768px){.gobo-item__body{grid-template-columns:1fr}.gobo-item__media{justify-content:center}.gobo-item__artwork,.gobo-item__proof{width:120px}.gobo-item__artwork .artwork-preview,.gobo-item__artwork .artwork-placeholder,.proof-upload-zone,.proof-preview-small{width:120px;height:120px}.spec-grid,.item-form-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.modal__body{padding:var(--space-5);overflow-y:auto}.proof-preview{display:flex;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.proof-preview__image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-base)}.proof-preview__info{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);flex:1}.proof-history{padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.proof-history__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.proof-history__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.proof-history__item:hover{border-color:var(--color-border-strong)}.proof-history__item--active{border-color:var(--color-action-primary);background-color:var(--color-action-primary-light, #f0f7ff)}.proof-history__version{font-weight:var(--font-weight-medium)}.proof-history__badge{background-color:#22c55e;color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.proof-modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.proof-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.proof-modal__body{padding:var(--space-4);overflow:auto;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary)}.proof-modal__body img{max-width:100%;max-height:70vh;object-fit:contain}.proof-modal__footer{display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn--primary{background-color:var(--color-action-primary);color:#fff}.btn--primary:hover{background-color:var(--color-action-primary-hover)}.btn--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{background-color:var(--color-bg-tertiary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.gobo-item__media-label-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.proof-history-toggle{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:var(--space-1) 0;margin-top:var(--space-2);transition:color var(--transition-fast)}.proof-history-toggle:hover{color:var(--color-text-primary)}.proof-history-toggle svg{flex-shrink:0}.proof-version-dropdown{margin-top:var(--space-2);display:flex;flex-direction:column;gap:4px;max-width:100px}.proof-version-dropdown__item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--color-bg-secondary);border-radius:var(--radius-base);font-size:11px;text-decoration:none;color:var(--color-text-secondary);transition:all var(--transition-fast);border:1px solid transparent}.proof-version-dropdown__item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.proof-version-dropdown__item--current{background:var(--color-bg-primary);border-color:var(--color-success, #22c55e);color:var(--color-text-primary)}.proof-version-dropdown__version{font-weight:var(--font-weight-medium)}.proof-version-dropdown__date{color:var(--color-text-muted)}.proof-upload-zone--uploading{pointer-events:none;background-color:var(--color-bg-tertiary);border-style:solid;border-color:var(--color-border-strong)}.proof-upload-zone--uploading svg{color:var(--color-action-primary)}.manufacturers-list{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.manufacturer-item{border-bottom:1px solid var(--color-border)}.manufacturer-item:last-child{border-bottom:none}.manufacturer-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle)}.manufacturer-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:background-color .15s ease}.manufacturer-toggle:hover{background:var(--color-bg-hover)}.manufacturer-name{flex:1;font-weight:500}.manufacturer-actions{display:flex;align-items:center;gap:var(--space-1)}.manufacturer-models{padding:var(--space-2) var(--space-4) var(--space-3);padding-left:calc(var(--space-4) + 24px + var(--space-3));background:var(--color-bg)}.model-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background-color .15s ease}.model-item:hover{background:var(--color-bg-subtle)}.model-item--inactive{opacity:.5}.model-item--inactive .model-name{text-decoration:line-through}.model-name{flex:1;font-size:var(--text-sm)}.model-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity .15s ease}.model-item:hover .model-actions{opacity:1}.model-add-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.model-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.model-add-form{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.model-add-form .input{flex:1}.model-empty{padding:var(--space-3);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.settings-section-separator{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.settings-empty-state{text-align:center;color:var(--color-text-muted);padding:var(--space-8) var(--space-4)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--gap-4{gap:var(--space-4)}.variants-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.variants-table th,.variants-table td{padding:var(--space-2) var(--space-3);text-align:left}.variants-table th{background:var(--color-bg-subtle);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.variants-table th:nth-child(2),.variants-table th:nth-child(3),.variants-table td:nth-child(2),.variants-table td:nth-child(3){text-align:right;width:100px}.variants-table tbody tr{border-bottom:1px solid var(--color-border)}.variants-table tbody tr:last-child{border-bottom:none}.variants-table tbody tr:hover{background:var(--color-bg-subtle)}.variants-table td:first-child{font-weight:500}.variants-table td:nth-child(2),.variants-table td:nth-child(3){font-family:var(--font-mono, monospace);color:var(--color-text-muted)}.proof-page{min-height:100vh;background-color:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.proof-container{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:640px;width:100%;overflow:hidden}.proof-header{padding:var(--space-8);text-align:center;border-bottom:1px solid var(--color-border)}.proof-header h1{margin:0 0 var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.proof-header__quote{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.proof-header__greeting{margin:0;font-size:var(--font-size-base);color:var(--color-text-primary)}.proof-image-container{position:relative;background-color:#f9f9f9;padding:24px;display:flex;align-items:center;justify-content:center}.proof-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;box-shadow:0 2px 12px #00000026}.proof-version{position:absolute;top:32px;right:32px;background-color:#000;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.proof-version--old{background-color:#f59e0b;color:#000}.proof-placeholder{padding:60px;text-align:center;color:#999}.proof-versions{padding:24px 32px;border-bottom:1px solid #eee}.proof-versions h2{margin:0 0 16px;font-size:16px;font-weight:600;color:#111}.proof-versions__list{display:flex;flex-wrap:wrap;gap:8px}.proof-versions__item{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;background-color:#f5f5f5;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;min-width:100px}.proof-versions__item:hover{background-color:#e5e5e5}.proof-versions__item--active{border-color:#000;background-color:#fff}.proof-versions__item--latest .proof-versions__label{color:#22c55e}.proof-versions__label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333}.proof-versions__badge{background-color:#22c55e;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase}.proof-versions__date{font-size:12px;color:#666;margin-top:4px}.proof-versions__warning{margin:16px 0 0;padding:12px;background-color:#fef3c7;border-radius:8px;font-size:14px;color:#92400e}.proof-items-grid{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-8);background-color:var(--color-bg-secondary)}.proof-item-card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-base)}.proof-item-card__image{aspect-ratio:1;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.proof-item-card__image img{width:100%;height:100%;object-fit:contain}.proof-item-card__placeholder{text-align:center;color:var(--color-text-muted);padding:var(--space-6)}.proof-item-card__info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);border-top:1px solid var(--color-border)}.proof-item-card__number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.proof-item-card__type{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.proof-item-card__details{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.proof-items{padding:24px 32px;border-bottom:1px solid #eee}.proof-items h2{margin:0 0 16px;font-size:16px;font-weight:600;color:#111}.proof-items ul{margin:0;padding:0;list-style:none}.proof-items li{padding:12px 0;border-bottom:1px solid #f0f0f0}.proof-items li:last-child{border-bottom:none}.proof-item__type{display:block;font-weight:500;color:#111;margin-bottom:4px}.proof-item__details{display:block;font-size:14px;color:#666}.proof-actions{padding:var(--space-8)}.proof-actions--disabled{position:relative}.proof-actions--disabled .proof-form{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.proof-actions__warning{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);background-color:var(--color-pending-light, #fef3c7);border:1px solid var(--color-pending);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-pending-dark, #92400e);text-align:center}.proof-form{display:flex;flex-direction:column;gap:var(--space-5)}.proof-checkbox{display:flex;gap:var(--space-3);align-items:flex-start}.proof-checkbox input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--color-action-primary)}.proof-checkbox label{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal);cursor:pointer}.proof-form__notes label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.proof-form__notes textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;box-sizing:border-box;color:var(--color-text-primary);background-color:var(--color-bg-primary)}.proof-form__notes textarea::placeholder{color:var(--color-text-muted)}.proof-form__notes textarea:focus{outline:none;border-color:var(--color-action-primary);box-shadow:0 0 0 1px var(--color-action-primary)}.proof-buttons{display:flex;gap:var(--space-3)}.proof-btn{flex:1;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.proof-btn:disabled{opacity:.6;cursor:not-allowed}.proof-btn--approve{background-color:var(--color-approved);color:var(--color-white)}.proof-btn--approve:hover:not(:disabled){opacity:.9}.proof-btn--primary{background-color:var(--color-action-primary);color:var(--color-text-inverse)}.proof-btn--primary:hover:not(:disabled){background-color:var(--color-action-primary-hover)}.proof-btn--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.proof-btn--secondary:hover{background-color:var(--color-bg-tertiary)}.proof-btn--pay{display:inline-block;margin-top:var(--space-6);padding:var(--space-4) var(--space-8);background-color:var(--color-approved);color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.proof-btn--pay:hover{opacity:.9;transform:translateY(-1px)}.proof-error{margin:0;padding:var(--space-3);background-color:var(--color-rejected-light, #fee2e2);color:var(--color-rejected);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.proof-success{padding:var(--space-12) var(--space-8);text-align:center}.proof-success svg{color:var(--color-approved);margin-bottom:var(--space-4)}.proof-success--changes svg{color:var(--color-proof-sent)}.proof-success h1{margin:0 0 var(--space-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.proof-success p{margin:0 0 var(--space-2);font-size:var(--font-size-base);color:var(--color-text-secondary)}.proof-success p:last-child{margin-bottom:0}.proof-status{padding:var(--space-8);text-align:center}.proof-status p{margin:0;color:var(--color-text-secondary)}.proof-footer{padding:var(--space-6) var(--space-8);background-color:var(--color-bg-secondary);text-align:center}.proof-footer p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:640px){.proof-page{padding:0}.proof-container{border-radius:0;min-height:100vh}.proof-header{padding:var(--space-6)}.proof-items-grid{padding:var(--space-4);gap:var(--space-4)}.proof-actions{padding:var(--space-6)}.proof-buttons{flex-direction:column}.proof-image-container{padding:var(--space-4)}}.proof-item-card__image{position:relative}.proof-item-card__version-badge{position:absolute;top:var(--space-3);right:var(--space-3);background-color:#000000bf;color:var(--color-white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.proof-item-card__history-toggle{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:0;background:none;border:none;font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.proof-item-card__history-toggle:hover{color:var(--color-text-primary)}.proof-item-card__history-toggle svg{flex-shrink:0}.proof-item-card__history{padding:var(--space-4);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.proof-item-card__history h4{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.proof-item-card__history-list{display:flex;flex-direction:column;gap:var(--space-2)}.proof-item-card__history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid transparent}.proof-item-card__history-item--current{border-color:var(--color-approved)}.proof-item-card__history-thumb{width:48px;height:48px;overflow:hidden;border-radius:var(--radius-base);flex-shrink:0;background-color:var(--color-bg-tertiary)}.proof-item-card__history-thumb img{width:100%;height:100%;object-fit:cover}.proof-item-card__history-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.proof-item-card__history-version{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.proof-item-card__current-tag{display:inline-block;padding:2px var(--space-1);background-color:var(--color-approved);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase}.proof-item-card__history-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.proof-item-card__history-view{font-size:var(--font-size-xs);color:var(--color-proof-sent);text-decoration:none;flex-shrink:0}.proof-item-card__history-view:hover{text-decoration:underline}.page{min-height:100vh;background-color:var(--color-bg-secondary)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) 0}.page-header__content{flex:1;min-width:0}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.page-content{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.page-content--narrow{max-width:800px}.page-content--wide{max-width:1600px}.page-content--full{max-width:none}.page-section{margin-bottom:var(--space-8)}.page-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.page-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.grid{display:grid;gap:var(--space-4)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.layout-split{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6)}.layout-split--reverse{grid-template-columns:380px 1fr}.stack{display:flex;flex-direction:column}.stack--gap-1{gap:var(--space-1)}.stack--gap-2{gap:var(--space-2)}.stack--gap-3{gap:var(--space-3)}.stack--gap-4{gap:var(--space-4)}.stack--gap-6{gap:var(--space-6)}.stack--gap-8{gap:var(--space-8)}.inline{display:flex;align-items:center}.inline--gap-1{gap:var(--space-1)}.inline--gap-2{gap:var(--space-2)}.inline--gap-3{gap:var(--space-3)}.inline--gap-4{gap:var(--space-4)}.inline--between{justify-content:space-between}.inline--end{justify-content:flex-end}.inline--wrap{flex-wrap:wrap}@media(max-width:768px){.page-content{padding:0 var(--space-4)}.page-header{flex-direction:column;align-items:flex-start}.page-header__actions{width:100%}.grid--2,.grid--3,.grid--4,.layout-split,.layout-split--reverse{grid-template-columns:1fr}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-6);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.topbar__brand{display:flex;align-items:center;gap:var(--space-3)}.topbar__logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.topbar__nav{display:flex;align-items:center;gap:var(--space-1)}.topbar__link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-base);transition:all var(--transition-fast)}.topbar__link:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.topbar__link--active{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.topbar__actions{display:flex;align-items:center;gap:var(--space-3)}.app-shell__main{flex:1;padding:var(--space-6)}.toolbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.toolbar__search{flex:1;max-width:400px}.toolbar__filters{display:flex;align-items:center;gap:var(--space-2)}.toolbar__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.breadcrumbs__separator{color:var(--color-text-muted)}.breadcrumbs__link{color:var(--color-text-secondary);transition:color var(--transition-fast)}.breadcrumbs__link:hover{color:var(--color-text-primary)}.breadcrumbs__current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-text-primary)}@media(max-width:768px){.topbar{padding:0 var(--space-4)}.topbar__nav{display:none}.app-shell__main{padding:var(--space-4)}.toolbar{flex-wrap:wrap}.toolbar__search{order:2;max-width:none;width:100%}}