.filter-panel{background:#f5f5f5cc;border:2px solid #f7941e33;border-radius:12px;flex:1;width:480px;max-width:100%;height:700px;margin-left:auto;padding:1rem;transition:all .3s;overflow-y:auto}.filter-panel::-webkit-scrollbar{display:none}.filter-panel{-ms-overflow-style:none;scrollbar-width:none}.filter-panel .filter-label{justify-content:flex-end;min-height:auto;margin-bottom:.5rem;display:flex}.filter-panel .filter-label .clear-filters-btn{color:#333;cursor:pointer;background:#f7941e1a;border:1px solid #f7941e4d;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:500;transition:all .2s}.filter-panel .filter-label .clear-filters-btn:hover{background:#f7941e66;border-color:#f7941e;transform:translateY(-1px)}.filter-panel .filter-label .clear-filters-btn:active{transform:translateY(0)}.filter-panel .filter-grid{flex-direction:column;gap:.75rem;display:flex}@media (max-width:768px){.filter-panel .filter-grid{gap:.5rem}}.filter-panel .filter-field{opacity:0;flex-direction:column;gap:.3rem;animation:.2s forwards fadeInUp;display:flex}.filter-panel .filter-field label{color:#333;letter-spacing:.2px;margin-left:.25rem;font-size:.75rem;font-weight:600}.filter-panel .filter-field input,.filter-panel .filter-field select,.filter-panel .filter-field textarea{color:#000;background:#fff;border:2px solid #e0e0e04d;border-radius:6px;width:100%;padding:.4rem .6rem;font-size:.85rem;transition:all .2s}.filter-panel .filter-field input:focus,.filter-panel .filter-field select:focus,.filter-panel .filter-field textarea:focus{border-color:#f7941e;outline:none;box-shadow:0 0 0 2px #f7941e33}.filter-panel .filter-field input::placeholder,.filter-panel .filter-field select::placeholder,.filter-panel .filter-field textarea::placeholder{color:#3336;font-size:.75rem}.filter-panel .filter-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right .6rem center;background-repeat:no-repeat;background-size:.9rem}.filter-panel .filter-field.filter-range .range-inputs{align-items:center;gap:.3rem;display:flex}.filter-panel .filter-field.filter-range .range-inputs input{flex:1;padding:.4rem .5rem}.filter-panel .filter-field.filter-range .range-inputs span{color:#333;opacity:.7;font-size:.8rem;font-weight:600}.filter-panel .filter-field.filter-checkbox{flex-direction:row;align-items:center;gap:.5rem;margin-top:.2rem}.filter-panel .filter-field.filter-checkbox label{cursor:pointer;align-items:center;gap:.4rem;margin-left:0;font-size:.8rem;font-weight:500;display:flex}.filter-panel .filter-field.filter-checkbox label input{cursor:pointer;accent-color:#f7941e;width:16px;height:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.filter-panel{width:100%;height:auto;max-height:50vh;margin-bottom:1rem;margin-left:0;padding:.75rem}.filter-panel .filter-grid{gap:.5rem}.filter-panel .filter-field input,.filter-panel .filter-field select,.filter-panel .filter-field textarea{padding:.35rem .5rem;font-size:.8rem}.filter-panel .filter-field.filter-range .range-inputs{gap:.2rem}.filter-panel .clear-filters-btn{padding:.3rem .8rem;font-size:.7rem}}
*{-ms-overflow-style:none}::-webkit-scrollbar{display:none}.admin-page{min-height:100vh;padding:2rem}.admin-page .page-header{margin-bottom:2rem}.admin-page .page-header .header-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-page .page-header .header-top .mode-toggle{background:#f5f5f5cc;border:1px solid #f7941e4d;border-radius:10px;gap:1rem;padding:.5rem;display:flex}.admin-page .page-header .header-top .mode-toggle .mode-btn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.8rem 1.5rem;font-weight:600;transition:all .3s}.admin-page .page-header .header-top .mode-toggle .mode-btn:hover{background:#f7941e1a}.admin-page .page-header .header-top .mode-toggle .mode-btn.active{color:#333;background:#f7941e33;box-shadow:0 2px 8px #f7941e4d}.admin-page .page-header h1{color:#333;margin-bottom:.5rem;font-size:2.2rem}.admin-page .page-header .page-subtitle{color:#333333b3;font-size:1.1rem}.error-banner{background:#781a1a1a;border:1px solid #781a1a4d;border-radius:8px;margin-bottom:2rem;padding:1rem}.error-banner .error-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.error-banner .error-content .error-icon{font-size:1.2rem}.error-banner .error-content .error-message{color:#781a1a;flex:1;font-weight:500}.error-banner .error-content .error-dismiss{color:#781a1a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.error-banner .error-content .error-dismiss:hover{opacity:.7}.admin-content{min-height:500px;position:relative}.admin-content .form-section{max-width:800px;margin:0 auto}.edit-section .edit-layout{grid-template-columns:1fr 1fr;gap:2rem;height:calc(100vh - 200px);min-height:600px;display:flex}@media (max-width:1024px){.edit-section .edit-layout{grid-template-columns:1fr;height:auto}}.artifact-selection-panel{background:#f5f5f5cc;border:2px solid #f7941e33;border-radius:12px;height:130%;padding:1.5rem;overflow-y:auto}.artifact-selection-panel .selection-header{margin-bottom:2rem}.artifact-selection-panel .selection-header h3{color:#f5f5f5;margin-bottom:1rem}.artifact-selection-panel .selection-header .search-box{position:relative}.artifact-selection-panel .selection-header .search-box .search-input{color:#f5f5f5;background:#ffffffe6;border:2px solid #f7941e4d;border-radius:8px;width:80%;padding:.8rem 1rem .8rem 3rem;font-size:1rem}.artifact-selection-panel .selection-header .search-box .search-input:focus{border-color:#f7941e;outline:none}.artifact-edit-panel{background:#f5f5f5cc;border:2px solid #f7941e33;border-radius:12px;height:130%;padding:1.5rem;overflow-y:auto}.artifact-edit-panel .edit-form-wrapper .edit-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.artifact-edit-panel .edit-form-wrapper .edit-header h3{color:#f5f5f5;margin:0}.artifact-edit-panel .edit-form-wrapper .edit-header .edit-actions{gap:.5rem;display:flex}.artifact-edit-panel .edit-form-wrapper .edit-header .edit-actions button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}.artifact-edit-panel .edit-form-wrapper .edit-header .edit-actions button.btn-clear-selection{color:#f5f5f5;background:#f5f5f51a}.artifact-edit-panel .edit-form-wrapper .edit-header .edit-actions button.btn-clear-selection:hover{background:#f5f5f533}.artifact-edit-panel .edit-form-wrapper .edit-header .edit-actions button.btn-delete{color:#781a1a;background:#781a1a1a}.artifact-edit-panel .edit-form-wrapper .edit-header .edit-actions button.btn-delete:hover{background:#781a1a33}.artifact-edit-panel .edit-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:80%;padding:3rem;display:flex}.artifact-edit-panel .edit-placeholder .placeholder-icon{opacity:.3;margin-bottom:1.5rem;font-size:4rem}.artifact-edit-panel .edit-placeholder h3{color:#f5f5f5;margin-bottom:.5rem}.artifact-edit-panel .edit-placeholder p{color:#f5f5f599;max-width:300px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:#f5f5f5f2;border:2px solid #781a1a;border-radius:12px;width:90%;max-width:500px;padding:2rem;box-shadow:0 20px 60px #0000004d}.delete-modal h3{color:#781a1a;margin-bottom:1rem}.delete-modal p{color:#333;margin-bottom:1rem;line-height:1.5}.delete-modal p strong{color:#781a1a}.delete-modal p.warning-text{color:#781a1a;background:#781a1a1a;border-radius:6px;padding:.8rem;font-weight:600}.delete-modal .modal-actions{gap:1rem;margin-top:2rem;display:flex}.delete-modal .modal-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:1rem;font-weight:600;transition:all .3s}.delete-modal .modal-actions button.btn-cancel{color:#00000080;background:#e6e6e6}.delete-modal .modal-actions button.btn-cancel:hover{background:#ccc}.delete-modal .modal-actions button.btn-confirm-delete{color:#fff;background:#781a1a}.delete-modal .modal-actions button.btn-confirm-delete:hover{background:#4e1111;box-shadow:0 5px 20px #781a1a4d}.warning-modal{background:#f5f5f5f2;border:2px solid #f7941e;border-radius:12px;width:90%;max-width:350px;padding:2rem;box-shadow:0 20px 60px #0000004d}.warning-modal h3{color:#f7941e;margin-bottom:1rem}.warning-modal p{color:#333;margin-bottom:1rem;line-height:1.5}.warning-modal p strong{color:#f7941e}.warning-modal p.warning-text{color:#f7941e;background:#f7941e1a;border-radius:6px;padding:.8rem;font-weight:600}.warning-modal .modal-actions{gap:1rem;margin-top:2rem;display:flex}.warning-modal .modal-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:1rem;font-weight:600;transition:all .3s}.warning-modal .modal-actions button.btn-cancel{color:#f5f5f5;background:#f5f5f51a}.warning-modal .modal-actions button.btn-cancel:hover{background:#f5f5f533}.warning-modal .modal-actions button.btn-confirm-warning{color:#fff;background:#f7941e}.warning-modal .modal-actions button.btn-confirm-warning:hover{background:#da7a08;box-shadow:0 5px 20px #f7941e4d}