.search-container{margin-bottom:1rem;display:flex;gap:.5rem}.search-input{flex:1 1 0%;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 16px;color:white;transition:all .3s cubic-bezier(.16,1,.3,1)}.search-input:focus{outline:none;border:1px solid rgba(99,102,241,.5);background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(99,102,241,.1),0 0 20px rgba(99,102,241,.2)}.search-button{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(168,85,247,.3));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:12px;font-weight:500;padding:10px 24px;transition:all .3s cubic-bezier(.16,1,.3,1)}.search-button:hover{background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(168,85,247,.4));transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px 0 rgba(139,92,246,.3)}.pagination-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{padding:.375rem .75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white}.pagination-button:hover{background:rgba(255,255,255,.15);transform:scale(1.05)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button:disabled:hover{transform:scale(1)}.pagination-info{color:rgba(255,255,255,.7);font-size:.875rem;line-height:1.25rem}.page-size-container{display:flex;align-items:center;gap:.5rem}.page-size-label{color:rgba(255,255,255,.7);font-size:.875rem;line-height:1.25rem}.page-size-option{padding:.25rem .5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-radius:8px;color:rgba(255,255,255,.7)}.page-size-option:hover{color:white;background:rgba(255,255,255,.1)}.page-size-option.active{background:rgba(139,92,246,.25);border:1px solid rgba(139,92,246,.4);box-shadow:0 0 10px rgba(139,92,246,.2)}.add-record-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(168,85,247,.3));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:12px;color:white;font-weight:500;padding:8px 16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.add-record-button:hover{background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(168,85,247,.4));transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px 0 rgba(139,92,246,.3)}.table-actions{display:flex;align-items:center;gap:.5rem}.action-button{padding:.375rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.action-button:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.action-button.edit:hover{background:rgba(139,92,246,.25);border-color:rgba(168,85,247,1);box-shadow:0 0 12px rgba(139,92,246,.3)}.action-button.delete:hover{background:rgba(236,72,153,.25);border-color:rgba(236,72,153,1);box-shadow:0 0 12px rgba(236,72,153,.3)}.action-button.play:hover{background:rgba(168,85,247,.25);border-color:rgba(168,85,247,1);box-shadow:0 0 12px rgba(168,85,247,.3)}.modal-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{padding:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 24px 60px 0 rgba(31,38,135,.25)}.modal-title{margin-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:white}.modal-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.form-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.form-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgba(255,255,255,.8)}.form-input{width:100%;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 16px;color:white;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-input:focus{outline:none;border:1px solid rgba(99,102,241,.5);background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.form-select{width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 16px;color:white}.form-checkbox,.form-select{background:rgba(255,255,255,.1)}.form-checkbox{border-radius:.25rem;border:1px solid rgba(255,255,255,.2);color:#6366f1}.form-checkbox:focus{ring-color:#6366f1;ring-offset:0}.import-export-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.file-input-wrapper{position:relative}.file-input{display:none}.file-input-label{display:inline-flex;cursor:pointer;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(168,85,247,.3));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:12px;color:white;font-weight:500;padding:10px 24px;transition:all .3s cubic-bezier(.16,1,.3,1)}.file-input-label:hover{background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(168,85,247,.4));transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px 0 rgba(139,92,246,.3)}.file-name{margin-left:.5rem;font-size:.875rem;line-height:1.25rem;color:rgba(255,255,255,.7)}.status-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.status-badge.active{border-width:1px;border-color:rgb(74 222 128/.3);background-color:rgb(34 197 94/.2);--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.status-badge.pending{border-width:1px;border-color:rgb(250 204 21/.3);background-color:rgb(234 179 8/.2);--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.status-badge.error{border-width:1px;border-color:rgb(248 113 113/.3);background-color:rgb(239 68 68/.2);--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.status-badge.completed{border-width:1px;border-color:rgb(96 165 250/.3);background-color:rgb(59 130 246/.2);--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.center{max-width:100%;overflow-x:auto}.center,table{border-radius:12px}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}td,th{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}th{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}td{color:rgba(255,255,255,.8)}tbody tr{transition:all .2s ease}tbody tr:hover{background:rgba(255,255,255,.05);transform:scale(1.001)}td a{color:rgba(129,140,248,1);text-decoration:none;transition:all .2s ease}td a:hover{color:rgba(165,180,252,1);text-decoration:underline;text-shadow:0 0 10px rgba(129,140,248,.5)}tbody tr:nth-child(2n){background:rgba(255,255,255,.02)}.add-element-button{display:flex;align-items:center;gap:8px;font-size:.9rem}.pagination-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1rem;width:100%}.pagination{display:flex;align-items:center;justify-content:center;gap:10px}.pagination-container>:first-child{justify-self:start}.pagination-container>:last-child{justify-self:end}.page-size-selector{display:flex;align-items:center;gap:8px;font-size:.9rem}.page-size-option{padding:4px 10px;border:1px solid #8b5cf6;border-radius:4px;color:#8b5cf6;text-decoration:none;font-size:.9rem;cursor:pointer}.page-size-option.active{background-color:#8b5cf6;color:white}.pagination-button{padding:8px 16px;border:1px solid #8b5cf6;border-radius:5px;color:#8b5cf6;text-decoration:none;font-weight:700;min-width:80px;text-align:center}.pagination-button:hover{background-color:#8b5cf6;color:white}.pagination-button.disabled{border-color:#ccc;color:#aaa;pointer-events:none;background-color:#f5f5f5}.table-header{justify-content:space-between;margin-bottom:1rem}.search-bar,.table-header{display:flex;align-items:center}.search-bar{gap:8px}.search-input{padding:6px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.search-button{padding:6px 12px;border:1px solid #8b5cf6;background-color:#8b5cf6;color:white;border-radius:4px;cursor:pointer}.search-button:hover{background-color:#7c3aed}.enum-filter-dropdown{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.enum-filter-dropdown select{padding:4px 8px;border:1px solid #8b5cf6;border-radius:4px;font-size:.9rem;font-weight:700;color:#8b5cf6;background-color:white;cursor:pointer}.enum-filter-dropdown select:focus{outline:none;border-color:#8b5cf6}