:root{--primary: 220 70% 50%;--primary-dark: 220 70% 40%;--primary-light: 220 70% 95%;--bg-app: 210 20% 98%;--bg-card: 0 0% 100%;--text-main: 220 15% 15%;--text-muted: 220 10% 45%;--border-light: 220 15% 90%;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:hsl(var(--bg-app));color:hsl(var(--text-main));-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh}.layout-container{display:flex;min-height:100vh}.sidebar{width:260px;background-color:hsl(var(--bg-card));border-right:1px solid hsl(var(--border-light));padding:1.5rem;position:fixed;height:100vh;top:0;left:0}.main-content{flex:1;margin-left:260px;padding:2rem;max-width:1200px}@media(max-width:768px){.layout-container{flex-direction:column}.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid hsl(var(--border-light));padding:1rem;display:flex;flex-direction:column}.sidebar nav{flex-direction:row!important;overflow-x:auto;height:auto!important;gap:.5rem;padding-bottom:.5rem}.sidebar nav::-webkit-scrollbar{display:none}.sidebar .nav-link{white-space:nowrap;margin-bottom:0}.sidebar .nav-link.btn-ghost{width:auto!important}.sidebar>div:last-child{margin-top:0!important}.main-content{margin-left:0;padding:1rem}}h1{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:hsl(var(--text-main))}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em}h3{font-size:1.25rem;font-weight:600}p{color:hsl(var(--text-muted));line-height:1.6}.card{background:hsl(var(--bg-card));border-radius:var(--radius-lg);border:1px solid hsl(var(--border-light));padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:.75rem;font-size:.85rem}.markdown-content th,.markdown-content td{border:1px solid hsl(var(--border-light));padding:.4rem .6rem;text-align:left}.markdown-content th{background-color:hsl(var(--bg-app));font-weight:600;color:hsl(var(--text-main))}.markdown-content tr:nth-child(2n){background-color:hsl(var(--bg-app))}.markdown-content img{max-width:100%;border-radius:var(--radius-md)}.markdown-content p{margin-bottom:1rem;line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:2rem;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;gap:.5rem}.btn-primary{background-color:hsl(var(--primary));color:#fff}.btn-primary:hover{background-color:hsl(var(--primary-dark))}.btn-ghost{background:transparent;color:hsl(var(--text-muted))}.btn-ghost:hover{background-color:hsl(var(--bg-app));color:hsl(var(--text-main))}.nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:hsl(var(--text-muted));border-radius:var(--radius-md);text-decoration:none;margin-bottom:.5rem;transition:.2s;font-weight:500;gap:.75rem}.nav-link:hover,.nav-link.active{background-color:hsl(var(--primary-light));color:hsl(var(--primary))}input{width:100%;padding:.625rem .875rem;border-radius:var(--radius-md);border:1px solid hsl(var(--border-light));font-size:.875rem;outline:none;transition:border-color .2s}input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary-light))}.dataTables_wrapper{font-family:inherit}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{color:hsl(var(--text-muted));font-size:.875rem;margin-bottom:1rem}.dataTables_wrapper .dataTables_length select,.dataTables_wrapper .dataTables_filter input{border:1px solid hsl(var(--border-light));border-radius:var(--radius-md);padding:.5rem;margin:0 .5rem;font-size:.875rem}.dataTables_wrapper .dataTables_filter input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary-light))}.dataTables_wrapper table.dataTable{border-collapse:collapse;width:100%}.dataTables_wrapper table.dataTable thead th{background-color:hsl(var(--primary));color:#fff;font-weight:600;padding:1rem;text-align:left;border:none}.dataTables_wrapper table.dataTable tbody td{padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border-light));color:hsl(var(--text-main))}.dataTables_wrapper table.dataTable tbody tr:hover{background-color:hsl(var(--bg-app))}.dataTables_wrapper .dataTables_paginate .paginate_button{padding:.5rem .75rem;margin:0 .25rem;border-radius:var(--radius-md);border:1px solid hsl(var(--border-light));background:#fff;color:hsl(var(--text-main));cursor:pointer;transition:all .2s}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background-color:hsl(var(--primary-light));border-color:hsl(var(--primary));color:hsl(var(--primary))}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background-color:hsl(var(--primary));border-color:hsl(var(--primary));color:#fff}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.5;cursor:not-allowed}.dataTables_wrapper .dataTables_processing{background-color:#fff;border:1px solid hsl(var(--border-light));border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-md)}.badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid transparent;display:inline-block;white-space:nowrap}.badge-completed{background-color:#d1fae5;color:#065f46;border-color:#a7f3d0}.badge-pending{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.badge-failed{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.badge-cancelled{background-color:#f3f4f6;color:#374151;border-color:#e5e7eb}.code-snippet{font-family:JetBrains Mono,Fira Code,monospace;background-color:hsl(var(--bg-app));padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.75rem;color:hsl(var(--text-muted));border:1px solid hsl(var(--border-light))}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:600px;width:90%;max-height:85vh;overflow-y:auto;position:relative;border:1px solid hsl(var(--border-light))}.users-datatable-card{background:hsl(var(--bg-card));border-radius:var(--radius-lg);border:1px solid hsl(var(--border-light));box-shadow:var(--shadow-sm);overflow:hidden}.users-datatable-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid hsl(var(--border-light));gap:1rem}.users-datatable-toolbar-left{display:flex;align-items:center;gap:.625rem}.users-datatable-title{font-weight:600;font-size:.9rem;color:hsl(var(--text-main))}.users-datatable-count{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px;background:hsl(var(--bg-app));color:hsl(var(--text-muted))}.users-datatable-toolbar-right{display:flex;align-items:center;gap:.5rem}.users-datatable-toolbar-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;border:1px solid hsl(var(--border-light));border-radius:var(--radius-md);background:#fff;color:hsl(var(--text-muted));font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.users-datatable-toolbar-btn:hover{background:hsl(var(--bg-app));color:hsl(var(--text-main));border-color:#cacfd8}.users-datatable-search.open{min-width:260px}.users-datatable-search-input{width:100%;padding:.4375rem .75rem!important;border:1px solid hsl(var(--border-light))!important;border-radius:var(--radius-md)!important;font-size:.8125rem;color:hsl(var(--text-main));background:hsl(var(--bg-app));transition:border-color .15s,box-shadow .15s}.users-datatable-search-input:focus{border-color:hsl(var(--primary))!important;box-shadow:0 0 0 2px hsl(var(--primary-light))!important;background:#fff}.users-datatable-table-wrap{overflow-x:auto}.users-datatable-table{width:100%;border-collapse:collapse}.users-datatable-table thead th{padding:.5rem .8rem;font-size:.725rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--text-muted));text-align:left;border-bottom:1px solid hsl(var(--border-light));background:transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.users-datatable-table tbody td{padding:.6rem .8rem;font-size:.825rem;color:hsl(var(--text-main));border-bottom:1px solid hsl(var(--border-light));vertical-align:middle}.users-datatable-table tbody tr:last-child td{border-bottom:none}.users-datatable-table tbody tr{transition:background-color .1s}.users-datatable-table tbody tr:hover{background-color:hsl(var(--bg-app))}.users-datatable-user-cell{display:flex;align-items:center;gap:.75rem}.users-datatable-avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.users-datatable-username{font-weight:500;color:hsl(var(--text-main));white-space:nowrap}.users-datatable-cell-muted{color:hsl(var(--text-muted))!important}.users-datatable-role{padding:.1875rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.users-datatable-role.admin{background:hsl(var(--primary) / .08);color:hsl(var(--primary))}.users-datatable-role.user{background:hsl(var(--bg-app));color:hsl(var(--text-muted))}.users-datatable-empty{padding:3rem 1rem!important;text-align:center;color:hsl(var(--text-muted));font-size:.875rem}.users-datatable-spinner{width:1.5rem;height:1.5rem;border:2px solid hsl(var(--border-light));border-top-color:hsl(var(--primary));border-radius:50%;margin:0 auto;animation:users-spin .6s linear infinite}@keyframes users-spin{to{transform:rotate(360deg)}}.users-datatable-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid hsl(var(--border-light));gap:1rem;flex-wrap:wrap}.users-datatable-showing{font-size:.8125rem;color:hsl(var(--text-muted));white-space:nowrap}.users-datatable-pagination{display:flex;align-items:center;gap:.25rem}.users-datatable-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .375rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:hsl(var(--text-muted));font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.users-datatable-page-btn:hover:not(:disabled):not(.active){background:hsl(var(--bg-app));color:hsl(var(--text-main))}.users-datatable-page-btn.active{background:hsl(var(--primary));color:#fff;font-weight:600}.users-datatable-page-btn:disabled{opacity:.35;cursor:not-allowed}.users-datatable-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:hsl(var(--text-muted));font-size:.8125rem}.users-datatable-per-page{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:hsl(var(--text-muted));white-space:nowrap}.users-datatable-per-page select{padding:.25rem .5rem;border:1px solid hsl(var(--border-light));border-radius:var(--radius-md);background:#fff;font-size:.8125rem;color:hsl(var(--text-main));cursor:pointer}.orders-datatable-card{background:hsl(var(--bg-card));border-radius:var(--radius-lg);border:1px solid hsl(var(--border-light));box-shadow:var(--shadow-sm);overflow:hidden}.orders-datatable-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid hsl(var(--border-light));gap:1rem}.orders-datatable-toolbar-left{display:flex;align-items:center;gap:.625rem}.orders-datatable-title{font-weight:600;font-size:.9rem;color:hsl(var(--text-main))}.orders-datatable-count{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px;background:hsl(var(--bg-app));color:hsl(var(--text-muted))}.orders-datatable-toolbar-right{display:flex;align-items:center;gap:.5rem}.orders-datatable-toolbar-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;border:1px solid hsl(var(--border-light));border-radius:var(--radius-md);background:#fff;color:hsl(var(--text-muted));font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.orders-datatable-toolbar-btn:hover{background:hsl(var(--bg-app));color:hsl(var(--text-main));border-color:#cacfd8}.orders-datatable-search.open{min-width:260px}.orders-datatable-search-input{width:100%;padding:.4375rem .75rem!important;border:1px solid hsl(var(--border-light))!important;border-radius:var(--radius-md)!important;font-size:.8125rem;color:hsl(var(--text-main));background:hsl(var(--bg-app));transition:border-color .15s,box-shadow .15s}.orders-datatable-search-input:focus{border-color:hsl(var(--primary))!important;box-shadow:0 0 0 2px hsl(var(--primary-light))!important;background:#fff}.orders-datatable-table-wrap{overflow-x:auto}.orders-datatable-table{width:100%;border-collapse:collapse}.orders-datatable-table thead th{padding:.5rem .8rem;font-size:.725rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--text-muted));text-align:left;border-bottom:1px solid hsl(var(--border-light));background:transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.orders-datatable-table tbody td{padding:.6rem .8rem;font-size:.825rem;color:hsl(var(--text-main));border-bottom:1px solid hsl(var(--border-light));vertical-align:middle}.orders-datatable-table tbody tr:last-child td{border-bottom:none}.orders-datatable-table tbody tr{transition:background-color .1s}.orders-datatable-table tbody tr:hover{background-color:hsl(var(--bg-app))}.orders-datatable-id{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;padding:.125rem .375rem;background:hsl(var(--bg-app));border:1px solid hsl(var(--border-light));border-radius:var(--radius-sm);color:hsl(var(--text-muted))}.orders-datatable-user-cell{display:flex;flex-direction:column;gap:.125rem}.orders-datatable-user-name{font-weight:500;font-size:.875rem;color:hsl(var(--text-main))}.orders-datatable-user-sub{font-size:.75rem;color:hsl(var(--text-muted));font-family:monospace}.orders-datatable-amount{font-weight:700;font-size:.875rem;color:hsl(var(--primary))}.orders-datatable-cell-muted{color:hsl(var(--text-muted));font-size:.875rem}.orders-datatable-status{padding:.1875rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid;white-space:nowrap}.orders-datatable-details-btn{background:transparent;border:none;color:hsl(var(--primary));font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:underline;padding:.25rem .5rem;transition:opacity .15s}.orders-datatable-details-btn:hover{opacity:.7}.orders-datatable-empty{padding:3rem 1rem!important;text-align:center;color:hsl(var(--text-muted));font-size:.875rem}.orders-datatable-spinner{width:1.5rem;height:1.5rem;border:2px solid hsl(var(--border-light));border-top-color:hsl(var(--primary));border-radius:50%;margin:0 auto;animation:users-spin .6s linear infinite}.orders-datatable-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid hsl(var(--border-light));gap:1rem;flex-wrap:wrap}.orders-datatable-showing{font-size:.8125rem;color:hsl(var(--text-muted));white-space:nowrap}.orders-datatable-pagination{display:flex;align-items:center;gap:.25rem}.orders-datatable-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .375rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:hsl(var(--text-muted));font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.orders-datatable-page-btn:hover:not(:disabled):not(.active){background:hsl(var(--bg-app));color:hsl(var(--text-main))}.orders-datatable-page-btn.active{background:hsl(var(--primary));color:#fff;font-weight:600}.orders-datatable-page-btn:disabled{opacity:.35;cursor:not-allowed}.orders-datatable-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:hsl(var(--text-muted));font-size:.8125rem}.orders-datatable-per-page{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:hsl(var(--text-muted));white-space:nowrap}.orders-datatable-per-page select{padding:.25rem .5rem;border:1px solid hsl(var(--border-light));border-radius:var(--radius-md);background:#fff;font-size:.8125rem;color:hsl(var(--text-main));cursor:pointer}.user-details-profile{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.user-details-avatar{width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.user-details-profile-info{display:flex;flex-direction:column;gap:.375rem}.user-details-name{font-size:1.125rem;font-weight:600;margin:0;color:hsl(var(--text-main))}.user-details-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:hsl(var(--bg-app));border-radius:var(--radius-md)}.user-details-info-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:hsl(var(--text-muted))}.user-details-info-label{font-weight:500;min-width:3rem}.user-details-info-value{color:hsl(var(--text-main));font-weight:500;word-break:break-all}.user-details-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.user-details-stat-card{padding:1rem;border-radius:var(--radius-md);border:1px solid hsl(var(--border-light));text-align:center;background:#fff}.user-details-stat-card.accent{background:hsl(var(--primary) / .04);border-color:hsl(var(--primary) / .15)}.user-details-stat-value{font-size:1.125rem;font-weight:700;color:hsl(var(--text-main));margin-bottom:.25rem}.user-details-stat-card.accent .user-details-stat-value{color:hsl(var(--primary))}.user-details-stat-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--text-muted))}.home-config-container{padding:2rem;max-width:1280px;margin:0 auto}.home-header{margin-bottom:2rem}.home-header h1{font-size:1.875rem;font-weight:700;color:hsl(var(--text-main));margin-bottom:.25rem}.home-header p{color:hsl(var(--text-muted))}.tabs-container{background:#fff;padding:.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);display:inline-flex;gap:.25rem;margin-bottom:2rem}.tab-btn{padding:.625rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;color:hsl(var(--text-muted));background:transparent;border:none;cursor:pointer;transition:all .2s}.tab-btn:hover{background-color:hsl(var(--bg-app));color:hsl(var(--text-main))}.tab-btn.active{background-color:hsl(var(--primary));color:#fff;box-shadow:var(--shadow-sm)}.config-content{background:#fff;border-radius:1rem;border:1px solid var(--border-light);padding:1.5rem;min-height:500px;box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:hsl(var(--text-main))}.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.promo-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;transition:box-shadow .2s;position:relative}.promo-card:hover{box-shadow:var(--shadow-md)}.promo-banner{height:160px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;transition:transform .3s}.promo-card:hover .promo-banner{transform:scale(1.02)}.promo-title{font-size:1.5rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.promo-subtitle{opacity:.9;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.promo-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-active{background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.badge-inactive{background:#0009;color:#ccc}.promo-overlay{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .2s}.promo-card:hover .promo-overlay{opacity:1}.icon-btn{background:#fff;color:hsl(var(--text-main));border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.icon-btn.danger{background:#ef4444;color:#fff}.icon-btn:hover{transform:scale(1.1)}.promo-footer{padding:1rem;background:#f9fafb;border-top:1px solid var(--border-light);font-size:.875rem;color:hsl(var(--text-muted));display:flex;justify-content:space-between}.featured-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .2s;position:relative}.featured-card:hover{border-color:#d1d5db;box-shadow:var(--shadow-sm)}.featured-card.selected{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary)),var(--shadow-md);background-color:hsl(var(--primary-light))}.card-image-wrapper{aspect-ratio:16/9;background:#f3f4f6;position:relative;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.featured-card:hover .card-image{transform:scale(1.05)}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.selection-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .2s}.featured-card:hover .selection-overlay{opacity:1}.featured-card.selected .selection-overlay{background:rgba(var(--primary),.2);opacity:1}.select-indicator{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transform:scale(.9);transition:transform .2s}.featured-card.selected .select-indicator{background:hsl(var(--primary));color:#fff;transform:scale(1.1);box-shadow:var(--shadow-md)}.card-details{padding:.75rem}.card-title{font-weight:600;color:hsl(var(--text-main));margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:hsl(var(--text-muted))}.card-tag{background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 1rem;background:#f9fafb;border:2px dashed var(--border-light);border-radius:var(--radius-lg);color:hsl(var(--text-muted))}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background:#fff;width:100%;max-width:500px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.125rem}.close-btn{background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;padding:.25rem;border-radius:50%}.close-btn:hover{background:#e5e7eb}.modal-body{padding:1.5rem;max-height:80vh;overflow-y:auto}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:hsl(var(--text-main));margin-bottom:.5rem}.form-input,.form-select{width:100%;padding:.625rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:#f9fafb;transition:all .2s}.form-input:focus,.form-select:focus{background:#fff;border-color:hsl(var(--primary));outline:none;box-shadow:0 0 0 3px hsl(var(--primary-light))}.color-input-group{display:flex;gap:.5rem}.color-picker-wrapper{position:relative;width:44px;height:44px;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.color-picker{position:absolute;top:-50%;left:-50%;width:200%;height:200%;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer}.checkbox-label:hover{background:#f9fafb}.modal-footer{display:flex;gap:1rem;padding-top:1rem}.btn-secondary{background:#f3f4f6;color:hsl(var(--text-main))}.btn-secondary:hover{background:#e5e7eb}.search-wrapper{position:relative;width:100%;max-width:320px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:hsl(var(--text-muted))}.search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem}.search-input:focus{border-color:hsl(var(--primary));outline:none}