:root{--primary: #7c3aed;--primary-dark: #6d28d9;--primary-light: #8b5cf6;--primary-bg: #ede9fe;--primary-border: #c4b5fd;--success: #10b981;--success-dark: #059669;--success-light: #34d399;--success-bg: #d1fae5;--success-border: #6ee7b7;--warning: #f59e0b;--warning-dark: #d97706;--warning-light: #fbbf24;--warning-bg: #fef3c7;--warning-border: #fcd34d;--danger: #ef4444;--danger-dark: #dc2626;--danger-light: #f87171;--danger-bg: #fee2e2;--danger-border: #fca5a5;--info: #3b82f6;--info-dark: #2563eb;--info-light: #60a5fa;--info-bg: #dbeafe;--info-border: #93c5fd;--secondary: #64748b;--secondary-dark: #475569;--secondary-light: #94a3b8;--secondary-bg: #f1f5f9;--secondary-border: #e2e8f0;--accent-purple: #a855f7;--accent-violet: #8b5cf6;--accent-indigo: #6366f1;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-card: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .1);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .2);--shadow-card: 0 1px 4px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--sidebar-width: 260px;--sidebar-width-collapsed: 70px;--container-max-width: 100%;--sidebar-bg: #1e0a3c;--sidebar-bg-hover: rgba(255, 255, 255, .06);--sidebar-bg-active: rgba(139, 92, 246, .18);--sidebar-text: #b8aed4;--sidebar-text-active: #a78bfa;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-section-label: rgba(255, 255, 255, .3);--sidebar-accent: #7c3aed;--z-dropdown: 1000;--z-modal: 1050;--z-tooltip: 1100;--z-notification: 1200}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);color:var(--gray-900);background-color:var(--gray-50);line-height:var(--leading-normal);font-size:var(--text-base)}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--gray-900)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-width);flex:1;background-color:var(--gray-100);min-height:100vh;overflow-x:hidden}.main-content.no-sidebar{margin-left:0}.container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.page-header-left h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.page-header-left p{color:var(--gray-500);font-size:var(--text-sm);margin:.25rem 0 0}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.loading{text-align:center;padding:var(--spacing-xl);color:var(--gray-500);font-size:var(--text-sm)}.error{padding:var(--spacing-md);background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger-dark);margin-bottom:var(--spacing-md);font-size:var(--text-sm)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:100;display:flex;flex-direction:column;box-shadow:4px 0 20px #00000040}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-header{padding:1.25rem var(--spacing-lg);border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-logo{max-width:100%;height:auto;max-height:40px;object-fit:contain}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto;overflow-x:hidden}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--sidebar-border);flex-shrink:0}.logout-btn{width:100%;display:flex;align-items:center;gap:.625rem;padding:.625rem var(--spacing-md);background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-medium);font-size:var(--text-sm)}.logout-btn:hover{background-color:#ef44441f;border-color:#ef444466;color:#fca5a5}.logout-btn .nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav-direct-link{display:flex;align-items:center;gap:.625rem;padding:.5rem var(--spacing-md);margin:0 var(--spacing-sm);color:var(--sidebar-text);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);margin-bottom:var(--spacing-xs)}.nav-direct-link:hover{background-color:var(--sidebar-bg-hover);color:#fff}.nav-direct-link.router-link-exact-active{background-color:var(--sidebar-bg-active);color:var(--sidebar-text-active)}.nav-section{margin-bottom:var(--spacing-xs)}.nav-section-label{display:flex;align-items:center;justify-content:space-between;padding:.4rem var(--spacing-md);margin-top:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-base);border-radius:var(--radius-sm);margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.nav-section-label:hover{background-color:var(--sidebar-bg-hover)}.nav-section-label-text{font-size:.7rem;font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-section-label)}.nav-section-chevron{color:var(--sidebar-section-label);transition:transform var(--transition-base);flex-shrink:0}.nav-section-chevron svg{width:12px;height:12px}.nav-section-chevron.open{transform:rotate(180deg)}.nav-list{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem var(--spacing-md);margin:1px var(--spacing-sm);color:var(--sidebar-text);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);border-left:3px solid transparent}.nav-item:hover{background-color:var(--sidebar-bg-hover);color:#fff}.nav-item.router-link-active{background-color:var(--sidebar-bg-active);color:var(--sidebar-text-active);border-left-color:var(--sidebar-accent)}.nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.75}.nav-item:hover .nav-icon,.nav-item.router-link-active .nav-icon{opacity:1}.nav-submenu{overflow:hidden}.nav-subitem{padding-left:1.75rem}.slide-enter-active,.slide-leave-active{transition:all var(--transition-slow) ease;max-height:600px}.slide-enter-from,.slide-leave-to{max-height:0;opacity:0}.btn{padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background-color:var(--success-dark);border-color:var(--success-dark)}.btn-warning{background-color:var(--warning);color:#fff;border-color:var(--warning)}.btn-warning:hover:not(:disabled){background-color:var(--warning-dark);border-color:var(--warning-dark)}.btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background-color:var(--danger-dark);border-color:var(--danger-dark)}.btn-secondary{background-color:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-info{background-color:var(--info);color:#fff;border-color:var(--info)}.btn-info:hover:not(:disabled){background-color:var(--info-dark)}.btn-outline-primary{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover:not(:disabled){background:var(--primary-bg)}.btn-outline-success{background:transparent;color:var(--success-dark);border-color:var(--success)}.btn-outline-success:hover:not(:disabled){background:var(--success-bg)}.btn-outline-danger{background:transparent;color:var(--danger-dark);border-color:var(--danger)}.btn-outline-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-sm{padding:.3rem .625rem;font-size:var(--text-xs)}.btn-lg{padding:.625rem 1.25rem;font-size:var(--text-base)}.btn-icon{width:2rem;height:2rem;padding:0;justify-content:center;border-radius:var(--radius-md);font-size:0}.btn-icon svg{width:16px;height:16px}.card{background-color:#fff;border-radius:var(--radius-card);border:1px solid var(--gray-200);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-lg);transition:box-shadow var(--transition-base);padding:var(--spacing-lg);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--gray-200);margin:calc(-1 * var(--spacing-lg));margin-bottom:var(--spacing-lg)}.card>.table-wrapper,.card>*>.table-wrapper{margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg))}.card>.table-wrapper:last-child,.card>*>.table-wrapper:last-child{margin-bottom:calc(-1 * var(--spacing-lg))}.card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-800);margin:0}.card-body{padding:0}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 var(--radius-card) var(--radius-card);margin:var(--spacing-lg) calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg))}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-card-hover)}.card-flat{box-shadow:none}.card-compact .card-body{padding:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:.375rem;font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--gray-700)}.form-input,.form-control,.form-select,.form-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-800);background-color:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:var(--font-sans)}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-control:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a}.form-input:disabled,.form-control:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--danger)}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:var(--success)}.form-help{font-size:var(--text-xs);color:var(--gray-500);margin-top:.25rem}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:.25rem}.form-inline{display:flex;gap:var(--spacing-md);align-items:flex-end}.form-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.form-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-800);margin:0 0 var(--spacing-md) 0}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-check-input{width:auto;accent-color:var(--primary)}.form-check-label{margin-bottom:0;font-weight:var(--font-normal);font-size:var(--text-sm);color:var(--gray-700)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-card)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table thead th{padding:.75rem 1rem;text-align:left;font-size:.7rem;font-weight:var(--font-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);background-color:var(--gray-50);border-bottom:1px solid var(--gray-200);white-space:nowrap}.table tbody td{padding:.75rem 1rem;color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background-color:var(--gray-50)}.table-compact thead th,.table-compact tbody td{padding:.5rem .75rem}.table-bordered,.table-bordered thead th,.table-bordered tbody td{border:1px solid var(--gray-200)}.table-actions{display:flex;gap:.375rem;align-items:center;justify-content:flex-end}.table-cell-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap}.badge-primary{background-color:var(--primary-bg);color:var(--primary-dark)}.badge-success{background-color:var(--success-bg);color:var(--success-dark)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-dark)}.badge-danger{background-color:var(--danger-bg);color:var(--danger-dark)}.badge-info{background-color:var(--info-bg);color:var(--info-dark)}.badge-secondary{background-color:var(--gray-100);color:var(--gray-600)}.badge-solid-primary{background:var(--primary);color:#fff}.badge-solid-success{background:var(--success);color:#fff}.badge-solid-warning{background:var(--warning);color:#fff}.badge-solid-danger{background:var(--danger);color:#fff}.badge-solid-info{background:var(--info);color:#fff}.badge-sm{font-size:.65rem;padding:.125rem .4rem}.badge-lg{font-size:var(--text-sm);padding:.3rem .75rem}.badge-dot{display:inline-flex;align-items:center;gap:.35rem}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background-color:currentColor;flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-base)}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:slideUp var(--transition-slow)}.modal-sm{max-width:400px}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}.modal-header{padding:1rem var(--spacing-lg);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0}.modal-close{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:1.25rem;line-height:1}.modal-close:hover{background-color:var(--gray-100);color:var(--gray-700)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{padding:.75rem var(--spacing-lg);border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-sm);justify-content:flex-end;flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.progress{height:6px;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background-color:var(--primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar-success{background-color:var(--success)}.progress-bar-warning{background-color:var(--warning)}.progress-bar-danger{background-color:var(--danger)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.m-0{margin:0}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-auto{margin-right:auto}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-0{padding-bottom:0}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--gray-600)}.text-white{color:#fff}.text-black{color:var(--gray-900)}.bg-primary{background-color:var(--primary-bg)}.bg-success{background-color:var(--success-bg)}.bg-warning{background-color:var(--warning-bg)}.bg-danger{background-color:var(--danger-bg)}.bg-info{background-color:var(--info-bg)}.bg-secondary{background-color:var(--secondary-bg)}.bg-gray{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-white{background-color:#fff}.border-primary{border-color:var(--primary-border)}.border-success{border-color:var(--success-border)}.border-warning{border-color:var(--warning-border)}.border-danger{border-color:var(--danger-border)}.border-gray{border-color:var(--gray-200)}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.grid{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.img-thumbnail{max-width:200px;margin-top:var(--spacing-sm);border-radius:var(--radius-sm)}.img-sm{max-width:64px;margin-top:var(--spacing-sm)}.img-md{max-width:128px;margin-top:var(--spacing-sm)}.color-swatch{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-sm);color:#fff;margin-left:var(--spacing-sm);font-size:var(--text-sm)}.empty-state{text-align:center;color:var(--gray-600);padding:var(--spacing-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.section-header{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-200);font-size:var(--text-xl);font-weight:var(--font-semibold)}.section-header:first-child{margin-top:0}