@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Roboto:wght@300;400;500;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;padding:0;background-color:#0f1014}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#191c20}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}*{box-sizing:border-box}body{overflow-x:hidden;margin:0;padding:0}.login-container{display:flex;justify-content:flex-end;align-items:center;min-height:100vh;width:100%;max-width:100vw;padding:2rem;background-image:url(/bg5.png);background-size:cover;background-position:center;font-family:Roboto,sans-serif;overflow-x:hidden;overflow-y:auto}.login-card{position:relative;background:#191c20bf;padding:3rem 2.5rem;border-radius:8px;border:1px solid rgba(212,175,55,.3);box-shadow:0 15px 35px #00000080;max-width:400px;width:100%;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;box-sizing:border-box;margin-right:clamp(0px,10vw,100px)}.login-header{margin-bottom:2rem}.login-header h2{color:#d4af37;font-family:Cinzel,sans-serif;font-size:2rem;font-weight:500;margin-bottom:.5rem}.login-header p{color:#a0a0a0;font-size:1rem}.auth-form{display:flex;flex-direction:column}.input-group{position:relative;margin-bottom:2rem}.input-icon{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#a0a0a0;transition:color .3s ease;font-size:1rem}.password-toggle-icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:#a0a0a0;transition:color .3s ease;font-size:1rem;cursor:pointer;z-index:10}.password-toggle-icon:hover{color:#d4af37}.input-group input{width:100%;padding:12px 12px 12px 45px;background-color:#2d2d2dad;border:1px solid #4a4a4a;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#d4af37}.input-group input:focus~.input-icon{color:#d4af37}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:-10px;left:40px;font-size:.75rem;color:#d4af37;background-color:#191c20;padding:0 5px}.input-group label{position:absolute;top:50%;left:45px;transform:translateY(-50%);color:#a0a0a0;pointer-events:none;transition:all .3s ease;display:flex;align-items:center}.login-button{padding:12px;border:none;border-radius:8px;background-color:#d4af37;color:#121212;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;min-height:48px}.login-button:hover:not(:disabled){background-color:#c8a02b;transform:translateY(-3px);box-shadow:0 4px 10px #d4af374d}.login-button:disabled{background-color:#5a5a5a;cursor:not-allowed}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;width:24px;height:24px;animation:spin 1s linear infinite}.info-message,.error-message{width:100%;box-sizing:border-box;padding:10px;border-radius:8px;margin-bottom:15px;text-align:left;font-size:.9rem;display:flex;align-items:center;gap:10px;animation:slideInFromLeft .4s ease-out}.info-message p,.error-message p{margin:0;color:inherit}.info-message{color:#a6ffb6;border:1px solid #a6ffb6;background-color:transparent}.info-message i{font-size:1.1rem;flex-shrink:0}.error-message{color:#ff9a96;border:1px solid #ff9a96;background-color:transparent;animation:shake .5s ease-out,slideInFromLeft .4s ease-out}.error-message i{font-size:1.1rem;flex-shrink:0}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@media (max-width: 768px){.login-container{justify-content:center;padding:1rem;background-position:center}.login-card{margin-right:0;max-width:min(90%,450px);padding:2rem 1.5rem}.login-header h2{font-size:1.75rem}.login-header p{font-size:.9rem}}@media (max-width: 480px){.login-container{padding:.5rem;min-height:100vh;background-attachment:scroll}.login-card{max-width:85%;padding:1.5rem 1rem;margin:0;border-radius:6px}.login-header{margin-bottom:1.5rem}.login-header h2{font-size:1.5rem;margin-bottom:.25rem}.login-header p{font-size:.85rem}.input-group{margin-bottom:1.5rem}.input-group input{padding:10px 10px 10px 40px;font-size:.9rem}.input-icon{left:12px;font-size:.9rem}.password-toggle-icon{right:12px;font-size:.9rem}.input-group label{left:40px;font-size:.9rem}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{left:35px;font-size:.7rem}.login-button{padding:10px;font-size:.9rem;min-height:44px}.info-message,.error-message{padding:8px;margin-bottom:12px;font-size:.85rem}.info-message i,.error-message i{font-size:1rem}}@media (max-width: 320px){.login-card{max-width:80%;padding:1rem .75rem}.login-header h2{font-size:1.25rem}.input-group input{padding:8px 8px 8px 35px}.input-icon{left:10px}.password-toggle-icon{right:10px}.input-group label{left:35px}.info-message,.error-message{padding:6px;margin-bottom:10px;font-size:.8rem}.info-message i,.error-message i{font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.login-container{padding:.5rem}.login-card{padding:1rem;max-width:400px}.login-header{margin-bottom:1rem}.login-header h2{font-size:1.25rem;margin-bottom:.25rem}.input-group{margin-bottom:1rem}.info-message,.error-message{padding:6px;margin-bottom:10px;font-size:.75rem}.info-message i,.error-message i{font-size:.9rem}}@media (max-width: 768px){.toast-container{top:1rem;right:1rem;left:1rem}.toast-container .toast{min-width:auto}}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-title{color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;font-weight:600;margin:0}@media (max-width: 768px){.confirmation-overlay{padding:1rem}.confirmation-overlay .confirmation-modal .confirmation-header{padding:1.5rem 1.5rem 1rem}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-title{font-size:1.25rem}.confirmation-overlay .confirmation-modal .confirmation-body{padding:1rem 1.5rem}.confirmation-overlay .confirmation-modal .confirmation-actions{flex-direction:column;padding:1rem 1.5rem 1.5rem}.confirmation-overlay .confirmation-modal .confirmation-actions button{width:100%}}.auth0-users-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.auth0-users-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.auth0-users-container>*{position:relative;z-index:2}.auth0-users-container .section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.auth0-users-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.auth0-users-container .section-header .section-subtitle{font-size:1.1rem;color:#ffffffb3;margin:.2rem 0 0;font-weight:300}.auth0-users-container .section-header .section-subtitle .filter-info{color:#d4af37cc;font-size:.9rem;font-weight:400;background:#d4af371a;padding:.2rem .4rem;border-radius:6px;margin-left:.5rem;border:1px solid rgba(212,175,55,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth0-users-container .users-table-container{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 60px #d4af371a;overflow:hidden;width:100%;max-width:100%}@media (max-width: 400px){.auth0-users-container .users-table-container{overflow-x:auto}}.auth0-users-container .users-table-container .table-header{background:linear-gradient(135deg,#a3a3a31a,#d4af371a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.3);padding:.5rem 0;position:relative}.auth0-users-container .users-table-container .table-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.5) 50%,transparent 100%)}.auth0-users-container .users-table-container .table-header .header-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.2fr;grid-template-rows:auto;gap:.5rem;align-items:center;padding:.5rem .875rem;overflow:hidden}.auth0-users-container .users-table-container .table-header .header-row .header-cell{color:#d4af37;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.auth0-users-container .users-table-container .table-header .header-row .header-cell.center{text-align:center}.auth0-users-container .users-table-container .table-header .header-row .header-cell.right{text-align:right}.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-large,.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-small,.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-smaller{display:block}.auth0-users-container .users-table-container .table-body .user-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.2fr;grid-template-rows:auto;gap:.5rem;align-items:center;padding:.875rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:pointer;overflow:hidden}.auth0-users-container .users-table-container .table-body .user-row:hover{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;margin:0 .1rem}.auth0-users-container .users-table-container .table-body .user-row:last-child{border-bottom:none}.auth0-users-container .users-table-container .table-body .user-row .cell{display:flex;align-items:center;color:#ffffffe6;font-size:.875rem;min-width:0;overflow:hidden;flex-shrink:0;white-space:nowrap}.auth0-users-container .users-table-container .table-body .user-row .cell.center{justify-content:center}.auth0-users-container .users-table-container .table-body .user-row .cell.right{justify-content:flex-end}.auth0-users-container .users-table-container .table-body .user-row .cell.hide-large,.auth0-users-container .users-table-container .table-body .user-row .cell.hide-small,.auth0-users-container .users-table-container .table-body .user-row .cell.hide-smaller{display:flex}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container{display:flex;align-items:center;gap:.75rem;width:100%}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:center;background:#d4af371a;color:#d4af37;font-weight:700;object-fit:cover}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .avatar.avatar-fallback{background:#80808033;border:2px solid rgba(128,128,128,.3);color:#808080b3}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .avatar.avatar-fallback svg{width:20px;height:20px}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .user-info{flex:1;min-width:0}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .user-info .username{font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;max-width:200px}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .user-info .user-email{color:#ffffffb3;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.auth0-users-container .users-table-container .table-body .user-row .cell .status-chip{padding:.2rem .5rem;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;text-align:center}.auth0-users-container .users-table-container .table-body .user-row .cell .status-chip.active{background:#4caf5040;color:#4caf50;border:1px solid rgba(76,175,80,.4);text-shadow:0 0 10px rgba(76,175,80,.3)}.auth0-users-container .users-table-container .table-body .user-row .cell .status-chip.blocked{background:#f4433640;color:#f44336;border:1px solid rgba(244,67,54,.4);text-shadow:0 0 10px rgba(244,67,54,.3)}.auth0-users-container .users-table-container .table-body .user-row .cell .provider-chip{padding:.2rem .5rem;border-radius:12px;font-size:.65rem;font-weight:500;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;display:inline-block;text-align:center}.auth0-users-container .users-table-container .table-body .user-row .cell .provider-chip.google{background:#4285f433;color:#4285f4;border-color:#4285f44d}.auth0-users-container .users-table-container .table-body .user-row .cell .provider-chip.auth0{background:#d4af3733;color:#d4af37;border-color:#d4af374d}.auth0-users-container .users-table-container .table-body .user-row .cell .login-count{font-weight:600;color:#d4af37;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.auth0-users-container .users-table-container .table-body .user-row .cell .last-login{color:#fff9;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;text-align:center;display:inline-block}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons{display:flex;gap:.25rem;justify-content:center}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button,.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.375rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button:hover,.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button:hover{transform:scale(1.05)}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button svg,.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button svg{width:16px;height:16px}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button{color:#2196f3;border-color:#2196f34d}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button:hover{background:#2196f333}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button{color:#f44336;border-color:#f443364d}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button:hover{background:#f4433633}.auth0-users-container .loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.auth0-users-container .loading-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top:4px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.auth0-users-container .empty-state{text-align:center;padding:4rem 2rem;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;color:#fff9}.auth0-users-container .empty-state .empty-icon{font-size:4rem;color:#d4af3766;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(212,175,55,.2))}.auth0-users-container .empty-state .empty-icon svg{width:1em;height:1em}.auth0-users-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.5)}.auth0-users-container .empty-state .empty-description{font-size:1rem;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 1024px){.auth0-users-container .users-table-container .table-header .header-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:.5rem;padding:.5rem .875rem;overflow:hidden}.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-small{display:none}.auth0-users-container .users-table-container .table-body .user-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:.5rem;padding:.875rem;overflow:hidden}.auth0-users-container .users-table-container .table-body .user-row .cell.hide-small{display:none}}@media (max-width: 900px){.auth0-users-container .users-table-container .table-header .header-row{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:.5rem;padding:.5rem .875rem;overflow:hidden}.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-large{display:none}.auth0-users-container .users-table-container .table-body .user-row{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:.5rem;padding:.875rem;overflow:hidden}.auth0-users-container .users-table-container .table-body .user-row .cell.hide-large{display:none}}@media (max-width: 750px){.auth0-users-container .users-table-container .table-header .header-row{grid-template-columns:1.2fr 1fr .8fr 1fr;gap:.5rem;padding:.5rem .75rem;overflow:hidden}.auth0-users-container .users-table-container .table-body .user-row{grid-template-columns:1.2fr 1fr .8fr 1fr;gap:.5rem;padding:.75rem;overflow:hidden}}@media (max-width: 600px){.auth0-users-container .users-table-container .table-header .header-row{grid-template-columns:2fr 1fr 1.5fr;gap:.5rem;padding:.5rem .75rem;overflow:hidden}.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-medium{display:none}.auth0-users-container .users-table-container .table-body .user-row{grid-template-columns:2fr 1fr 1.5fr;gap:.5rem;padding:.75rem;overflow:hidden}.auth0-users-container .users-table-container .table-body .user-row .cell.hide-medium{display:none}}@media (max-width: 500px){.auth0-users-container .users-table-container .table-header .header-row{grid-template-columns:2.5fr 1.5fr;gap:.4rem;padding:.4rem .6rem;overflow:hidden}.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-medium,.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-smaller{display:none}.auth0-users-container .users-table-container .table-body .user-row{grid-template-columns:2.5fr 1.5fr;gap:.4rem;padding:.6rem;overflow:hidden}.auth0-users-container .users-table-container .table-body .user-row .cell.hide-medium,.auth0-users-container .users-table-container .table-body .user-row .cell.hide-smaller{display:none}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .avatar{width:32px;height:32px}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .avatar.avatar-fallback svg{width:16px;height:16px}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .user-info .username{font-size:.8rem}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .user-info .user-email{font-size:.7rem}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons{flex-direction:row;gap:.25rem;justify-content:center}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button,.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button{padding:.375rem}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button svg,.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button svg{width:14px;height:14px}}@media (max-width: 400px){.auth0-users-container{padding:1rem}.auth0-users-container .section-header{margin-bottom:1.5rem}.auth0-users-container .section-header .section-title{font-size:2rem;text-align:center}.auth0-users-container .section-header .section-subtitle{font-size:.9rem;text-align:center}.auth0-users-container .users-table-container .table-header .header-row{grid-template-columns:2.5fr 1.5fr;gap:.3rem;padding:.3rem .5rem;overflow:hidden}.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-medium,.auth0-users-container .users-table-container .table-header .header-row .header-cell.hide-smaller{display:none}.auth0-users-container .users-table-container .table-header .header-row .header-cell{font-size:.7rem}.auth0-users-container .users-table-container .table-body .user-row{grid-template-columns:2.5fr 1.5fr;gap:.3rem;padding:.5rem;overflow:hidden}.auth0-users-container .users-table-container .table-body .user-row .cell.hide-medium,.auth0-users-container .users-table-container .table-body .user-row .cell.hide-smaller{display:none}.auth0-users-container .users-table-container .table-body .user-row .cell{font-size:.75rem}.auth0-users-container .users-table-container .table-body .user-row .cell .serial-number{font-size:.7rem}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .avatar{width:28px;height:28px;font-size:.7rem}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .avatar.avatar-fallback svg{width:14px;height:14px}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .user-info .username{font-size:.75rem;max-width:80px}.auth0-users-container .users-table-container .table-body .user-row .cell .user-container .user-info .user-email{font-size:.65rem;max-width:80px}.auth0-users-container .users-table-container .table-body .user-row .cell .provider-chip{padding:.15rem .4rem;font-size:.6rem}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons{flex-direction:row;gap:.2rem;justify-content:center}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button,.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button{padding:.25rem}.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .edit-button svg,.auth0-users-container .users-table-container .table-body .user-row .cell .action-buttons .delete-button svg{width:12px;height:12px}.auth0-users-container .empty-state{padding:2rem 1rem}.auth0-users-container .empty-state .empty-icon{font-size:2.5rem}.auth0-users-container .empty-state .empty-title{font-size:1.1rem}.auth0-users-container .empty-state .empty-description{font-size:.8rem}}.orders-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.orders-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.orders-container>*{position:relative;z-index:2}.orders-container .section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.orders-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.orders-container .section-header .section-subtitle{font-size:1.125rem;color:#fffc;margin:.2rem 0 0;font-weight:400;line-height:1.5;letter-spacing:.25px}.orders-container .section-header .section-subtitle .new-orders-text{color:#ffc107;font-weight:600}.orders-container .section-header .create-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;line-height:1.4;letter-spacing:.25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d}.orders-container .section-header .create-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.orders-container .section-header .create-button svg{font-size:1.2rem}.orders-container .section-header .shipping-price-section .shipping-form{display:flex;align-items:center;gap:.5rem}.orders-container .section-header .shipping-price-section .shipping-price-input{min-width:140px;max-width:160px}.orders-container .section-header .shipping-price-section .shipping-price-input .MuiInputLabel-root{color:#ffffffb3}.orders-container .section-header .shipping-price-section .shipping-price-input .MuiInputLabel-root.Mui-focused{color:#d4af37}.orders-container .section-header .shipping-price-section .shipping-price-input .MuiOutlinedInput-root{color:#fff}.orders-container .section-header .shipping-price-section .shipping-price-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d}.orders-container .section-header .shipping-price-section .shipping-price-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#d4af3780}.orders-container .section-header .shipping-price-section .shipping-price-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#d4af37}.orders-container .section-header .shipping-price-section .shipping-save-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;font-weight:600;border-radius:6px;transition:all .3s ease;box-shadow:0 2px 8px #d4af374d;margin-left:8px}.orders-container .section-header .shipping-price-section .shipping-save-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 4px 12px #d4af3766;transform:translateY(-1px)}.orders-container .section-header .shipping-price-section .shipping-save-button:disabled{background:#d4af374d;color:#0f101499}.orders-container .filter-section{margin-bottom:2rem;display:flex;gap:1rem;align-items:center}.orders-container .filter-section .filter-control .MuiFormControl-root{min-width:200px}.orders-container .filter-section .filter-control .MuiFormControl-root .MuiInputLabel-root{color:#ffffffb3}.orders-container .filter-section .filter-control .MuiFormControl-root .MuiInputLabel-root.Mui-focused{color:#d4af37}.orders-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root{color:#fff}.orders-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d}.orders-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#d4af3780}.orders-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#d4af37}.orders-container .filter-section .filter-control .MuiFormControl-root .MuiSelect-icon{color:#ffffffb3}.orders-container .loading-container{display:flex;justify-content:center;align-items:center;height:300px}.orders-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.orders-container .empty-state{text-align:center;padding:4rem 2rem;color:#ffffffb3}.orders-container .empty-state .empty-icon{font-size:4rem;color:#d4af3780;margin-bottom:1rem;line-height:1}.orders-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:.5rem;color:#fff;letter-spacing:.25px}.orders-container .empty-state .empty-description{font-size:1rem;color:#ffffffb3;line-height:1.5;letter-spacing:.125px}.orders-container .orders-table-container{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 32px #0000004d}.orders-container .orders-table-container .table-header{background:#d4af371a;border-bottom:1px solid rgba(212,175,55,.2)}.orders-container .orders-table-container .table-header .header-row{display:grid;grid-template-columns:60px 1fr 1fr 1fr 1fr 120px 120px;gap:1rem;padding:1rem;justify-content:space-between}.orders-container .orders-table-container .table-header .header-row .header-cell{font-weight:600;color:#d4af37;font-size:.8125rem;text-transform:uppercase;letter-spacing:.75px;line-height:1.3}.orders-container .orders-table-container .table-header .header-row .header-cell.center{text-align:center}.orders-container .orders-table-container .table-header .header-row .header-cell.sortable{cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.orders-container .orders-table-container .table-header .header-row .header-cell.sortable:hover{color:#fff}.orders-container .orders-table-container .table-body .audiobook-row{display:grid;grid-template-columns:60px 1fr 1fr 1fr 1fr 120px 120px;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;justify-content:space-between}.orders-container .orders-table-container .table-body .audiobook-row:hover{background:#d4af370d;border-bottom-color:#d4af374d}.orders-container .orders-table-container .table-body .audiobook-row:last-child{border-bottom:none}.orders-container .orders-table-container .table-body .audiobook-row.new-order-highlight{background:#ffc10714;border-left:3px solid #ffc107;border-bottom-color:#ffc10733;animation:pulse-glow 2s ease-in-out infinite}.orders-container .orders-table-container .table-body .audiobook-row.new-order-highlight:hover{background:#ffc1071f;border-bottom-color:#ffc1074d}.orders-container .orders-table-container .table-body .audiobook-row .cell{display:flex;align-items:center;color:#fff;font-size:.875rem;line-height:1.4}.orders-container .orders-table-container .table-body .audiobook-row .cell.center{justify-content:center}.orders-container .orders-table-container .table-body .audiobook-row .cell .serial-number{font-weight:600;color:#d4af37;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:50%;border:1px solid rgba(212,175,55,.3)}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-cover{width:40px;height:50px;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:1.2rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-title{font-weight:600;color:#fff;font-size:.9375rem;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-author{color:#fffc;font-size:.8125rem;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-categories{display:flex;flex-wrap:wrap;gap:.25rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{background:#d4af3733;color:#d4af37;padding:.2rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:500;line-height:1.2;letter-spacing:.125px;border:1px solid rgba(212,175,55,.3)}.orders-container .orders-table-container .table-body .audiobook-row .cell .price{font-weight:600;color:#4caf50;font-size:.9375rem;line-height:1.3;letter-spacing:.125px}.orders-container .action-buttons{display:flex;gap:.5rem}.orders-container .action-buttons .edit-button,.orders-container .action-buttons .delete-button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.orders-container .action-buttons .edit-button svg,.orders-container .action-buttons .delete-button svg{font-size:1rem}.orders-container .action-buttons .edit-button{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.orders-container .action-buttons .edit-button:hover{background:#2196f34d;border-color:#2196f3}.orders-container .action-buttons .delete-button{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.orders-container .action-buttons .delete-button:hover{background:#f443364d;border-color:#f44336}.status-badge{padding:.25rem .75rem;border-radius:16px;font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:.25px;text-transform:capitalize;color:#fff;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.status-badge.status-pending{background-color:#ffc107;border-color:#ffc107}.status-badge.status-processing{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.status-badge.status-shipped{background-color:#6f42c1;border-color:#6f42c1;color:#fff}.status-badge.status-delivered{background-color:#28a745;border-color:#28a745;color:#fff}.status-badge.status-cancelled{background-color:#dc3545;border-color:#dc3545;color:#fff}.status-badge.status-payment_failed{background-color:#dc9135;border-color:#dc7d35;color:#fff}.action-buttons{display:flex;gap:.5rem}.action-buttons .view-button,.action-buttons .cancel-button,.action-buttons .edit-button,.action-buttons .delete-button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-buttons .view-button svg,.action-buttons .cancel-button svg,.action-buttons .edit-button svg,.action-buttons .delete-button svg{font-size:1rem}.action-buttons .view-button{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.action-buttons .view-button:hover{background:#2196f34d;border-color:#2196f3}.action-buttons .cancel-button{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.action-buttons .cancel-button:hover{background:#f443364d;border-color:#f44336}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #ffc10726}50%{box-shadow:0 0 16px #ffc1074d}}.MuiButtonBase-root{text-transform:capitalize!important}@media (max-width: 1024px){.orders-container{padding:1.5rem}.orders-container .section-header .section-title{font-size:2.25rem}.orders-container .section-header .section-subtitle{font-size:1rem}.orders-container .section-header .shipping-price-section .shipping-price-input{max-width:140px;min-width:120px}.orders-container .section-header .shipping-price-section .shipping-save-button{font-size:.8125rem;padding:.5rem .875rem}.orders-container .orders-table-container .table-header .header-row{grid-template-columns:45px 1fr 1fr 1fr 1fr 90px 90px;gap:.5rem;padding:.75rem}.orders-container .orders-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.5px}.orders-container .orders-table-container .table-header .header-row .header-cell.hide-tablet{display:none}.orders-container .orders-table-container .table-body .audiobook-row{grid-template-columns:45px 1fr 1fr 1fr 1fr 90px 90px;gap:.5rem;padding:.75rem}.orders-container .orders-table-container .table-body .audiobook-row .cell{font-size:.8125rem}.orders-container .orders-table-container .table-body .audiobook-row .cell.hide-tablet{display:none}.orders-container .orders-table-container .table-body .audiobook-row .cell .serial-number{width:28px;height:28px;font-size:.8rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.875rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-author{font-size:.75rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .price{font-size:.875rem}.orders-container .action-buttons .edit-button,.orders-container .action-buttons .delete-button,.orders-container .action-buttons .view-button,.orders-container .action-buttons .cancel-button{padding:.4rem}.status-badge{font-size:.625rem;padding:.1875rem .625rem}}@media (max-width: 768px){.orders-container{padding:1rem;background-attachment:scroll}.orders-container .section-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.orders-container .section-header .section-title{font-size:2rem}.orders-container .section-header .section-subtitle{font-size:.9375rem}.orders-container .section-header .create-button{font-size:.875rem;padding:.625rem 1.25rem}.orders-container .section-header .shipping-price-section .shipping-form{gap:.5rem}.orders-container .section-header .shipping-price-section .shipping-price-input{max-width:140px;min-width:120px}.orders-container .section-header .shipping-price-section .shipping-save-button{font-size:.75rem;padding:.5rem .75rem;padding:4px 8px;margin-left:0}.orders-container .filter-section{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.5rem}.orders-container .filter-section .filter-control{width:100%}.orders-container .filter-section .filter-control .MuiFormControl-root{min-width:100%;width:100%}.orders-container .empty-state .empty-icon{font-size:3.5rem}.orders-container .empty-state .empty-title{font-size:1.3125rem}.orders-container .empty-state .empty-description{font-size:.9375rem}.orders-container .orders-table-container{border-radius:8px;margin:0 -.5rem}.orders-container .orders-table-container .table-header .header-row{justify-content:space-between;grid-template-columns:45px 1fr 80px 70px 80px}.orders-container .orders-table-container .table-header .header-row .header-cell{font-size:.6875rem;letter-spacing:.25px}.orders-container .orders-table-container .table-header .header-row .header-cell.hide-mobile{display:none}.orders-container .orders-table-container .table-body .audiobook-row{justify-content:space-between;grid-template-columns:45px 1fr 80px 70px 80px}.orders-container .orders-table-container .table-body .audiobook-row .cell{font-size:.75rem;line-height:1.5}.orders-container .orders-table-container .table-body .audiobook-row .cell.hide-mobile{display:none}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.8125rem;line-height:1.4}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-author{font-size:.6875rem;line-height:1.5}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{font-size:.625rem;padding:.15rem .375rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .price{font-size:.8125rem}.status-badge{padding:.15625rem .5rem;font-size:.5625rem;letter-spacing:.125px}}@media (max-width: 600px){.orders-container .section-header .shipping-price-section .shipping-form{gap:.375rem}.orders-container .orders-table-container .table-header .header-row,.orders-container .orders-table-container .table-body .audiobook-row{grid-template-columns:45px 1fr 80px 70px 80px;gap:.5rem;padding:.75rem;justify-content:space-between}}@media (max-width: 500px){.orders-container .section-header .shipping-price-section .shipping-form{gap:.3rem}.orders-container .section-header .shipping-price-section .shipping-form .MuiFormControl-root,.orders-container .section-header .shipping-price-section .shipping-form .MuiFormControl-root .MuiInputLabel-root,.orders-container .section-header .shipping-price-section .shipping-form .MuiFormControl-root .MuiOutlinedInput-root{font-size:12px}.orders-container .section-header .shipping-price-section .shipping-save-button{font-size:.625rem}.orders-container .section-header .shipping-price-section .shipping-save-button span{margin-right:4.5px}.orders-container .section-header .shipping-price-section .shipping-save-button svg{font-size:1rem}.orders-container .filter-section .MuiTextField-root .MuiInputBase-root,.orders-container .filter-section .MuiTextField-root .MuiInputLabel-root,.orders-container .filter-section .filter-control .MuiFormControl-root,.orders-container .filter-section .filter-control .MuiFormControl-root .MuiInputLabel-root,.orders-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root{font-size:.75rem}.orders-container .orders-table-container .table-header .header-row{padding:.4rem;gap:.4rem}.orders-container .orders-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.125px}.orders-container .orders-table-container .table-body .audiobook-row{padding:.4rem;gap:.4rem}.orders-container .orders-table-container .table-body .audiobook-row .cell{font-size:.75rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.6875rem;line-height:1.5}.status-badge{font-size:11px;padding:.1875rem .5rem}.MuiMenuItem-root{font-size:.75rem!important;padding:.3125rem .625rem!important;min-height:auto!important;line-height:1.2!important}}@media (max-width: 480px){.orders-container{padding:.75rem}.orders-container .section-header{margin-bottom:1.3rem}.orders-container .section-header .section-title{font-size:1.0625rem}.orders-container .section-header .section-subtitle{font-size:.75rem;margin:.25rem 0 0}.orders-container .section-header .create-button{font-size:.75rem;padding:.5rem 1rem;gap:.375rem}.orders-container .section-header .shipping-price-section .shipping-form{gap:.375rem}.orders-container .section-header .shipping-price-section .shipping-price-input{max-width:120px;min-width:100px}.orders-container .filter-section{margin-bottom:1rem}.orders-container .empty-state .empty-icon{font-size:3rem}.orders-container .empty-state .empty-title{font-size:1.0625rem;line-height:1.4}.orders-container .empty-state .empty-description{font-size:.75rem;line-height:1.6}.orders-container .orders-table-container{border-radius:6px;margin:0 -.25rem}.orders-container .orders-table-container .table-header .header-row{grid-template-columns:40px 1fr 60px 60px 70px;padding:.3rem;gap:.25rem}.orders-container .orders-table-container .table-header .header-row .header-cell{font-size:.625rem;letter-spacing:.125px}.orders-container .orders-table-container .table-header .header-row .header-cell.hide-small-mobile{display:none}.orders-container .orders-table-container .table-body .audiobook-row{grid-template-columns:40px 1fr 60px 60px 70px;padding:.3rem;gap:.25rem}.orders-container .orders-table-container .table-body .audiobook-row .cell{font-size:.625rem}.orders-container .orders-table-container .table-body .audiobook-row .cell.hide-small-mobile{display:none}.orders-container .orders-table-container .table-body .audiobook-row .cell .serial-number{width:24px;height:24px;font-size:.75rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.6875rem;line-height:1.5}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-author{font-size:.5625rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{font-size:.5rem;padding:.125rem .3125rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .price{font-size:.6875rem}.orders-container .action-buttons{gap:.25rem}.orders-container .action-buttons .edit-button,.orders-container .action-buttons .delete-button,.orders-container .action-buttons .view-button,.orders-container .action-buttons .cancel-button{padding:.3rem}.orders-container .action-buttons .edit-button svg,.orders-container .action-buttons .delete-button svg,.orders-container .action-buttons .view-button svg,.orders-container .action-buttons .cancel-button svg{font-size:.875rem}.status-badge{padding:.125rem .375rem;font-size:.5rem;letter-spacing:0px}}@media (max-width: 400px){.orders-container .orders-table-container .table-body .audiobook-row .cell .serial-number{width:20px;height:20px;font-size:.6875rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.6875rem}}@media (max-width: 360px){.orders-container .section-header .shipping-price-section .shipping-form{gap:.375rem}.orders-container .section-header .shipping-price-section .shipping-price-input{max-width:110px;min-width:90px}.orders-container .section-header .shipping-price-section .shipping-price-input .MuiInputLabel-root,.orders-container .section-header .shipping-price-section .shipping-price-input .MuiOutlinedInput-root{font-size:.6875rem}.orders-container .section-header .shipping-price-section .shipping-save-button{font-size:.5625rem;padding:.3rem .5rem}.orders-container .filter-section .search-icon{font-size:16px}.orders-container .filter-section .filter-control .MuiFormControl-root,.orders-container .filter-section .filter-control .MuiFormControl-root .MuiInputLabel-root,.orders-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root{font-size:.625rem}.orders-container .orders-table-container .table-header .header-row{gap:.2rem;padding:.25rem;grid-template-columns:30px 1fr 60px 55px 50px}.orders-container .orders-table-container .table-header .header-row .header-cell{overflow:hidden;font-size:.625rem;letter-spacing:0px}.orders-container .orders-table-container .table-body .audiobook-row{gap:.2rem;padding:.25rem;grid-template-columns:30px 1fr 60px 55px 50px}.orders-container .orders-table-container .table-body .audiobook-row .cell{overflow:hidden;font-size:.625rem}.orders-container .orders-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:9px;margin-right:5px}.orders-container .action-buttons .edit-button,.orders-container .action-buttons .delete-button,.orders-container .action-buttons .view-button,.orders-container .action-buttons .cancel-button{padding:.2rem}.orders-container .action-buttons .edit-button svg,.orders-container .action-buttons .delete-button svg,.orders-container .action-buttons .view-button svg,.orders-container .action-buttons .cancel-button svg{font-size:.75rem}.status-badge{font-size:.5rem;padding:.125rem .3rem}.MuiMenuItem-root{font-size:.625rem!important;padding:.3125rem .625rem!important;min-height:auto!important;line-height:1.2!important}}.order-details-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#ffffffd9}.order-details-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.order-details-container>*{position:relative;z-index:2}.order-details-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.order-details-container .header .back-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(212,175,55,.2);color:#fff9;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9375rem}.order-details-container .header .back-button:hover{background:#191c20e6;color:#d4af37;border-color:#d4af37}.order-details-container .header .back-button svg{font-size:1.125rem}.order-details-container .header .title-section{text-align:right}.order-details-container .header .title-section .title{font-family:var(--font-heading);font-size:2rem;color:#d4af37;margin:0;text-align:right;line-height:1.2}.order-details-container .header .title-section .order-id-header{font-family:"monospace";font-size:1rem;color:#fff9;margin:.25rem 0 0;text-align:right}.order-details-container .details-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.order-details-container .card-title{font-family:var(--font-heading);color:#d4af37;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:.75rem;margin:0 0 1rem;font-size:1.25rem;line-height:1.3}.order-details-container .main-details-card,.order-details-container .items-card{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;box-shadow:0 8px 32px #0000004d}.order-details-container .main-details-card p{margin:.5rem 0;line-height:1.6;font-size:.9375rem}.order-details-container .main-details-card p strong{color:#fff9;font-weight:600}.order-details-container .main-details-card .card-section{margin-bottom:2rem}.order-details-container .main-details-card .card-section:last-child{margin-bottom:0}.order-details-container .status-updater .MuiFormControl-root{margin-bottom:1rem;width:100%}.order-details-container .status-updater .MuiFormControl-root .MuiInputLabel-root{color:#fff9;font-size:1rem}.order-details-container .status-updater .MuiFormControl-root .MuiOutlinedInput-root{color:#ffffffd9;font-size:.9375rem}.order-details-container .status-updater .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d}.order-details-container .status-updater .MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#d4af3780}.order-details-container .status-updater .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#d4af37}.order-details-container .status-updater .MuiFormControl-root .MuiSelect-icon{color:#fff9}.order-details-container .status-updater .update-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;font-weight:600;width:100%;padding:.75rem 1.5rem;font-size:.9375rem;transition:all .3s ease;border-radius:6px;border:none;cursor:pointer}.order-details-container .status-updater .update-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.order-details-container .status-updater .update-button:disabled{background:#ffffff1a;color:#fff9;cursor:not-allowed;transform:none;box-shadow:none}.order-details-container .items-list{max-height:400px;overflow-y:auto;padding-right:10px;margin-right:-10px}.order-details-container .order-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.order-details-container .order-item:last-child{border-bottom:none}.order-details-container .order-item .item-image{width:60px;height:auto;object-fit:cover;border-radius:6px;border:1px solid rgba(212,175,55,.2);background:#ffffff0d;flex-shrink:0}.order-details-container .order-item .item-details{flex-grow:1;min-width:0}.order-details-container .order-item .item-details .item-title{font-weight:600;margin:0;font-size:.9375rem;line-height:1.4;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-details-container .order-item .item-details .item-meta{color:#fff9;font-size:.8125rem;margin:.25rem 0 0;line-height:1.4}.order-details-container .order-item .item-subtotal{font-weight:600;font-size:1rem;color:#ffffffd9;flex-shrink:0}.order-details-container .order-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(212,175,55,.2)}.order-details-container .order-summary .summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9375rem}.order-details-container .order-summary .summary-row span:first-child{color:#fff9}.order-details-container .order-summary .summary-row span:last-child{font-weight:600;color:#ffffffd9}.order-details-container .order-summary .summary-row.total{font-size:1.25rem;color:#d4af37;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(212,175,55,.2);font-weight:700}.order-details-container .loading-container{display:flex;justify-content:center;align-items:center;height:300px}.order-details-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.order-details-container .empty-state{text-align:center;padding:4rem 2rem;color:#ffffffb3}.order-details-container .empty-state .empty-icon{font-size:4rem;color:#d4af3780;margin-bottom:1rem;line-height:1}.order-details-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff;line-height:1.3}.order-details-container .empty-state .empty-description{font-size:1rem;color:#fff9;line-height:1.5}@media (max-width: 1024px){.order-details-container{padding:1.5rem}.order-details-container .header .back-button{padding:.4rem .875rem;font-size:.875rem}.order-details-container .header .back-button svg{font-size:1rem}.order-details-container .header .title-section .title{font-size:1.75rem}.order-details-container .header .title-section .order-id-header{font-size:.9375rem}.order-details-container .card-title{font-size:1.125rem}.order-details-container .main-details-card,.order-details-container .items-card{padding:1.25rem}.order-details-container .main-details-card p{font-size:.875rem}.order-details-container .order-item .item-image{width:55px;height:auto}.order-details-container .order-item .item-details .item-title{font-size:.875rem}.order-details-container .order-item .item-details .item-meta{font-size:.75rem}.order-details-container .order-item .item-subtotal{font-size:.9375rem}.order-details-container .order-summary .summary-row{font-size:.875rem}.order-details-container .order-summary .summary-row.total{font-size:1.125rem}}@media (max-width: 768px){.order-details-container{padding:1rem;background-attachment:scroll}.order-details-container .header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.order-details-container .header .back-button{align-self:flex-start}.order-details-container .header .title-section{width:100%;text-align:left}.order-details-container .header .title-section .title{font-size:1.5rem;text-align:left}.order-details-container .header .title-section .order-id-header{text-align:left;font-size:.875rem}.order-details-container .details-grid{grid-template-columns:1fr;gap:1.5rem}.order-details-container .card-title{font-size:1rem;padding-bottom:.5rem}.order-details-container .main-details-card,.order-details-container .items-card{padding:1rem;border-radius:8px}.order-details-container .main-details-card .card-section{margin-bottom:1.5rem}.order-details-container .main-details-card p{font-size:.8125rem;margin:.375rem 0}.order-details-container .status-updater .MuiFormControl-root .MuiInputLabel-root{font-size:.9375rem}.order-details-container .status-updater .MuiFormControl-root .MuiOutlinedInput-root{font-size:.875rem}.order-details-container .status-updater .update-button{padding:.625rem 1.25rem;font-size:.875rem}.order-details-container .items-list{max-height:350px}.order-details-container .order-item{gap:.75rem;padding:.875rem 0}.order-details-container .order-item .item-image{width:50px;height:auto}.order-details-container .order-item .item-details .item-title{font-size:.8125rem}.order-details-container .order-item .item-details .item-meta{font-size:.6875rem}.order-details-container .order-item .item-subtotal{font-size:.875rem}.order-details-container .order-summary{margin-top:1.25rem;padding-top:1.25rem}.order-details-container .order-summary .summary-row{font-size:.8125rem;margin-bottom:.625rem}.order-details-container .order-summary .summary-row.total{font-size:1rem;margin-top:.875rem;padding-top:.625rem}.order-details-container .empty-state{padding:3rem 1.5rem}.order-details-container .empty-state .empty-icon{font-size:3.5rem}.order-details-container .empty-state .empty-title{font-size:1.3125rem}.order-details-container .empty-state .empty-description{font-size:.9375rem}}@media (max-width: 600px){.order-details-container .details-grid{gap:1.25rem}.order-details-container .main-details-card,.order-details-container .items-card{padding:.875rem}.order-details-container .order-item{gap:.5rem;padding:.75rem 0}.order-details-container .order-item .item-image{width:45px;height:auto}}@media (max-width: 500px){.order-details-container .header .back-button{padding:.375rem .75rem;font-size:.8125rem;gap:.375rem}.order-details-container .header .back-button svg{font-size:.9375rem}.order-details-container .header .title-section .title{font-size:1.3125rem}.order-details-container .header .title-section .order-id-header{font-size:.8125rem}.order-details-container .card-title{font-size:.9375rem}.order-details-container .main-details-card p{font-size:.75rem}.order-details-container .status-updater .MuiFormControl-root .MuiInputLabel-root{font-size:.875rem}.order-details-container .status-updater .MuiFormControl-root .MuiOutlinedInput-root{font-size:.8125rem}.order-details-container .status-updater .update-button{padding:.5rem 1rem;font-size:.8125rem}.order-details-container .order-item .item-details .item-title{font-size:.75rem}.order-details-container .order-item .item-details .item-meta{font-size:.625rem}.order-details-container .order-item .item-subtotal{font-size:.8125rem}.order-details-container .order-summary .summary-row{font-size:.75rem}.order-details-container .order-summary .summary-row.total{font-size:.9375rem}}@media (max-width: 480px){.order-details-container{padding:.75rem}.order-details-container .header{margin-bottom:1rem}.order-details-container .header .title-section .title{font-size:1.125rem}.order-details-container .header .title-section .order-id-header{font-size:.75rem}.order-details-container .details-grid{gap:1rem}.order-details-container .main-details-card,.order-details-container .items-card{padding:.75rem;border-radius:6px}.order-details-container .main-details-card .card-section{margin-bottom:1.25rem}.order-details-container .main-details-card p{font-size:.6875rem;margin:.3125rem 0}.order-details-container .status-updater .update-button{padding:.4375rem .875rem;font-size:.75rem}.order-details-container .items-list{max-height:300px;padding-right:8px}.order-details-container .order-item{gap:.4375rem;padding:.625rem 0}.order-details-container .order-item .item-image{width:40px;height:auto}.order-details-container .order-item .item-details .item-title{font-size:.6875rem}.order-details-container .order-item .item-details .item-meta{font-size:.5625rem}.order-details-container .order-item .item-subtotal{font-size:.75rem}.order-details-container .order-summary{margin-top:1rem;padding-top:1rem}.order-details-container .order-summary .summary-row{font-size:.6875rem;margin-bottom:.5rem}.order-details-container .order-summary .summary-row.total{font-size:.875rem;margin-top:.75rem;padding-top:.5rem}.order-details-container .empty-state{padding:2rem 1rem}.order-details-container .empty-state .empty-icon{font-size:3rem}.order-details-container .empty-state .empty-title{font-size:1.125rem}.order-details-container .empty-state .empty-description{font-size:.8125rem}}@media (max-width: 400px){.order-details-container .header .back-button{padding:.3125rem .625rem;font-size:.75rem}.order-details-container .header .back-button svg{font-size:.875rem}.order-details-container .order-item .item-image{width:36px;height:auto}.order-details-container .order-item .item-details .item-title{font-size:.625rem}.order-details-container .order-item .item-details .item-meta{font-size:.5rem}.order-details-container .order-item .item-subtotal{font-size:.6875rem}}@media (max-width: 360px){.order-details-container{padding:.5rem}.order-details-container .header{gap:.75rem}.order-details-container .header .title-section .title{font-size:1rem}.order-details-container .header .title-section .order-id-header{font-size:.6875rem}.order-details-container .card-title{font-size:.875rem;padding-bottom:.4375rem}.order-details-container .main-details-card,.order-details-container .items-card{padding:.625rem}.order-details-container .main-details-card p{font-size:.625rem;margin:.25rem 0}.order-details-container .status-updater .MuiFormControl-root .MuiInputLabel-root{font-size:.8125rem}.order-details-container .status-updater .MuiFormControl-root .MuiOutlinedInput-root{font-size:.75rem}.order-details-container .status-updater .update-button{padding:.375rem .75rem;font-size:.6875rem}.order-details-container .items-list{max-height:250px;padding-right:6px}.order-details-container .order-item{gap:.375rem;padding:.5rem 0}.order-details-container .order-item .item-image{width:32px;height:auto}.order-details-container .order-item .item-details .item-title{font-size:.5625rem}.order-details-container .order-item .item-details .item-meta{font-size:.4375rem}.order-details-container .order-item .item-subtotal{font-size:.625rem}.order-details-container .order-summary{margin-top:.875rem;padding-top:.875rem}.order-details-container .order-summary .summary-row{font-size:.625rem;margin-bottom:.4375rem}.order-details-container .order-summary .summary-row.total{font-size:.8125rem;margin-top:.625rem;padding-top:.4375rem}.order-details-container .empty-state{padding:1.5rem .75rem}.order-details-container .empty-state .empty-icon{font-size:2.5rem}.order-details-container .empty-state .empty-title{font-size:1rem}.order-details-container .empty-state .empty-description{font-size:.75rem}}.custom-dropdown{position:relative;overflow:visible!important}.custom-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.custom-dropdown .dropdown-trigger:hover{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-color:#d4af3766;box-shadow:0 4px 12px #d4af3726,inset 0 1px #ffffff26}.custom-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#fff;font-weight:500}.custom-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.custom-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.custom-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.custom-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.custom-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.custom-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}@media (max-width: 768px){.custom-dropdown .dropdown-trigger,.custom-dropdown .dropdown-menu .dropdown-option{padding:.75rem .875rem;font-size:.8125rem}}@media (max-width: 500px){.custom-dropdown .dropdown-trigger,.custom-dropdown .dropdown-menu .dropdown-option{font-size:.75rem;padding:.75rem .875rem}}@media (max-width: 480px){.custom-dropdown .dropdown-trigger,.custom-dropdown .dropdown-menu .dropdown-option{font-size:.6875rem;padding:.625rem .75rem}}@media (max-width: 360px){.custom-dropdown .dropdown-trigger,.custom-dropdown .dropdown-menu .dropdown-option{font-size:.625rem;padding:.625rem .75rem}}.books-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.books-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.books-container>*{position:relative;z-index:2}.books-container .section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.books-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0px;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.books-container .section-header .section-subtitle{font-size:1.1rem;color:#ffffffb3;margin:.2rem 0 0;font-weight:300}.books-container .section-header .header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.books-container .section-header .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.books-container .section-header .filter-toggle-btn:hover{border-color:#d4af3780;background:linear-gradient(135deg,#d4af3726,#d4af371a)}.books-container .section-header .filter-toggle-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af3726);border-color:#d4af3799}.books-container .section-header .filter-toggle-btn .filter-icon{font-size:1rem}.books-container .section-header .filter-toggle-btn .arrow{font-size:.75rem;transition:transform .3s ease}.books-container .section-header .filter-toggle-btn .arrow.up{transform:rotate(180deg)}.books-container .section-header .clear-filters-btn{padding:.5rem 1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.books-container .section-header .clear-filters-btn:hover{background:#f4433633;border-color:#f4433680}.books-container .section-header .create-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d}.books-container .section-header .create-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.books-container .section-header .create-button svg{font-size:1.2rem}.books-container .filter-section{margin-bottom:2rem;display:flex;gap:1rem;align-items:flex-start;justify-content:flex-start}.books-container .filter-section .filter-control{display:flex;flex-direction:column;gap:.5rem;min-width:250px;max-width:300px;overflow:visible!important}.books-container .filter-section .filter-control .filter-label{font-size:.875rem;font-weight:600;color:#d4af37;margin-bottom:.25rem;letter-spacing:.5px}.books-container .filter-section .filter-control .custom-dropdown{position:relative;overflow:visible!important}.books-container .filter-section .filter-control .custom-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.books-container .filter-section .filter-control .custom-dropdown .dropdown-trigger:hover{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-color:#d4af3766;box-shadow:0 4px 12px #d4af3726,inset 0 1px #ffffff26}.books-container .filter-section .filter-control .custom-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#fff;font-weight:500}.books-container .filter-section .filter-control .custom-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.books-container .filter-section .filter-control .custom-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.books-container .filter-section .filter-control .custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.books-container .filter-section .filter-control .custom-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.books-container .filter-section .filter-control .custom-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.books-container .filter-section .filter-control .custom-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.books-container .filter-section .filter-control .custom-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.books-container .filter-section .filter-control .custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.books-container .filter-section .filter-control .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.books-container .filter-section .filter-control .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.books-container .loading-container{display:flex;justify-content:center;align-items:center;height:300px}.books-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.books-container .empty-state{text-align:center;padding:4rem 2rem;color:#ffffffb3}.books-container .empty-state .empty-icon{font-size:4rem;color:#d4af3780;margin-bottom:1rem}.books-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.books-container .empty-state .empty-description{font-size:1rem;color:#fff9}.books-container .books-table-container{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.books-container .books-table-container .table-header{background:#d4af371a;border-bottom:1px solid rgba(212,175,55,.2)}.books-container .books-table-container .table-header .header-row{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 120px 100px 120px;gap:1rem;padding:1rem;justify-content:space-between}.books-container .books-table-container .table-header .header-row .header-cell{font-weight:600;color:#d4af37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.books-container .books-table-container .table-header .header-row .header-cell.center{text-align:center}.books-container .books-table-container .table-header .header-row .header-cell.sortable{cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.books-container .books-table-container .table-header .header-row .header-cell.sortable:hover{color:#fff}.books-container .books-table-container .table-body .audiobook-row{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 120px 100px 120px;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;justify-content:space-between}.books-container .books-table-container .table-body .audiobook-row:hover{background:#d4af370d;border-bottom-color:#d4af374d}.books-container .books-table-container .table-body .audiobook-row:last-child{border-bottom:none}.books-container .books-table-container .table-body .audiobook-row .cell{display:flex;align-items:center;color:#fff;font-size:.875rem;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell.center{justify-content:center}.books-container .books-table-container .table-body .audiobook-row .cell .serial-number{font-weight:600;color:#d4af37;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:50%;border:1px solid rgba(212,175,55,.3)}.books-container .books-table-container .table-body .audiobook-row .cell .book-cover{width:40px;height:50px;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:1.2rem}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-weight:600;color:#fff;font-size:.9375rem;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-author{color:#fffc;font-size:.8125rem;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-categories{display:flex;flex-wrap:wrap;gap:.25rem}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{background:#d4af3733;color:#d4af37;padding:.2rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:500;line-height:1.2;letter-spacing:.125px;border:1px solid rgba(212,175,55,.3)}.books-container .books-table-container .table-body .audiobook-row .cell .visibility-status{display:flex;flex-direction:column;gap:.25rem;align-items:center}.books-container .books-table-container .table-body .audiobook-row .cell .visibility-status .status-badge{padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid}.books-container .books-table-container .table-body .audiobook-row .cell .visibility-status .status-badge.library{background:#4caf5033;color:#4caf50;border-color:#4caf504d}.books-container .books-table-container .table-body .audiobook-row .cell .visibility-status .status-badge.bookstore{background:#2196f333;color:#2196f3;border-color:#2196f34d}.books-container .books-table-container .table-body .audiobook-row .cell .visibility-status .status-badge.none{background:#9e9e9e26;color:#9e9e9e;border-color:#9e9e9e40}.books-container .books-table-container .table-body .audiobook-row .cell .price{font-weight:600;color:#4caf50;font-size:.9375rem;line-height:1.3;letter-spacing:.125px}.books-container .books-table-container .table-body .audiobook-row .cell .stock{font-weight:600}.books-container .books-table-container .table-body .audiobook-row .cell .stock.low-stock{color:#ff9800}.books-container .books-table-container .table-body .audiobook-row .cell .stock.out-of-stock{color:#f44336}.books-container .action-buttons{display:flex;gap:.5rem}.books-container .action-buttons .edit-button,.books-container .action-buttons .delete-button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.books-container .action-buttons .edit-button svg,.books-container .action-buttons .delete-button svg{font-size:1rem}.books-container .action-buttons .edit-button{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.books-container .action-buttons .edit-button:hover{background:#2196f34d;border-color:#2196f3}.books-container .action-buttons .delete-button{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.books-container .action-buttons .delete-button:hover{background:#f443364d;border-color:#f44336}@media (max-width: 900px){.books-container .books-table-container .table-header .header-row{grid-template-columns:60px 2fr 1.5fr 120px 100px 120px}.books-container .books-table-container .table-header .header-row .header-cell.hide-large{display:none}.books-container .books-table-container .table-body .audiobook-row{grid-template-columns:60px 2fr 1.5fr 120px 100px 120px}.books-container .books-table-container .table-body .audiobook-row .cell.hide-large{display:none}}@media (max-width: 750px){.books-container .books-table-container .table-header .header-row,.books-container .books-table-container .table-body .audiobook-row{grid-template-columns:50px 2fr 1.2fr 100px 90px 110px;gap:.75rem;padding:.875rem}}@media (max-width: 600px){.books-container .books-table-container .table-header .header-row{grid-template-columns:45px 2fr 90px 80px 100px;gap:.5rem;padding:.75rem}.books-container .books-table-container .table-header .header-row .header-cell.hide-small{display:none}.books-container .books-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.25px}.books-container .books-table-container .table-body .audiobook-row{grid-template-columns:45px 2fr 90px 80px 100px;gap:.5rem;padding:.75rem}.books-container .books-table-container .table-body .audiobook-row .cell.hide-small{display:none}.books-container .books-table-container .table-body .audiobook-row .cell{font-size:.8125rem}.books-container .books-table-container .table-body .audiobook-row .cell .serial-number{width:28px;height:28px;font-size:.8rem}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.875rem}}@media (max-width: 500px){.books-container .books-table-container .table-header .header-row{grid-template-columns:40px 2fr 80px 90px;gap:.4rem;padding:.6rem}.books-container .books-table-container .table-header .header-row .header-cell.hide-smaller{display:none}.books-container .books-table-container .table-header .header-row .header-cell{font-size:.6875rem;letter-spacing:.125px}.books-container .books-table-container .table-body .audiobook-row{grid-template-columns:40px 2fr 80px 90px;gap:.4rem;padding:.6rem}.books-container .books-table-container .table-body .audiobook-row .cell.hide-smaller{display:none}.books-container .books-table-container .table-body .audiobook-row .cell{font-size:.75rem}.books-container .books-table-container .table-body .audiobook-row .cell .serial-number{width:24px;height:24px;font-size:.6875rem}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.75rem;line-height:1.4}}@media (max-width: 400px){.books-container{padding:.75rem}.books-container .books-table-container{border-radius:6px;margin:0 -.25rem}.books-container .books-table-container .table-header .header-row{grid-template-columns:35px 2fr 70px 80px;gap:.25rem;padding:.4rem}.books-container .books-table-container .table-header .header-row .header-cell{font-size:.625rem;letter-spacing:0px}.books-container .books-table-container .table-body .audiobook-row{grid-template-columns:35px 2fr 70px 80px;gap:.25rem;padding:.4rem}.books-container .books-table-container .table-body .audiobook-row .cell{font-size:.625rem}.books-container .books-table-container .table-body .audiobook-row .cell .serial-number{width:20px;height:20px;font-size:.625rem}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.625rem;line-height:1.5}.books-container .action-buttons{gap:.2rem}.books-container .action-buttons .edit-button,.books-container .action-buttons .delete-button{padding:.2rem}.books-container .action-buttons .edit-button svg,.books-container .action-buttons .delete-button svg{font-size:.75rem}}@media (max-width: 1024px){.books-container{padding:1.5rem}.books-container .section-header .section-title{font-size:2.25rem}.books-container .section-header .section-subtitle{font-size:1rem}.books-container .section-header .header-controls{gap:.75rem}.books-container .section-header .filter-toggle-btn,.books-container .section-header .create-button{font-size:.875rem;padding:.625rem 1.25rem}.books-container .section-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.books-container .books-table-container .table-header .header-row{gap:.5rem;padding:.75rem}.books-container .books-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.5px}.books-container .books-table-container .table-body .audiobook-row{gap:.5rem;padding:.75rem}.books-container .books-table-container .table-body .audiobook-row .cell{font-size:.8125rem}.books-container .books-table-container .table-body .audiobook-row .cell .serial-number{width:28px;height:28px;font-size:.8rem}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.875rem}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-author{font-size:.75rem}.books-container .books-table-container .table-body .audiobook-row .cell .price{font-size:.875rem}.books-container .action-buttons .edit-button,.books-container .action-buttons .delete-button{padding:.4rem}}@media (max-width: 768px){.books-container{padding:1rem;background-attachment:scroll}.books-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.books-container .section-header .section-title{font-size:2rem}.books-container .section-header .section-subtitle{font-size:.9375rem;line-height:1.6}.books-container .section-header .header-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.books-container .section-header .filter-toggle-btn,.books-container .section-header .create-button{font-size:.875rem;padding:.625rem 1.25rem}.books-container .section-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.books-container .enhanced-filter-section .filter-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.5rem}.books-container .enhanced-filter-section .filter-header .filter-controls-left{justify-content:flex-start}.books-container .enhanced-filter-section .filter-panel .filter-grid{grid-template-columns:1fr;gap:1rem}.books-container .empty-state .empty-icon{font-size:3.5rem}.books-container .empty-state .empty-title{font-size:1.3125rem}.books-container .empty-state .empty-description{font-size:.9375rem}.books-container .books-table-container{border-radius:8px;margin:0 -.5rem}.books-container .books-table-container .table-header .header-row{justify-content:space-between}.books-container .books-table-container .table-header .header-row .header-cell{font-size:.6875rem;letter-spacing:.25px}.books-container .books-table-container .table-body .audiobook-row{justify-content:space-between}.books-container .books-table-container .table-body .audiobook-row .cell{font-size:.75rem;line-height:1.5}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.8125rem;line-height:1.4}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-author{font-size:.6875rem;line-height:1.5}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{font-size:.625rem;padding:.15rem .375rem}.books-container .books-table-container .table-body .audiobook-row .cell .price{font-size:.8125rem}}@media (max-width: 600px){.books-container .books-table-container .table-header .header-row,.books-container .books-table-container .table-body .audiobook-row{gap:.5rem;padding:.75rem;justify-content:space-between}}@media (max-width: 500px){.books-container .enhanced-filter-section .filter-header .filter-toggle-btn{font-size:.75rem;padding:.625rem 1.25rem}.books-container .enhanced-filter-section .filter-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.books-container .enhanced-filter-section .filter-header .active-filters .filter-chip{font-size:.6875rem;padding:.3rem .625rem}.books-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-label{font-size:.75rem}.books-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger,.books-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{font-size:.75rem;padding:.75rem .875rem}.books-container .books-table-container .table-header .header-row{padding:.4rem;gap:.4rem}.books-container .books-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.125px}.books-container .books-table-container .table-body .audiobook-row{padding:.4rem;gap:.4rem}.books-container .books-table-container .table-body .audiobook-row .cell{font-size:.75rem}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.6875rem;line-height:1.5}}@media (max-width: 480px){.books-container{padding:.75rem}.books-container .section-header{margin-bottom:1rem}.books-container .section-header .section-title{font-size:1.0625rem}.books-container .section-header .section-subtitle{font-size:.75rem;margin:.25rem 0 0}.books-container .section-header .header-controls{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:nowrap}.books-container .section-header .filter-toggle-btn,.books-container .section-header .create-button{font-size:.75rem;padding:.5rem 1rem;gap:.375rem;flex:0 0 auto}.books-container .section-header .clear-filters-btn{font-size:.6875rem;padding:.375rem .75rem;order:1}.books-container .section-header .filter-toggle-btn{order:0}.books-container .section-header .create-button{order:2}.books-container .enhanced-filter-section{margin-bottom:1rem}.books-container .enhanced-filter-section .filter-header .filter-toggle-btn{font-size:.6875rem;padding:.5rem 1rem}.books-container .enhanced-filter-section .filter-header .clear-filters-btn{font-size:.6875rem;padding:.375rem .75rem}.books-container .empty-state .empty-icon{font-size:3rem}.books-container .empty-state .empty-title{font-size:1.0625rem;line-height:1.4}.books-container .empty-state .empty-description{font-size:.75rem;line-height:1.6}.books-container .books-table-container{border-radius:6px;margin:0 -.25rem}.books-container .books-table-container .table-header .header-row{padding:.3rem;gap:.25rem}.books-container .books-table-container .table-header .header-row .header-cell{font-size:.625rem;letter-spacing:.125px}.books-container .books-table-container .table-body .audiobook-row{padding:.3rem;gap:.25rem}.books-container .books-table-container .table-body .audiobook-row .cell{font-size:.625rem}.books-container .books-table-container .table-body .audiobook-row .cell .serial-number{width:24px;height:24px;font-size:.75rem}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.6875rem;line-height:1.5}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-author{font-size:.5625rem}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{font-size:.5rem;padding:.125rem .3125rem}.books-container .books-table-container .table-body .audiobook-row .cell .price{font-size:.6875rem}.books-container .action-buttons{gap:.25rem}.books-container .action-buttons .edit-button,.books-container .action-buttons .delete-button{padding:.3rem}.books-container .action-buttons .edit-button svg,.books-container .action-buttons .delete-button svg{font-size:.875rem}}@media (max-width: 400px){.books-container .books-table-container .table-body .audiobook-row .cell .serial-number{width:20px;height:20px;font-size:.6875rem}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.6875rem}}@media (max-width: 360px){.books-container .enhanced-filter-section .filter-header .filter-toggle-btn .filter-icon{font-size:14px}.books-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger,.books-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{font-size:.625rem;padding:.625rem .75rem}.books-container .books-table-container .table-header .header-row{gap:.2rem;padding:.25rem}.books-container .books-table-container .table-header .header-row .header-cell{overflow:hidden;font-size:.625rem;letter-spacing:0px}.books-container .books-table-container .table-body .audiobook-row{gap:.2rem;padding:.25rem}.books-container .books-table-container .table-body .audiobook-row .cell{overflow:hidden;font-size:.625rem}.books-container .books-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.books-container .books-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:9px;margin-right:5px}.books-container .action-buttons .edit-button,.books-container .action-buttons .delete-button{padding:.2rem}.books-container .action-buttons .edit-button svg,.books-container .action-buttons .delete-button svg{font-size:.75rem}}.book-form-container{padding:2rem;min-height:100vh;position:relative;box-sizing:border-box;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4af37 rgba(255,255,255,.1)}.book-form-container *,.book-form-container *:before,.book-form-container *:after{box-sizing:border-box}.book-form-container::-webkit-scrollbar{width:12px}.book-form-container::-webkit-scrollbar-track{background:#0003;border-radius:6px}.book-form-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#c8a02b);border-radius:6px;border:2px solid rgba(0,0,0,.2);transition:background .2s ease}.book-form-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c8a02b,#d4af37)}.book-form-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.book-form-container>*{position:relative;z-index:2}.book-form-container .form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.book-form-container .form-header .back-button{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.book-form-container .form-header .back-button:hover{background:#d4af3733;border-color:#d4af3780}.book-form-container .form-header .back-button svg{font-size:1.2rem}.book-form-container .form-header .header-content{display:flex;align-items:center;gap:1rem}.book-form-container .form-header .header-content .header-icon{font-size:2.5rem;color:#d4af37}.book-form-container .form-header .header-content .form-title{font-family:var(--font-heading);font-size:2rem;font-weight:400;color:#d4af37;margin:0;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.book-form-container .form-header .header-content .form-subtitle{font-size:1rem;color:#ffffffb3;margin:.25rem 0 0;font-weight:300}.book-form-container .loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;gap:1rem}.book-form-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.book-form-container .loading-container p{color:#ffffffb3;font-size:1rem}.book-form-container .book-form{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;box-shadow:0 8px 32px #0000004d}.book-form-container .book-form .form-main-container{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;overflow:visible!important}@media (min-width: 768px){.book-form-container .book-form .form-main-container{grid-template-columns:300px 1fr;gap:3rem;align-items:start}}.book-form-container .book-form .cover-section .section-title{font-size:1.25rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;text-align:center;letter-spacing:1px}.book-form-container .book-form .cover-section .cover-upload-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:260px;height:360px;border:2px dashed rgba(212,175,55,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff05;transition:all .3s ease}@media (min-width: 768px){.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:280px;height:400px}}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview:hover{border-color:#d4af3780;background:#ffffff0d}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview.error{border-color:#f4433699;background:#f4433614}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview.error:hover{border-color:#f44336cc;background:#f443361f}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview.error .cover-placeholder{color:#f44336cc}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview.error .cover-placeholder .placeholder-icon{color:#f44336b3}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview .cover-image-preview{width:100%;height:100%;object-fit:cover;border-radius:6px;box-shadow:0 4px 12px #0000004d}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview .cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffff80}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview .cover-placeholder .placeholder-icon{font-size:3rem;color:#d4af3780}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview .cover-placeholder span{font-size:.875rem;text-align:center}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .error-message{display:block;color:#f44336;font-size:.75rem;margin-top:-1.1rem;margin-bottom:-.4rem;text-align:left;width:280px}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.875rem}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .cover-file-input{display:none}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn{padding:.5rem 1rem;background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn:hover{background:#f443364d;border-color:#f4433680}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .current-cover-info{font-size:.75rem;color:#fff9;text-align:center;font-style:italic}.book-form-container .book-form .form-fields-section{overflow:visible!important;width:100%;max-width:100%;box-sizing:border-box}.book-form-container .book-form .form-fields-section .section-title{font-size:1.5rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.3)}.book-form-container .book-form .form-fields-section .form-group{margin-bottom:1.5rem;overflow:visible!important;width:100%;max-width:100%;box-sizing:border-box}.book-form-container .book-form .form-fields-section .form-group label{display:block;font-weight:600;color:#fff;margin-bottom:.5rem;font-size:.875rem}.book-form-container .book-form .form-fields-section .form-group input,.book-form-container .book-form .form-fields-section .form-group textarea,.book-form-container .book-form .form-fields-section .form-group select{width:100%;max-width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.book-form-container .book-form .form-fields-section .form-group input::placeholder,.book-form-container .book-form .form-fields-section .form-group textarea::placeholder,.book-form-container .book-form .form-fields-section .form-group select::placeholder{color:#ffffff80}.book-form-container .book-form .form-fields-section .form-group input:focus,.book-form-container .book-form .form-fields-section .form-group textarea:focus,.book-form-container .book-form .form-fields-section .form-group select:focus{outline:none;border-color:#d4af37;background:#ffffff14;box-shadow:0 0 0 2px #d4af3733}.book-form-container .book-form .form-fields-section .form-group input.error,.book-form-container .book-form .form-fields-section .form-group textarea.error,.book-form-container .book-form .form-fields-section .form-group select.error{border-color:#f44336;background:#f443361a}.book-form-container .book-form .form-fields-section .form-group textarea{resize:vertical;min-height:100px}.book-form-container .book-form .form-fields-section .form-group select[multiple]{min-height:120px;overflow-y:auto}.book-form-container .book-form .form-fields-section .form-group select[multiple] option{background:#191c20;color:#fff;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.book-form-container .book-form .form-fields-section .form-group select[multiple] option:checked{background:linear-gradient(135deg,#d4af374d,#d4af3733);color:#d4af37;font-weight:600}.book-form-container .book-form .form-fields-section .form-group select[multiple] option:hover{background:#d4af371a;color:#d4af37}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-input{padding:.5rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);cursor:pointer}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-input::-webkit-file-upload-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;margin-right:1rem}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .pdf-name{flex:1;color:#d4af37;font-weight:600;font-size:.875rem}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .pdf-size{color:#ffffffb3;font-size:.75rem}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .remove-pdf-btn{padding:.25rem .5rem;background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s ease}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .remove-pdf-btn:hover{background:#f443364d;border-color:#f4433680}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .current-pdf-status{margin-top:.5rem;padding:.75rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;color:#4caf50;font-size:.875rem;font-weight:600}.book-form-container .book-form .form-fields-section .form-group .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.book-form-container .book-form .form-fields-section .form-group .form-row{grid-template-columns:1fr}}.book-form-container .book-form .form-fields-section .form-group .error-message{display:block;color:#f44336;font-size:.75rem;margin-top:.25rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container{overflow:visible!important}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown{position:relative;margin-bottom:1rem;overflow:visible!important}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger:hover{border-color:#d4af3766;box-shadow:0 4px 12px #d4af3726,inset 0 1px #ffffff26}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#ffffffb3}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:9999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem;padding:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#d4af3733,#d4af3726);border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:.75rem;font-weight:600;transition:all .2s ease}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af3780;transform:translateY(-1px)}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item span{white-space:nowrap}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#f4433633;border:1px solid rgba(244,67,54,.3);border-radius:50%;color:#f44336;font-size:.625rem;font-weight:700;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn:hover{background:#f4433666;border-color:#f4433699;transform:scale(1.1)}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items:empty:after{content:"No items selected";color:#fff6;font-size:.75rem;font-style:italic;padding:.25rem}.book-form-container .book-form .form-fields-section .form-group .checkbox-container{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.book-form-container .book-form .form-fields-section .form-group .checkbox-container:hover{background:#ffffff0d;border-color:#d4af3733}.book-form-container .book-form .form-fields-section .form-group .checkbox-container .bookstore-checkbox{width:18px;height:18px;accent-color:#d4af37;cursor:pointer;transition:transform .2s ease}.book-form-container .book-form .form-fields-section .form-group .checkbox-container .bookstore-checkbox:hover{transform:scale(1.1)}.book-form-container .book-form .form-fields-section .form-group .checkbox-container .checkbox-label{color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;margin:0;transition:color .2s ease}.book-form-container .book-form .form-fields-section .form-group .checkbox-container .checkbox-label:hover{color:#d4af37}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-hint{display:block;color:#fff9;font-size:.75rem;margin-top:.5rem;font-style:italic;line-height:1.4}.book-form-container .book-form .form-fields-section .form-group .price-field-container{max-width:100%!important;width:100%!important;overflow:hidden;box-sizing:border-box!important}.book-form-container .book-form .form-fields-section .form-group .price-field-container input[type=number]{max-width:100%!important;width:100%!important;box-sizing:border-box!important;margin:0;padding:.75rem 1rem}.book-form-container .book-form .form-actions{display:flex;justify-content:center;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 768px){.book-form-container .book-form .form-actions{justify-content:flex-end}}.book-form-container .book-form .form-actions button{padding:.75rem 2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;min-width:120px}@media (max-width: 480px){.book-form-container .book-form .form-actions button{flex:1;max-width:150px}}.book-form-container .book-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.book-form-container .book-form .form-actions .cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.book-form-container .book-form .form-actions .cancel-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.book-form-container .book-form .form-actions .delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.book-form-container .book-form .form-actions .delete-button:hover:not(:disabled){background:#f4433633;border-color:#f4433680;box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.book-form-container .book-form .form-actions .delete-button svg{font-size:1rem}.book-form-container .book-form .form-actions .submit-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;box-shadow:0 4px 12px #d4af374d}.book-form-container .book-form .form-actions .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}@media (max-width: 1024px){.book-form-container{padding:1.5rem}.book-form-container .form-header{margin-bottom:1.5rem}.book-form-container .form-header .header-content .header-icon{font-size:2rem}.book-form-container .form-header .header-content .form-title{font-size:1.75rem}.book-form-container .form-header .header-content .form-subtitle{font-size:.9375rem}.book-form-container .book-form{padding:1.5rem}.book-form-container .book-form .form-main-container{gap:2rem}}@media (max-width: 1024px) and (min-width: 768px){.book-form-container .book-form .form-main-container{grid-template-columns:250px 1fr;gap:2rem}}@media (max-width: 1024px){.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:220px;height:320px}}@media (max-width: 1024px) and (min-width: 768px){.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:240px;height:340px}}@media (max-width: 768px){.book-form-container{padding:1rem;background-attachment:scroll}.book-form-container .form-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.book-form-container .form-header .back-button{align-self:flex-start;padding:.625rem}.book-form-container .form-header .back-button svg{font-size:1rem}.book-form-container .form-header .header-content{width:100%}.book-form-container .form-header .header-content .header-icon{font-size:1.75rem}.book-form-container .form-header .header-content .form-title{font-size:1.5rem}.book-form-container .form-header .header-content .form-subtitle{font-size:.875rem}.book-form-container .book-form{padding:1.25rem}.book-form-container .book-form .form-main-container{grid-template-columns:1fr;gap:1.5rem}.book-form-container .book-form .cover-section{text-align:center}.book-form-container .book-form .cover-section .section-title{font-size:1.125rem;margin-bottom:1rem}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:200px;height:280px;margin:0 auto}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls{gap:.75rem}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.625rem 1.25rem;font-size:.8125rem}.book-form-container .book-form .form-fields-section .section-title{font-size:1.25rem;margin-bottom:1.25rem}.book-form-container .book-form .form-fields-section .form-group{margin-bottom:1.25rem}.book-form-container .book-form .form-fields-section .form-group .form-row{gap:.75rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.625rem .875rem;font-size:.8125rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.75rem .875rem;font-size:.8125rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{padding:.3125rem .625rem;font-size:.6875rem}.book-form-container .book-form .form-actions{flex-direction:column;gap:.75rem;justify-content:stretch}.book-form-container .book-form .form-actions button{width:100%;max-width:none;padding:.875rem 1.5rem;font-size:.9375rem}}@media (max-width: 600px){.book-form-container{padding:.75rem}.book-form-container .book-form{padding:1rem;border-radius:8px}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:180px;height:250px}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.5rem 1rem;font-size:.75rem}.book-form-container .book-form .form-fields-section .form-group{margin-bottom:1rem}.book-form-container .book-form .form-fields-section .form-group label{font-size:.8125rem;margin-bottom:.375rem}.book-form-container .book-form .form-fields-section .form-group input,.book-form-container .book-form .form-fields-section .form-group textarea,.book-form-container .book-form .form-fields-section .form-group select{padding:.625rem;font-size:.8125rem;box-sizing:border-box;max-width:100%}.book-form-container .book-form .form-fields-section .form-group .form-row{grid-template-columns:1fr;gap:.5rem}.book-form-container .book-form .form-actions{padding-top:1rem}.book-form-container .book-form .form-actions button{padding:.75rem 1.25rem;font-size:.875rem}}@media (max-width: 480px){.book-form-container{padding:.5rem}.book-form-container .form-header{margin-bottom:1rem}.book-form-container .form-header .header-content .header-icon{font-size:1.5rem}.book-form-container .form-header .header-content .form-title{font-size:1.25rem;letter-spacing:.5px}.book-form-container .form-header .header-content .form-subtitle{font-size:.8125rem;margin-top:.125rem}.book-form-container .book-form{padding:.875rem}.book-form-container .book-form .cover-section .section-title{font-size:1rem;margin-bottom:.875rem}.book-form-container .book-form .cover-section .cover-upload-container{gap:1rem}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:160px;height:220px}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls{gap:.5rem}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.5rem .875rem;font-size:.6875rem}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn,.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .current-cover-info{font-size:.6875rem}.book-form-container .book-form .form-fields-section .section-title{font-size:1.125rem;margin-bottom:1rem}.book-form-container .book-form .form-fields-section .form-group{margin-bottom:.875rem}.book-form-container .book-form .form-fields-section .form-group label{font-size:.75rem;margin-bottom:.3125rem}.book-form-container .book-form .form-fields-section .form-group input,.book-form-container .book-form .form-fields-section .form-group textarea,.book-form-container .book-form .form-fields-section .form-group select{padding:.5rem;font-size:.75rem;box-sizing:border-box;max-width:100%}.book-form-container .book-form .form-fields-section .form-group textarea{min-height:80px}.book-form-container .book-form .form-fields-section .form-group .checkbox-container{padding:.5rem}.book-form-container .book-form .form-fields-section .form-group .checkbox-container .checkbox-label{font-size:.75rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown{margin-bottom:.75rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.5rem .75rem;font-size:.75rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.625rem .75rem;font-size:.75rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items{padding:.375rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{padding:.25rem .5rem;font-size:.625rem;gap:.375rem}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn{width:14px;height:14px;font-size:.5625rem}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-input{padding:.375rem;font-size:.75rem}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info{padding:.5rem;gap:.5rem}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .pdf-name{font-size:.75rem}.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .pdf-size,.book-form-container .book-form .form-fields-section .form-group .pdf-upload-field .pdf-upload-hint{font-size:.6875rem}.book-form-container .book-form .form-actions button{padding:.625rem 1rem;font-size:.8125rem;min-width:100px}.book-form-container .book-form .form-actions .delete-button svg{font-size:.875rem}}@media (max-width: 400px){.book-form-container{padding:.375rem}.book-form-container .form-header .back-button{padding:.5rem}.book-form-container .form-header .back-button svg{font-size:.875rem}.book-form-container .form-header .header-content .header-icon{font-size:1.25rem}.book-form-container .form-header .header-content .form-title{font-size:1.125rem;line-height:1.3}.book-form-container .form-header .header-content .form-subtitle{font-size:.75rem}.book-form-container .book-form{padding:.75rem;border-radius:6px}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:140px;height:200px}.book-form-container .book-form .form-fields-section .section-title{font-size:1rem}.book-form-container .book-form .form-fields-section .form-group{margin-bottom:.75rem}.book-form-container .book-form .form-fields-section .form-group input,.book-form-container .book-form .form-fields-section .form-group textarea,.book-form-container .book-form .form-fields-section .form-group select{padding:.4375rem;font-size:.6875rem;box-sizing:border-box;max-width:100%}.book-form-container .book-form .form-actions button{padding:.5rem .875rem;font-size:.75rem}}@media (max-width: 360px){.book-form-container{padding:.25rem}.book-form-container .book-form{padding:.625rem}.book-form-container .book-form .cover-section .section-title{font-size:.9375rem}.book-form-container .book-form .cover-section .cover-upload-container .cover-preview{width:120px;height:170px}.book-form-container .book-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.4375rem .75rem;font-size:.625rem}.book-form-container .book-form .form-fields-section .section-title{font-size:.9375rem}.book-form-container .book-form .form-fields-section .form-group{margin-bottom:.625rem}.book-form-container .book-form .form-fields-section .form-group label{font-size:.6875rem}.book-form-container .book-form .form-fields-section .form-group input,.book-form-container .book-form .form-fields-section .form-group textarea,.book-form-container .book-form .form-fields-section .form-group select{padding:.375rem;font-size:.625rem;box-sizing:border-box;max-width:100%}.book-form-container .book-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.4375rem .625rem;font-size:.6875rem}.book-form-container .book-form .form-actions button{padding:.4375rem .75rem;font-size:.6875rem}}.magazines-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.magazines-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.magazines-container>*{position:relative;z-index:2}.magazines-container .section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.magazines-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.magazines-container .section-header .section-subtitle{font-size:1.1rem;color:#ffffffb3;margin:.2rem 0 0;font-weight:300}.magazines-container .section-header .header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.magazines-container .section-header .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.magazines-container .section-header .filter-toggle-btn:hover{border-color:#d4af3780;background:linear-gradient(135deg,#d4af3726,#d4af371a)}.magazines-container .section-header .filter-toggle-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af3726);border-color:#d4af3799}.magazines-container .section-header .filter-toggle-btn .filter-icon{font-size:1rem}.magazines-container .section-header .filter-toggle-btn .arrow{font-size:.75rem;transition:transform .3s ease}.magazines-container .section-header .filter-toggle-btn .arrow.up{transform:rotate(180deg)}.magazines-container .section-header .clear-filters-btn{padding:.5rem 1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.magazines-container .section-header .clear-filters-btn:hover{background:#f4433633;border-color:#f4433680}.magazines-container .section-header .create-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d}.magazines-container .section-header .create-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.magazines-container .section-header .create-button svg{font-size:1.2rem}.magazines-container .filter-section{margin-bottom:2rem;display:flex;gap:1rem;align-items:flex-start;justify-content:flex-start}.magazines-container .filter-section .filter-control{display:flex;flex-direction:column;gap:.5rem;min-width:250px;max-width:300px;overflow:visible!important}.magazines-container .filter-section .filter-control .filter-label{font-size:.875rem;font-weight:600;color:#d4af37;margin-bottom:.25rem;letter-spacing:.5px}.magazines-container .filter-section .filter-control .custom-dropdown{position:relative;overflow:visible!important}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-trigger:hover{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-color:#d4af3766;box-shadow:0 4px 12px #d4af3726,inset 0 1px #ffffff26}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#fff;font-weight:500}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.magazines-container .filter-section .filter-control .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.magazines-container .loading-container{display:flex;justify-content:center;align-items:center;height:300px}.magazines-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.magazines-container .empty-state{text-align:center;padding:4rem 2rem;color:#ffffffb3}.magazines-container .empty-state .empty-icon{font-size:4rem;color:#d4af3780;margin-bottom:1rem}.magazines-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.magazines-container .empty-state .empty-description{font-size:1rem;color:#fff9}.magazines-container .magazines-table-container{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.magazines-container .magazines-table-container .table-header{background:#d4af371a;border-bottom:1px solid rgba(212,175,55,.2)}.magazines-container .magazines-table-container .table-header .header-row{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 120px;gap:1rem;padding:1rem;justify-content:space-between}.magazines-container .magazines-table-container .table-header .header-row .header-cell{font-weight:600;color:#d4af37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.magazines-container .magazines-table-container .table-header .header-row .header-cell.center{text-align:center}.magazines-container .magazines-table-container .table-header .header-row .header-cell.sortable{cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.magazines-container .magazines-table-container .table-header .header-row .header-cell.sortable:hover{color:#fff}.magazines-container .magazines-table-container .table-body .magazine-row{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 120px;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;justify-content:space-between}.magazines-container .magazines-table-container .table-body .magazine-row:hover{background:#d4af370d;border-bottom-color:#d4af374d}.magazines-container .magazines-table-container .table-body .magazine-row:last-child{border-bottom:none}.magazines-container .magazines-table-container .table-body .magazine-row .cell{display:flex;align-items:center;color:#fff;font-size:.875rem;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell.center{justify-content:center}.magazines-container .magazines-table-container .table-body .magazine-row .cell .serial-number{font-weight:600;color:#d4af37;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:50%;border:1px solid rgba(212,175,55,.3)}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-cover{width:40px;height:50px;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:1.2rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-weight:600;color:#fff;font-size:.9375rem;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-author{color:#fffc;font-size:.8125rem;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-categories{display:flex;flex-wrap:wrap;gap:.25rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-categories .category-chip{background:#d4af3733;color:#d4af37;padding:.2rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:500;line-height:1.2;letter-spacing:.125px;border:1px solid rgba(212,175,55,.3)}.magazines-container .magazines-table-container .table-body .magazine-row .cell .visibility-status{display:flex;flex-direction:column;gap:.25rem;align-items:center}.magazines-container .magazines-table-container .table-body .magazine-row .cell .visibility-status .status-badge{padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid}.magazines-container .magazines-table-container .table-body .magazine-row .cell .visibility-status .status-badge.library{background:#4caf5033;color:#4caf50;border-color:#4caf504d}.magazines-container .magazines-table-container .table-body .magazine-row .cell .visibility-status .status-badge.magazinestore{background:#2196f333;color:#2196f3;border-color:#2196f34d}.magazines-container .magazines-table-container .table-body .magazine-row .cell .price{font-weight:600;color:#4caf50;font-size:.9375rem;line-height:1.3;letter-spacing:.125px}.magazines-container .magazines-table-container .table-body .magazine-row .cell .stock{font-weight:600}.magazines-container .magazines-table-container .table-body .magazine-row .cell .stock.low-stock{color:#ff9800}.magazines-container .magazines-table-container .table-body .magazine-row .cell .stock.out-of-stock{color:#f44336}.magazines-container .action-buttons{display:flex;gap:.5rem}.magazines-container .action-buttons .edit-button,.magazines-container .action-buttons .delete-button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.magazines-container .action-buttons .edit-button svg,.magazines-container .action-buttons .delete-button svg{font-size:1rem}.magazines-container .action-buttons .edit-button{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.magazines-container .action-buttons .edit-button:hover{background:#2196f34d;border-color:#2196f3}.magazines-container .action-buttons .delete-button{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.magazines-container .action-buttons .delete-button:hover{background:#f443364d;border-color:#f44336}.enhanced-filter-section .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.enhanced-filter-section .filter-header .filter-controls-left{display:flex;align-items:center;gap:1rem}.enhanced-filter-section .filter-header .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.enhanced-filter-section .filter-header .filter-toggle-btn:hover{border-color:#d4af3780;background:linear-gradient(135deg,#d4af3726,#d4af371a)}.enhanced-filter-section .filter-header .filter-toggle-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af3726);border-color:#d4af3799}.enhanced-filter-section .filter-header .filter-toggle-btn .filter-icon{font-size:1rem}.enhanced-filter-section .filter-header .filter-toggle-btn .arrow{font-size:.75rem;transition:transform .3s ease}.enhanced-filter-section .filter-header .filter-toggle-btn .arrow.up{transform:rotate(180deg)}.enhanced-filter-section .filter-header .clear-filters-btn{padding:.5rem 1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.enhanced-filter-section .filter-header .clear-filters-btn:hover{background:#f4433633;border-color:#f4433680}.enhanced-filter-section .filter-header .active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.enhanced-filter-section .filter-header .active-filters .filter-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:.75rem;font-weight:600}.enhanced-filter-section .filter-header .active-filters .filter-chip button{background:none;border:none;color:inherit;cursor:pointer;font-weight:700;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.enhanced-filter-section .filter-header .active-filters .filter-chip button:hover{background:#f4433633;color:#f44336}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown{max-width:15rem;position:relative;overflow:visible!important}@media (max-width: 900px){.magazines-container .magazines-table-container .table-header .header-row{grid-template-columns:60px 1.5fr 1fr 1fr 100px}.magazines-container .magazines-table-container .table-header .header-row .header-cell.hide-large{display:none}.magazines-container .magazines-table-container .table-body .magazine-row{grid-template-columns:60px 1.5fr 1fr 1fr 100px}.magazines-container .magazines-table-container .table-body .magazine-row .cell.hide-large{display:none}}@media (max-width: 750px){.magazines-container .magazines-table-container .table-header .header-row,.magazines-container .magazines-table-container .table-body .magazine-row{grid-template-columns:60px 1.5fr 1fr 1fr 100px;gap:.75rem;padding:.875rem}}@media (max-width: 600px){.magazines-container .magazines-table-container .table-header .header-row{grid-template-columns:60px 1fr 1fr 1fr 100px;gap:.5rem;padding:.75rem}.magazines-container .magazines-table-container .table-header .header-row .header-cell.hide-small{display:none}.magazines-container .magazines-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.25px}.magazines-container .magazines-table-container .table-body .magazine-row{grid-template-columns:60px 1fr 1fr 1fr 100px;gap:.5rem;padding:.75rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell.hide-small{display:none}.magazines-container .magazines-table-container .table-body .magazine-row .cell{font-size:.8125rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .serial-number{width:28px;height:28px;font-size:.8rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:.875rem}}@media (max-width: 500px){.magazines-container .magazines-table-container .table-header .header-row{grid-template-columns:35px 1fr 1fr 1.2fr 80px;gap:.4rem;padding:.6rem}.magazines-container .magazines-table-container .table-header .header-row .header-cell.hide-smaller{display:none}.magazines-container .magazines-table-container .table-header .header-row .header-cell{font-size:.6875rem;letter-spacing:.125px}.magazines-container .magazines-table-container .table-body .magazine-row{grid-template-columns:35px 1fr 1fr 1.2fr 80px;gap:.4rem;padding:.6rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell.hide-smaller{display:none}.magazines-container .magazines-table-container .table-body .magazine-row .cell{font-size:.75rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .serial-number{width:24px;height:24px;font-size:.6875rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:.75rem;line-height:1.4}}@media (max-width: 401px){.magazines-container{padding:.75rem}.magazines-container .magazines-table-container{border-radius:6px;margin:0 -.25rem}.magazines-container .magazines-table-container .table-header .header-row{grid-template-columns:35px 1fr 1fr 80px;padding:.4rem}.magazines-container .magazines-table-container .table-header .header-row .header-cell{font-size:.625rem;letter-spacing:0px}.magazines-container .magazines-table-container .table-header .header-row .header-cell.hide-xxs{display:none}.magazines-container .magazines-table-container .table-body .magazine-row{grid-template-columns:35px 1fr 1fr 80px;padding:.4rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell{font-size:.625rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell.hide-xxs{display:none}.magazines-container .magazines-table-container .table-body .magazine-row .cell .serial-number{width:20px;height:20px;font-size:.625rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:.625rem;line-height:1.5}.magazines-container .action-buttons{gap:.2rem}.magazines-container .action-buttons .edit-button,.magazines-container .action-buttons .delete-button{padding:.2rem}.magazines-container .action-buttons .edit-button svg,.magazines-container .action-buttons .delete-button svg{font-size:.75rem}}@media (max-width: 1024px){.magazines-container{padding:1.5rem}.magazines-container .section-header .section-title{font-size:2.25rem}.magazines-container .section-header .section-subtitle{font-size:1rem}.magazines-container .section-header .header-controls{gap:.75rem}.magazines-container .section-header .filter-toggle-btn,.magazines-container .section-header .create-button{font-size:.875rem;padding:.625rem 1.25rem}.magazines-container .section-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.magazines-container .magazines-table-container .table-header .header-row{gap:.5rem;padding:.75rem}.magazines-container .magazines-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.5px}.magazines-container .magazines-table-container .table-body .magazine-row{gap:.5rem;padding:.75rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell{font-size:.8125rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .serial-number{width:28px;height:28px;font-size:.8rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:.875rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-author{font-size:.75rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .price{font-size:.875rem}.magazines-container .action-buttons .edit-button,.magazines-container .action-buttons .delete-button{padding:.4rem}}@media (max-width: 768px){.magazines-container{padding:1rem;background-attachment:scroll}.magazines-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.magazines-container .section-header .section-title{font-size:2rem}.magazines-container .section-header .section-subtitle{font-size:.9375rem;line-height:1.6}.magazines-container .section-header .header-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.magazines-container .section-header .filter-toggle-btn,.magazines-container .section-header .create-button{font-size:.875rem;padding:.625rem 1.25rem}.magazines-container .section-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.magazines-container .enhanced-filter-section .filter-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.5rem}.magazines-container .enhanced-filter-section .filter-header .filter-controls-left{justify-content:flex-start}.magazines-container .enhanced-filter-section .filter-panel .filter-grid{grid-template-columns:1fr;gap:1rem}.magazines-container .empty-state .empty-icon{font-size:3.5rem}.magazines-container .empty-state .empty-title{font-size:1.3125rem}.magazines-container .empty-state .empty-description{font-size:.9375rem}.magazines-container .magazines-table-container{border-radius:8px;margin:0 -.5rem}.magazines-container .magazines-table-container .table-header .header-row{justify-content:space-between}.magazines-container .magazines-table-container .table-header .header-row .header-cell{font-size:.6875rem;letter-spacing:.25px}.magazines-container .magazines-table-container .table-body .magazine-row{justify-content:space-between}.magazines-container .magazines-table-container .table-body .magazine-row .cell{font-size:.75rem;line-height:1.5}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:.8125rem;line-height:1.4}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-author{font-size:.6875rem;line-height:1.5}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-categories .category-chip{font-size:.625rem;padding:.15rem .375rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .price{font-size:.8125rem}}@media (max-width: 600px){.magazines-container .magazines-table-container .table-header .header-row,.magazines-container .magazines-table-container .table-body .magazine-row{gap:.5rem;padding:.75rem;justify-content:space-between}}@media (max-width: 500px){.magazines-container .enhanced-filter-section .filter-header .filter-toggle-btn{font-size:.75rem;padding:.625rem 1.25rem}.magazines-container .enhanced-filter-section .filter-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.magazines-container .enhanced-filter-section .filter-header .active-filters .filter-chip{font-size:.6875rem;padding:.3rem .625rem}.magazines-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-label{font-size:.75rem}.magazines-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger,.magazines-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{font-size:.75rem;padding:.75rem .875rem}.magazines-container .magazines-table-container .table-header .header-row{padding:.4rem;gap:.4rem}.magazines-container .magazines-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.125px}.magazines-container .magazines-table-container .table-body .magazine-row{padding:.4rem;gap:.4rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell{font-size:.75rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:.6875rem;line-height:1.5}}@media (max-width: 480px){.magazines-container{padding:.75rem}.magazines-container .section-header{margin-bottom:1rem}.magazines-container .section-header .section-title{font-size:1.0625rem}.magazines-container .section-header .section-subtitle{font-size:.75rem;margin:.25rem 0 0}.magazines-container .section-header .header-controls{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:nowrap}.magazines-container .section-header .filter-toggle-btn,.magazines-container .section-header .create-button{font-size:.75rem;padding:.5rem 1rem;gap:.375rem;flex:0 0 auto}.magazines-container .section-header .clear-filters-btn{font-size:.6875rem;padding:.375rem .75rem;order:1}.magazines-container .section-header .filter-toggle-btn{order:0}.magazines-container .section-header .create-button{order:2}.magazines-container .enhanced-filter-section{margin-bottom:1rem}.magazines-container .enhanced-filter-section .filter-header .filter-toggle-btn{font-size:.6875rem;padding:.5rem 1rem}.magazines-container .enhanced-filter-section .filter-header .clear-filters-btn{font-size:.6875rem;padding:.375rem .75rem}.magazines-container .empty-state .empty-icon{font-size:3rem}.magazines-container .empty-state .empty-title{font-size:1.0625rem;line-height:1.4}.magazines-container .empty-state .empty-description{font-size:.75rem;line-height:1.6}.magazines-container .magazines-table-container{border-radius:6px;margin:0 -.25rem}.magazines-container .magazines-table-container .table-header .header-row{padding:.3rem;gap:.25rem}.magazines-container .magazines-table-container .table-header .header-row .header-cell{font-size:.625rem;letter-spacing:.125px}.magazines-container .magazines-table-container .table-body .magazine-row{padding:.3rem;gap:.25rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell{font-size:.625rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .serial-number{width:24px;height:24px;font-size:.75rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:.6875rem;line-height:1.5}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-author{font-size:.5625rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-categories .category-chip{font-size:.5rem;padding:.125rem .3125rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .price{font-size:.6875rem}.magazines-container .action-buttons{gap:.25rem}.magazines-container .action-buttons .edit-button,.magazines-container .action-buttons .delete-button{padding:.3rem}.magazines-container .action-buttons .edit-button svg,.magazines-container .action-buttons .delete-button svg{font-size:.875rem}}@media (max-width: 400px){.magazines-container .magazines-table-container .table-body .magazine-row .cell .serial-number{width:20px;height:20px;font-size:.6875rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:.6875rem}}@media (max-width: 360px){.magazines-container .enhanced-filter-section .filter-header .filter-toggle-btn .filter-icon{font-size:14px}.magazines-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger,.magazines-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{font-size:.625rem;padding:.625rem .75rem}.magazines-container .magazines-table-container .table-header .header-row{gap:.2rem;padding:.25rem}.magazines-container .magazines-table-container .table-header .header-row .header-cell{overflow:hidden;font-size:.625rem;letter-spacing:0px}.magazines-container .magazines-table-container .table-body .magazine-row{gap:.2rem;padding:.25rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell{overflow:hidden;font-size:.625rem}.magazines-container .magazines-table-container .table-body .magazine-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.magazines-container .magazines-table-container .table-body .magazine-row .cell .magazine-title{font-size:9px;margin-right:5px}.magazines-container .action-buttons .edit-button,.magazines-container .action-buttons .delete-button{padding:.2rem}.magazines-container .action-buttons .edit-button svg,.magazines-container .action-buttons .delete-button svg{font-size:.75rem}}.magazine-form-container{padding:2rem;min-height:100vh;position:relative;box-sizing:border-box;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4af37 rgba(255,255,255,.1)}.magazine-form-container *,.magazine-form-container *:before,.magazine-form-container *:after{box-sizing:border-box}.magazine-form-container::-webkit-scrollbar{width:12px}.magazine-form-container::-webkit-scrollbar-track{background:#0003;border-radius:6px}.magazine-form-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#c8a02b);border-radius:6px;border:2px solid rgba(0,0,0,.2);transition:background .2s ease}.magazine-form-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c8a02b,#d4af37)}.magazine-form-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.magazine-form-container>*{position:relative;z-index:2}.magazine-form-container .form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.magazine-form-container .form-header .back-button{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.magazine-form-container .form-header .back-button:hover{background:#d4af3733;border-color:#d4af3780}.magazine-form-container .form-header .back-button svg{font-size:1.2rem}.magazine-form-container .form-header .header-content{display:flex;align-items:center;gap:1rem}.magazine-form-container .form-header .header-content .header-icon{font-size:2.5rem;color:#d4af37}.magazine-form-container .form-header .header-content .form-title{font-family:var(--font-heading);font-size:2rem;font-weight:400;color:#d4af37;margin:0;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.magazine-form-container .form-header .header-content .form-subtitle{font-size:1rem;color:#ffffffb3;margin:.25rem 0 0;font-weight:300}.magazine-form-container .loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;gap:1rem}.magazine-form-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.magazine-form-container .loading-container p{color:#ffffffb3;font-size:1rem}.magazine-form-container .magazine-form{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;box-shadow:0 8px 32px #0000004d}.magazine-form-container .magazine-form .form-main-container{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;overflow:visible!important}@media (min-width: 768px){.magazine-form-container .magazine-form .form-main-container{grid-template-columns:300px 1fr;gap:3rem;align-items:start}}.magazine-form-container .magazine-form .cover-section .section-title{font-size:1.25rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;text-align:center;letter-spacing:1px}.magazine-form-container .magazine-form .cover-section .cover-upload-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:260px;height:360px;border:2px dashed rgba(212,175,55,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff05;transition:all .3s ease}@media (min-width: 768px){.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:280px;height:400px}}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview:hover{border-color:#d4af3780;background:#ffffff0d}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview .cover-image-preview{width:100%;height:100%;object-fit:cover;border-radius:6px;box-shadow:0 4px 12px #0000004d}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview .cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffff80}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview .cover-placeholder .placeholder-icon{font-size:3rem;color:#d4af3780}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview .cover-placeholder span{font-size:.875rem;text-align:center}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview.error{border-color:#f4433699;background:#f4433614}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview.error:hover{border-color:#f44336cc;background:#f443361f}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview.error .cover-placeholder{color:#f44336cc}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview.error .cover-placeholder .placeholder-icon{color:#f44336b3}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .error-message{display:block;color:#f44336;font-size:.75rem;margin-top:-1.1rem;margin-bottom:-.4rem;text-align:left;width:260px}@media (min-width: 768px){.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .error-message{width:280px}}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.875rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .cover-file-input{display:none}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn{padding:.5rem 1rem;background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn:hover{background:#f443364d;border-color:#f4433680}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .current-cover-info{font-size:.75rem;color:#fff9;text-align:center;font-style:italic}.magazine-form-container .magazine-form .form-fields-section{overflow:visible!important;width:100%;max-width:100%;box-sizing:border-box}.magazine-form-container .magazine-form .form-fields-section .section-title{font-size:1.5rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.3)}.magazine-form-container .magazine-form .form-fields-section .form-row{gap:1rem;display:flex}.magazine-form-container .magazine-form .form-fields-section .form-group{margin-bottom:1.5rem;overflow:visible!important;width:100%;max-width:100%;box-sizing:border-box}.magazine-form-container .magazine-form .form-fields-section .form-group label{display:block;font-weight:600;color:#fff;margin-bottom:.5rem;font-size:.875rem}.magazine-form-container .magazine-form .form-fields-section .form-group input,.magazine-form-container .magazine-form .form-fields-section .form-group textarea,.magazine-form-container .magazine-form .form-fields-section .form-group select{width:100%;max-width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.magazine-form-container .magazine-form .form-fields-section .form-group input::placeholder,.magazine-form-container .magazine-form .form-fields-section .form-group textarea::placeholder,.magazine-form-container .magazine-form .form-fields-section .form-group select::placeholder{color:#ffffff80}.magazine-form-container .magazine-form .form-fields-section .form-group input:focus,.magazine-form-container .magazine-form .form-fields-section .form-group textarea:focus,.magazine-form-container .magazine-form .form-fields-section .form-group select:focus{outline:none;border-color:#d4af37;background:#ffffff14;box-shadow:0 0 0 2px #d4af3733}.magazine-form-container .magazine-form .form-fields-section .form-group input.error,.magazine-form-container .magazine-form .form-fields-section .form-group textarea.error,.magazine-form-container .magazine-form .form-fields-section .form-group select.error{border-color:#f44336;background:#f443361a}.magazine-form-container .magazine-form .form-fields-section .form-group textarea{resize:vertical;min-height:100px}.magazine-form-container .magazine-form .form-fields-section .form-group select[multiple]{min-height:120px;overflow-y:auto}.magazine-form-container .magazine-form .form-fields-section .form-group select[multiple] option{background:#191c20;color:#fff;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.magazine-form-container .magazine-form .form-fields-section .form-group select[multiple] option:checked{background:linear-gradient(135deg,#d4af374d,#d4af3733);color:#d4af37;font-weight:600}.magazine-form-container .magazine-form .form-fields-section .form-group select[multiple] option:hover{background:#d4af371a;color:#d4af37}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-input{padding:.5rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);cursor:pointer}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-input::-webkit-file-upload-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;margin-right:1rem}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .pdf-name{flex:1;color:#d4af37;font-weight:600;font-size:.875rem}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .pdf-size{color:#ffffffb3;font-size:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .remove-pdf-btn{padding:.25rem .5rem;background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s ease}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .remove-pdf-btn:hover{background:#f443364d;border-color:#f4433680}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .current-pdf-status{margin-top:.5rem;padding:.75rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;color:#4caf50;font-size:.875rem;font-weight:600}.magazine-form-container .magazine-form .form-fields-section .form-group .error-message{display:block;color:#f44336;font-size:.75rem;margin-top:.25rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container{overflow:visible!important}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown{position:relative;margin-bottom:1rem;overflow:visible!important}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger:hover{border-color:#d4af3766;box-shadow:0 4px 12px #d4af3726,inset 0 1px #ffffff26}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#ffffffb3}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:9999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem;padding:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#d4af3733,#d4af3726);border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:.75rem;font-weight:600;transition:all .2s ease}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af3780;transform:translateY(-1px)}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item span{white-space:nowrap}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#f4433633;border:1px solid rgba(244,67,54,.3);border-radius:50%;color:#f44336;font-size:.625rem;font-weight:700;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn:hover{background:#f4433666;border-color:#f4433699;transform:scale(1.1)}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items:empty:after{content:"No items selected";color:#fff6;font-size:.75rem;font-style:italic;padding:.25rem}.magazine-form-container .magazine-form .form-fields-section .form-group .checkbox-container{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.magazine-form-container .magazine-form .form-fields-section .form-group .checkbox-container:hover{background:#ffffff0d;border-color:#d4af3733}.magazine-form-container .magazine-form .form-fields-section .form-group .checkbox-container .magazinestore-checkbox{width:18px;height:18px;accent-color:#d4af37;cursor:pointer;transition:transform .2s ease}.magazine-form-container .magazine-form .form-fields-section .form-group .checkbox-container .magazinestore-checkbox:hover{transform:scale(1.1)}.magazine-form-container .magazine-form .form-fields-section .form-group .checkbox-container .checkbox-label{color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;margin:0;transition:color .2s ease}.magazine-form-container .magazine-form .form-fields-section .form-group .checkbox-container .checkbox-label:hover{color:#d4af37}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-hint{display:block;color:#fff9;font-size:.75rem;margin-top:.5rem;font-style:italic;line-height:1.4}.magazine-form-container .magazine-form .form-fields-section .form-group .price-field-container{max-width:100%!important;width:100%!important;overflow:hidden;box-sizing:border-box!important}.magazine-form-container .magazine-form .form-fields-section .form-group .price-field-container input[type=number]{max-width:100%!important;width:100%!important;box-sizing:border-box!important;margin:0;padding:.75rem 1rem}.magazine-form-container .magazine-form .form-actions{display:flex;justify-content:center;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 768px){.magazine-form-container .magazine-form .form-actions{justify-content:flex-end}}.magazine-form-container .magazine-form .form-actions button{padding:.75rem 2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;min-width:120px}@media (max-width: 480px){.magazine-form-container .magazine-form .form-actions button{flex:1;max-width:150px}}.magazine-form-container .magazine-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.magazine-form-container .magazine-form .form-actions .cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.magazine-form-container .magazine-form .form-actions .cancel-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.magazine-form-container .magazine-form .form-actions .delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.magazine-form-container .magazine-form .form-actions .delete-button:hover:not(:disabled){background:#f4433633;border-color:#f4433680;box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.magazine-form-container .magazine-form .form-actions .delete-button svg{font-size:1rem}.magazine-form-container .magazine-form .form-actions .submit-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;box-shadow:0 4px 12px #d4af374d}.magazine-form-container .magazine-form .form-actions .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}@media (max-width: 1024px){.magazine-form-container{padding:1.5rem}.magazine-form-container .form-header{margin-bottom:1.5rem}.magazine-form-container .form-header .header-content .header-icon{font-size:2rem}.magazine-form-container .form-header .header-content .form-title{font-size:1.75rem}.magazine-form-container .form-header .header-content .form-subtitle{font-size:.9375rem}.magazine-form-container .magazine-form{padding:1.5rem}.magazine-form-container .magazine-form .form-main-container{gap:2rem}}@media (max-width: 1024px) and (min-width: 768px){.magazine-form-container .magazine-form .form-main-container{grid-template-columns:250px 1fr;gap:2rem}}@media (max-width: 1024px){.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:220px;height:320px}}@media (max-width: 1024px) and (min-width: 768px){.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:240px;height:340px}}@media (max-width: 768px){.magazine-form-container{padding:1rem;background-attachment:scroll}.magazine-form-container .form-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.magazine-form-container .form-header .back-button{align-self:flex-start;padding:.625rem}.magazine-form-container .form-header .back-button svg{font-size:1rem}.magazine-form-container .form-header .header-content{width:100%}.magazine-form-container .form-header .header-content .header-icon{font-size:1.75rem}.magazine-form-container .form-header .header-content .form-title{font-size:1.5rem}.magazine-form-container .form-header .header-content .form-subtitle{font-size:.875rem}.magazine-form-container .magazine-form{padding:1.25rem}.magazine-form-container .magazine-form .form-main-container{grid-template-columns:1fr;gap:1.5rem}.magazine-form-container .magazine-form .cover-section{text-align:center}.magazine-form-container .magazine-form .cover-section .section-title{font-size:1.125rem;margin-bottom:1rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:200px;height:280px;margin:0 auto}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls{gap:.75rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.625rem 1.25rem;font-size:.8125rem}.magazine-form-container .magazine-form .form-fields-section .section-title{font-size:1.25rem;margin-bottom:1.25rem}.magazine-form-container .magazine-form .form-fields-section .form-group{margin-bottom:1.25rem}.magazine-form-container .magazine-form .form-fields-section .form-group .form-row{gap:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.625rem .875rem;font-size:.8125rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.75rem .875rem;font-size:.8125rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{padding:.3125rem .625rem;font-size:.6875rem}.magazine-form-container .magazine-form .form-actions{flex-direction:column;gap:.75rem;justify-content:stretch}.magazine-form-container .magazine-form .form-actions button{width:100%;max-width:none;padding:.875rem 1.5rem;font-size:.9375rem}}@media (max-width: 600px){.magazine-form-container{padding:.75rem}.magazine-form-container .magazine-form{padding:1rem;border-radius:8px}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:180px;height:250px}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.5rem 1rem;font-size:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group{margin-bottom:1rem}.magazine-form-container .magazine-form .form-fields-section .form-group label{font-size:.8125rem;margin-bottom:.375rem}.magazine-form-container .magazine-form .form-fields-section .form-group input,.magazine-form-container .magazine-form .form-fields-section .form-group textarea,.magazine-form-container .magazine-form .form-fields-section .form-group select{padding:.625rem;font-size:.8125rem;box-sizing:border-box;max-width:100%}.magazine-form-container .magazine-form .form-fields-section .form-group .form-row{grid-template-columns:1fr;gap:.5rem}.magazine-form-container .magazine-form .form-actions{padding-top:1rem}.magazine-form-container .magazine-form .form-actions button{padding:.75rem 1.25rem;font-size:.875rem}}@media (max-width: 480px){.magazine-form-container{padding:.5rem}.magazine-form-container .form-header{margin-bottom:1rem}.magazine-form-container .form-header .header-content .header-icon{font-size:1.5rem}.magazine-form-container .form-header .header-content .form-title{font-size:1.25rem;letter-spacing:.5px}.magazine-form-container .form-header .header-content .form-subtitle{font-size:.8125rem;margin-top:.125rem}.magazine-form-container .magazine-form{padding:.875rem}.magazine-form-container .magazine-form .cover-section .section-title{font-size:1rem;margin-bottom:.875rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container{gap:1rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:160px;height:220px}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls{gap:.5rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.5rem .875rem;font-size:.6875rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn,.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .current-cover-info{font-size:.6875rem}.magazine-form-container .magazine-form .form-fields-section .section-title{font-size:1.125rem;margin-bottom:1rem}.magazine-form-container .magazine-form .form-fields-section .form-group{margin-bottom:.875rem}.magazine-form-container .magazine-form .form-fields-section .form-group label{font-size:.75rem;margin-bottom:.3125rem}.magazine-form-container .magazine-form .form-fields-section .form-group input,.magazine-form-container .magazine-form .form-fields-section .form-group textarea,.magazine-form-container .magazine-form .form-fields-section .form-group select{padding:.5rem;font-size:.75rem;box-sizing:border-box;max-width:100%}.magazine-form-container .magazine-form .form-fields-section .form-group textarea{min-height:80px}.magazine-form-container .magazine-form .form-fields-section .form-group .checkbox-container{padding:.5rem}.magazine-form-container .magazine-form .form-fields-section .form-group .checkbox-container .checkbox-label{font-size:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown{margin-bottom:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.5rem .75rem;font-size:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.625rem .75rem;font-size:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items{padding:.375rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{padding:.25rem .5rem;font-size:.625rem;gap:.375rem}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn{width:14px;height:14px;font-size:.5625rem}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-input{padding:.375rem;font-size:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info{padding:.5rem;gap:.5rem}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .pdf-name{font-size:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-file-info .pdf-size,.magazine-form-container .magazine-form .form-fields-section .form-group .pdf-upload-field .pdf-upload-hint{font-size:.6875rem}.magazine-form-container .magazine-form .form-actions button{padding:.625rem 1rem;font-size:.8125rem;min-width:100px}.magazine-form-container .magazine-form .form-actions .delete-button svg{font-size:.875rem}}@media (max-width: 400px){.magazine-form-container{padding:.375rem}.magazine-form-container .form-header .back-button{padding:.5rem}.magazine-form-container .form-header .back-button svg{font-size:.875rem}.magazine-form-container .form-header .header-content .header-icon{font-size:1.25rem}.magazine-form-container .form-header .header-content .form-title{font-size:1.125rem;line-height:1.3}.magazine-form-container .form-header .header-content .form-subtitle{font-size:.75rem}.magazine-form-container .magazine-form{padding:.75rem;border-radius:6px}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:140px;height:200px}.magazine-form-container .magazine-form .form-fields-section .section-title{font-size:1rem}.magazine-form-container .magazine-form .form-fields-section .form-group{margin-bottom:.75rem}.magazine-form-container .magazine-form .form-fields-section .form-group input,.magazine-form-container .magazine-form .form-fields-section .form-group textarea,.magazine-form-container .magazine-form .form-fields-section .form-group select{padding:.4375rem;font-size:.6875rem;box-sizing:border-box;max-width:100%}.magazine-form-container .magazine-form .form-actions button{padding:.5rem .875rem;font-size:.75rem}}@media (max-width: 360px){.magazine-form-container{padding:.25rem}.magazine-form-container .magazine-form{padding:.625rem}.magazine-form-container .magazine-form .cover-section .section-title{font-size:.9375rem}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-preview{width:120px;height:170px}.magazine-form-container .magazine-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.4375rem .75rem;font-size:.625rem}.magazine-form-container .magazine-form .form-fields-section .section-title{font-size:.9375rem}.magazine-form-container .magazine-form .form-fields-section .form-group{margin-bottom:.625rem}.magazine-form-container .magazine-form .form-fields-section .form-group label{font-size:.6875rem}.magazine-form-container .magazine-form .form-fields-section .form-group input,.magazine-form-container .magazine-form .form-fields-section .form-group textarea,.magazine-form-container .magazine-form .form-fields-section .form-group select{padding:.375rem;font-size:.625rem;box-sizing:border-box;max-width:100%}.magazine-form-container .magazine-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.4375rem .625rem;font-size:.6875rem}.magazine-form-container .magazine-form .form-actions button{padding:.4375rem .75rem;font-size:.6875rem}}.audiobooks-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.audiobooks-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.audiobooks-container>*{position:relative;z-index:2}.audiobooks-container .section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.audiobooks-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.audiobooks-container .section-header .section-subtitle{font-size:1.1rem;color:#ffffffb3;margin:.2rem 0 0;font-weight:300}.audiobooks-container .section-header .header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.audiobooks-container .section-header .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audiobooks-container .section-header .filter-toggle-btn:hover{border-color:#d4af3780;background:linear-gradient(135deg,#d4af3726,#d4af371a)}.audiobooks-container .section-header .filter-toggle-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af3726);border-color:#d4af3799}.audiobooks-container .section-header .filter-toggle-btn .filter-icon{font-size:1rem}.audiobooks-container .section-header .filter-toggle-btn .arrow{font-size:.75rem;transition:transform .3s ease}.audiobooks-container .section-header .filter-toggle-btn .arrow.up{transform:rotate(180deg)}.audiobooks-container .section-header .clear-filters-btn{padding:.5rem 1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.audiobooks-container .section-header .clear-filters-btn:hover{background:#f4433633;border-color:#f4433680}.audiobooks-container .section-header .create-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d}.audiobooks-container .section-header .create-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.audiobooks-container .section-header .create-button svg{font-size:1.2rem}.audiobooks-container .filter-section{margin-bottom:2rem;display:flex;gap:1rem;align-items:center}.audiobooks-container .filter-section .filter-control .MuiFormControl-root{min-width:200px}.audiobooks-container .filter-section .filter-control .MuiFormControl-root .MuiInputLabel-root{color:#ffffffb3}.audiobooks-container .filter-section .filter-control .MuiFormControl-root .MuiInputLabel-root.Mui-focused{color:#d4af37}.audiobooks-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root{color:#fff}.audiobooks-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d}.audiobooks-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#d4af3780}.audiobooks-container .filter-section .filter-control .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#d4af37}.audiobooks-container .filter-section .filter-control .MuiFormControl-root .MuiSelect-icon{color:#ffffffb3}.audiobooks-container .loading-container{display:flex;justify-content:center;align-items:center;height:300px}.audiobooks-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite}.audiobooks-container .empty-state{text-align:center;padding:4rem 2rem;color:#ffffffb3}.audiobooks-container .empty-state .empty-icon{font-size:4rem;color:#d4af3780;margin-bottom:1rem}.audiobooks-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.audiobooks-container .empty-state .empty-description{font-size:1rem;color:#fff9}.audiobooks-container .audiobooks-table-container{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 32px #0000004d}.audiobooks-container .audiobooks-table-container .table-header{background:#d4af371a;border-bottom:1px solid rgba(212,175,55,.2)}.audiobooks-container .audiobooks-table-container .table-header .header-row{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 1fr 120px 120px;gap:1rem;padding:1rem}@media (max-width: 768px){.audiobooks-container .audiobooks-table-container .table-header .header-row{grid-template-columns:60px 1fr 1fr 120px}}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell{font-weight:600;color:#d4af37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell.center{text-align:center}@media (max-width: 768px){.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell.hide-mobile{display:none}}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell.sortable{cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell.sortable:hover{color:#fff}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 1fr 120px 120px;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.audiobooks-container .audiobooks-table-container .table-body .audiobook-row{grid-template-columns:60px 1fr 1fr 120px}}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row:hover{background:#d4af370d;border-bottom-color:#d4af374d}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row:last-child{border-bottom:none}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell{display:flex;align-items:center;color:#fff;font-size:.875rem;min-width:0;overflow:hidden}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell.center{justify-content:center}@media (max-width: 768px){.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell.hide-mobile{display:none}}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .serial-number{font-weight:600;color:#d4af37;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:50%;border:1px solid rgba(212,175,55,.3)}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-cover{width:40px;height:50px;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:1.2rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .title-container,.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .text-container{width:100%;min-width:0;overflow:hidden}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-title{font-weight:600;color:#fff;font-size:.9375rem;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .text-container span,.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-author{color:#fffc;font-size:.8125rem;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-categories{display:flex;flex-wrap:wrap;gap:.25rem;width:100%;min-width:0}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{background:#d4af3733;color:#d4af37;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;border:1px solid rgba(212,175,55,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:90px}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .price{font-weight:600;color:#4caf50}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .duration{color:#4caf50;font-weight:600;font-size:.9em;font-family:Courier New,monospace}.audiobooks-container .action-buttons{display:flex;gap:.5rem}.audiobooks-container .action-buttons .edit-button,.audiobooks-container .action-buttons .delete-button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.audiobooks-container .action-buttons .edit-button svg,.audiobooks-container .action-buttons .delete-button svg{font-size:1rem}.audiobooks-container .action-buttons .edit-button{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.audiobooks-container .action-buttons .edit-button:hover{background:#2196f34d;border-color:#2196f3}.audiobooks-container .action-buttons .delete-button{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.audiobooks-container .action-buttons .delete-button:hover{background:#f443364d;border-color:#f44336}.active-filters-section{margin-bottom:1.5rem}.active-filters-section .active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.active-filters-section .active-filters .filter-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:.75rem;font-weight:600}.active-filters-section .active-filters .filter-chip button{background:none;border:none;color:inherit;cursor:pointer;font-weight:700;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.active-filters-section .active-filters .filter-chip button:hover{background:#f4433633;color:#f44336}.enhanced-filter-section{margin-bottom:2rem}.enhanced-filter-section .filter-panel{border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease}.enhanced-filter-section .filter-panel .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}@media (max-width: 768px){.enhanced-filter-section .filter-panel .filter-grid{grid-template-columns:1fr;gap:1rem}}.enhanced-filter-section .filter-panel .filter-grid .filter-control{display:flex;flex-direction:column;gap:.5rem}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-label{font-weight:600;color:#d4af37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown{position:relative;overflow:visible!important}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,0 1px 4px #d4af371a}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger:hover{border-color:#d4af3766;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);box-shadow:0 4px 16px #00000040,0 2px 8px #d4af3726}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#fff;font-weight:500}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}@media (max-width: 900px){.audiobooks-container .audiobooks-table-container .table-header .header-row{grid-template-columns:60px 2fr 1.5fr 1fr 120px 120px}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell.hide-large{display:none}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row{grid-template-columns:60px 2fr 1.5fr 1fr 120px 120px}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell.hide-large{display:none}}@media (max-width: 750px){.audiobooks-container{padding:1rem}.audiobooks-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.audiobooks-container .section-header .section-title{font-size:2rem}.audiobooks-container .section-header .section-subtitle{font-size:.9375rem;line-height:1.6}.audiobooks-container .section-header .header-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.audiobooks-container .section-header .filter-toggle-btn,.audiobooks-container .section-header .create-button{font-size:.875rem;padding:.625rem 1.25rem}.audiobooks-container .section-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.audiobooks-container .audiobooks-table-container .table-header .header-row,.audiobooks-container .audiobooks-table-container .table-body .audiobook-row{grid-template-columns:50px 2.5fr 1.5fr 1fr 100px 110px;gap:.75rem;padding:.875rem}}@media (max-width: 600px){.audiobooks-container .audiobooks-table-container .table-header .header-row{grid-template-columns:45px 3fr 1fr 90px 100px;gap:.5rem;padding:.75rem}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell.hide-small{display:none}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.25px}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row{grid-template-columns:45px 3fr 1fr 90px 100px;gap:.5rem;padding:.75rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell.hide-small{display:none}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell{font-size:.8125rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .serial-number{width:28px;height:28px;font-size:.8rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.875rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{max-width:75px;font-size:.6875rem;padding:.15rem .375rem}}@media (max-width: 500px){.audiobooks-container .audiobooks-table-container .table-header .header-row{grid-template-columns:40px 3fr 80px 90px;gap:.4rem;padding:.6rem}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell.hide-smaller{display:none}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell{font-size:.6875rem;letter-spacing:.125px}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row{grid-template-columns:40px 3fr 80px 90px;gap:.4rem;padding:.6rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell.hide-smaller{display:none}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell{font-size:.75rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .serial-number{width:24px;height:24px;font-size:.6875rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.75rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{max-width:65px;font-size:.625rem;padding:.125rem .3125rem}}@media (max-width: 480px){.audiobooks-container{padding:.75rem}.audiobooks-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.audiobooks-container .section-header .section-title{font-size:1.0625rem}.audiobooks-container .section-header .section-subtitle{font-size:.75rem;margin:.25rem 0 0}.audiobooks-container .section-header .header-controls{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.audiobooks-container .section-header .filter-toggle-btn,.audiobooks-container .section-header .create-button{font-size:.75rem;padding:.5rem 1rem;flex:0 0 auto}.audiobooks-container .section-header .clear-filters-btn{font-size:.6875rem;padding:.375rem .75rem}.audiobooks-container .audiobooks-table-container{border-radius:6px;margin:0 -.25rem}.audiobooks-container .audiobooks-table-container .table-header .header-row{grid-template-columns:35px 3fr 70px 80px;gap:.25rem;padding:.4rem}.audiobooks-container .audiobooks-table-container .table-header .header-row .header-cell{font-size:.625rem;letter-spacing:0px}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row{grid-template-columns:35px 3fr 70px 80px;gap:.25rem;padding:.4rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell{font-size:.625rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .serial-number{width:20px;height:20px;font-size:.625rem}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .title-container{width:100%;min-width:0;overflow:hidden}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-title{font-size:.625rem;line-height:1.5}.audiobooks-container .audiobooks-table-container .table-body .audiobook-row .cell .audiobook-categories .category-chip{max-width:55px;font-size:.5rem;padding:.1rem .25rem}.audiobooks-container .action-buttons{gap:.2rem}.audiobooks-container .action-buttons .edit-button,.audiobooks-container .action-buttons .delete-button{padding:.2rem}.audiobooks-container .action-buttons .edit-button svg,.audiobooks-container .action-buttons .delete-button svg{font-size:.75rem}}.audiobook-form-container{padding:2rem;min-height:100vh;position:relative;box-sizing:border-box;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#D4AF37 rgba(255,255,255,.1)}.audiobook-form-container *,.audiobook-form-container *:before,.audiobook-form-container *:after{box-sizing:border-box}.audiobook-form-container::-webkit-scrollbar{width:12px}.audiobook-form-container::-webkit-scrollbar-track{background:#0003;border-radius:6px}.audiobook-form-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#c8a02b);border-radius:6px;border:2px solid rgba(0,0,0,.2);transition:background .2s ease}.audiobook-form-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c8a02b,#d4af37)}.audiobook-form-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.audiobook-form-container>*{position:relative;z-index:2}.audiobook-form-container .form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.audiobook-form-container .form-header .back-button{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.audiobook-form-container .form-header .back-button:hover{background:#d4af3733;border-color:#d4af3780}.audiobook-form-container .form-header .back-button svg{font-size:1.2rem}.audiobook-form-container .form-header .header-content{display:flex;align-items:center;gap:1rem}.audiobook-form-container .form-header .header-content .header-icon{font-size:2.5rem;color:#d4af37}.audiobook-form-container .form-header .header-content .form-title{font-family:var(--font-heading);font-size:2rem;font-weight:400;color:#d4af37;margin:0;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.audiobook-form-container .form-header .header-content .form-subtitle{font-size:1rem;color:#ffffffb3;margin:.25rem 0 0;font-weight:300}.audiobook-form-container .loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;gap:1rem}.audiobook-form-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite}.audiobook-form-container .loading-container p{color:#ffffffb3;font-size:1rem}.audiobook-form-container .audiobook-form{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;box-shadow:0 8px 32px #0000004d}.audiobook-form-container .audiobook-form .form-main-container{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;overflow:visible!important}@media (min-width: 768px){.audiobook-form-container .audiobook-form .form-main-container{grid-template-columns:300px 1fr;gap:3rem;align-items:start}}.audiobook-form-container .audiobook-form .cover-section .section-title{font-size:1.25rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;text-align:center;letter-spacing:1px}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:260px;height:260px;border:2px dashed rgba(212,175,55,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff05;transition:all .3s ease}@media (min-width: 768px){.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:280px;height:280px}}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview:hover{border-color:#d4af3780;background:#ffffff0d}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview.error{border-color:#f4433699;background:#f4433614}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview.error:hover{border-color:#f44336cc;background:#f443361f}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview.error .cover-placeholder{color:#f44336cc}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview.error .cover-placeholder .placeholder-icon{color:#f44336b3}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview .cover-image-preview{width:100%;height:100%;object-fit:cover;border-radius:6px;box-shadow:0 4px 12px #0000004d}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview .cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffff80}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview .cover-placeholder .placeholder-icon{font-size:3rem;color:#d4af3780}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview .cover-placeholder span{font-size:.875rem;text-align:center}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .error-message{display:block;color:#f44336;font-size:.75rem;margin-top:-1.1rem;margin-bottom:-.4rem;text-align:left;width:260px}@media (min-width: 768px){.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .error-message{width:280px}}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.875rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .cover-file-input{display:none}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn{padding:.5rem 1rem;background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn:hover{background:#f443364d;border-color:#f4433680}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .current-cover-info{font-size:.75rem;color:#fff9;text-align:center;font-style:italic}.audiobook-form-container .audiobook-form .form-fields-section{overflow:visible!important;width:100%;max-width:100%;box-sizing:border-box}.audiobook-form-container .audiobook-form .form-fields-section .section-title{font-size:1.5rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.3)}.audiobook-form-container .audiobook-form .form-fields-section .form-group{margin-bottom:1.5rem;overflow:visible!important;width:100%;max-width:100%;box-sizing:border-box}.audiobook-form-container .audiobook-form .form-fields-section .form-group label{display:block;font-weight:600;color:#fff;margin-bottom:.5rem;font-size:.875rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group input,.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea,.audiobook-form-container .audiobook-form .form-fields-section .form-group select{width:100%;max-width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.audiobook-form-container .audiobook-form .form-fields-section .form-group input::placeholder,.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea::placeholder,.audiobook-form-container .audiobook-form .form-fields-section .form-group select::placeholder{color:#ffffff80}.audiobook-form-container .audiobook-form .form-fields-section .form-group input:focus,.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea:focus,.audiobook-form-container .audiobook-form .form-fields-section .form-group select:focus{outline:none;border-color:#d4af37;background:#ffffff14;box-shadow:0 0 0 2px #d4af3733}.audiobook-form-container .audiobook-form .form-fields-section .form-group input.error,.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea.error,.audiobook-form-container .audiobook-form .form-fields-section .form-group select.error{border-color:#f44336;background:#f443361a}.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea{resize:vertical;min-height:100px}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field{transition:all .3s ease}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field.error .audio-file-input{border-color:#f4433699;background:#f443360d;color:#f44336}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-input{padding:.5rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-input::-webkit-file-upload-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;margin-right:1rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-info{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-info .audio-name{flex:1;color:#d4af37;font-weight:600;font-size:.875rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-info .audio-size{color:#ffffffb3;font-size:.75rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-info .remove-audio-btn{padding:.25rem .5rem;background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s ease}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-info .remove-audio-btn:hover{background:#f443364d;border-color:#f4433680}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-upload-hint,.audiobook-form-container .audiobook-form .form-fields-section .form-group .duration-hint{display:block;color:#fff9;font-size:.75rem;margin-top:.5rem;font-style:italic;line-height:1.4}.audiobook-form-container .audiobook-form .form-fields-section .form-group .error-message{display:block;color:#f44336;font-size:.75rem;margin-top:.25rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container{overflow:visible!important}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown{position:relative;margin-bottom:1rem;overflow:visible!important}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger:hover{border-color:#d4af3766;box-shadow:0 4px 12px #d4af3726,inset 0 1px #ffffff26}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#ffffffb3}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:999999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);visibility:visible!important;opacity:1!important;display:block!important}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem;padding:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#d4af3733,#d4af3726);border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:.75rem;font-weight:600;transition:all .2s ease}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af3780;transform:translateY(-1px)}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item span{white-space:nowrap}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#f4433633;border:1px solid rgba(244,67,54,.3);border-radius:50%;color:#f44336;font-size:.625rem;font-weight:700;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn:hover{background:#f4433666;border-color:#f4433699;transform:scale(1.1)}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items:empty:after{content:"No items selected";color:#fff6;font-size:.75rem;font-style:italic;padding:.25rem}.audiobook-form-container .audiobook-form .form-actions{display:flex;justify-content:center;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 768px){.audiobook-form-container .audiobook-form .form-actions{justify-content:flex-end}}.audiobook-form-container .audiobook-form .form-actions button{padding:.75rem 2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;min-width:120px}@media (max-width: 480px){.audiobook-form-container .audiobook-form .form-actions button{flex:1;max-width:150px}}.audiobook-form-container .audiobook-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.audiobook-form-container .audiobook-form .form-actions .cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.audiobook-form-container .audiobook-form .form-actions .cancel-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.audiobook-form-container .audiobook-form .form-actions .delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.audiobook-form-container .audiobook-form .form-actions .delete-button:hover:not(:disabled){background:#f4433633;border-color:#f4433680;box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.audiobook-form-container .audiobook-form .form-actions .delete-button svg{font-size:1rem}.audiobook-form-container .audiobook-form .form-actions .submit-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;box-shadow:0 4px 12px #d4af374d}.audiobook-form-container .audiobook-form .form-actions .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}@media (max-width: 1024px){.audiobook-form-container{padding:1.5rem}.audiobook-form-container .form-header{margin-bottom:1.5rem}.audiobook-form-container .form-header .header-content .header-icon{font-size:2rem}.audiobook-form-container .form-header .header-content .form-title{font-size:1.75rem}.audiobook-form-container .form-header .header-content .form-subtitle{font-size:.9375rem}.audiobook-form-container .audiobook-form{padding:1.5rem}.audiobook-form-container .audiobook-form .form-main-container{gap:2rem}}@media (max-width: 1024px) and (min-width: 768px){.audiobook-form-container .audiobook-form .form-main-container{grid-template-columns:250px 1fr;gap:2rem}}@media (max-width: 1024px){.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:220px;height:220px}}@media (max-width: 1024px) and (min-width: 768px){.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:240px;height:240px}}@media (max-width: 768px){.audiobook-form-container{padding:1rem;background-attachment:scroll}.audiobook-form-container .form-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.audiobook-form-container .form-header .back-button{align-self:flex-start;padding:.625rem}.audiobook-form-container .form-header .back-button svg{font-size:1rem}.audiobook-form-container .form-header .header-content{width:100%}.audiobook-form-container .form-header .header-content .header-icon{font-size:1.75rem}.audiobook-form-container .form-header .header-content .form-title{font-size:1.5rem}.audiobook-form-container .form-header .header-content .form-subtitle{font-size:.875rem}.audiobook-form-container .audiobook-form{padding:1.25rem}.audiobook-form-container .audiobook-form .form-main-container{grid-template-columns:1fr;gap:1.5rem}.audiobook-form-container .audiobook-form .cover-section{text-align:center}.audiobook-form-container .audiobook-form .cover-section .section-title{font-size:1.125rem;margin-bottom:1rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:200px;height:200px;margin:0 auto}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls{gap:.75rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.625rem 1.25rem;font-size:.8125rem}.audiobook-form-container .audiobook-form .form-fields-section .section-title{font-size:1.25rem;margin-bottom:1.25rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group{margin-bottom:1.25rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.625rem .875rem;font-size:.8125rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.75rem .875rem;font-size:.8125rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{padding:.3125rem .625rem;font-size:.6875rem}.audiobook-form-container .audiobook-form .form-actions{flex-direction:column;gap:.75rem;justify-content:stretch}.audiobook-form-container .audiobook-form .form-actions button{width:100%;max-width:none;padding:.875rem 1.5rem;font-size:.9375rem}}@media (max-width: 600px){.audiobook-form-container{padding:.75rem}.audiobook-form-container .audiobook-form{padding:1rem;border-radius:8px}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:180px;height:180px}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.5rem 1rem;font-size:.75rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group{margin-bottom:1rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group label{font-size:.8125rem;margin-bottom:.375rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group input,.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea,.audiobook-form-container .audiobook-form .form-fields-section .form-group select{padding:.625rem;font-size:.8125rem;box-sizing:border-box;max-width:100%}.audiobook-form-container .audiobook-form .form-actions{padding-top:1rem}.audiobook-form-container .audiobook-form .form-actions button{padding:.75rem 1.25rem;font-size:.875rem}}@media (max-width: 480px){.audiobook-form-container{padding:.5rem}.audiobook-form-container .form-header{margin-bottom:1rem}.audiobook-form-container .form-header .header-content .header-icon{font-size:1.5rem}.audiobook-form-container .form-header .header-content .form-title{font-size:1.25rem;letter-spacing:.5px}.audiobook-form-container .form-header .header-content .form-subtitle{font-size:.8125rem;margin-top:.125rem}.audiobook-form-container .audiobook-form{padding:.875rem}.audiobook-form-container .audiobook-form .cover-section .section-title{font-size:1rem;margin-bottom:.875rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container{gap:1rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:160px;height:160px}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls{gap:.5rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.5rem .875rem;font-size:.6875rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .remove-cover-btn,.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .current-cover-info{font-size:.6875rem}.audiobook-form-container .audiobook-form .form-fields-section .section-title{font-size:1.125rem;margin-bottom:1rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group{margin-bottom:.875rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group label{font-size:.75rem;margin-bottom:.3125rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group input,.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea,.audiobook-form-container .audiobook-form .form-fields-section .form-group select{padding:.5rem;font-size:.75rem;box-sizing:border-box;max-width:100%}.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea{min-height:80px}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown{margin-bottom:.75rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.5rem .75rem;font-size:.75rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.625rem .75rem;font-size:.75rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items{padding:.375rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{padding:.25rem .5rem;font-size:.625rem;gap:.375rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn{width:14px;height:14px;font-size:.5625rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-input{padding:.375rem;font-size:.75rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-info{padding:.5rem;gap:.5rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-info .audio-name{font-size:.75rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-file-info .audio-size,.audiobook-form-container .audiobook-form .form-fields-section .form-group .audio-upload-field .audio-upload-hint,.audiobook-form-container .audiobook-form .form-fields-section .form-group .duration-hint{font-size:.6875rem}.audiobook-form-container .audiobook-form .form-actions button{padding:.625rem 1rem;font-size:.8125rem;min-width:100px}.audiobook-form-container .audiobook-form .form-actions .delete-button svg{font-size:.875rem}}@media (max-width: 400px){.audiobook-form-container{padding:.375rem}.audiobook-form-container .form-header .back-button{padding:.5rem}.audiobook-form-container .form-header .back-button svg{font-size:.875rem}.audiobook-form-container .form-header .header-content .header-icon{font-size:1.25rem}.audiobook-form-container .form-header .header-content .form-title{font-size:1.125rem;line-height:1.3}.audiobook-form-container .form-header .header-content .form-subtitle{font-size:.75rem}.audiobook-form-container .audiobook-form{padding:.75rem;border-radius:6px}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:140px;height:140px}.audiobook-form-container .audiobook-form .form-fields-section .section-title{font-size:1rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group{margin-bottom:.75rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group input,.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea,.audiobook-form-container .audiobook-form .form-fields-section .form-group select{padding:.4375rem;font-size:.6875rem;box-sizing:border-box;max-width:100%}.audiobook-form-container .audiobook-form .form-actions button{padding:.5rem .875rem;font-size:.75rem}}@media (max-width: 360px){.audiobook-form-container{padding:.25rem}.audiobook-form-container .audiobook-form{padding:.625rem}.audiobook-form-container .audiobook-form .cover-section .section-title{font-size:.9375rem}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-preview{width:120px;height:120px}.audiobook-form-container .audiobook-form .cover-section .cover-upload-container .cover-upload-controls .cover-upload-label{padding:.4375rem .75rem;font-size:.625rem}.audiobook-form-container .audiobook-form .form-fields-section .section-title{font-size:.9375rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group{margin-bottom:.625rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group label{font-size:.6875rem}.audiobook-form-container .audiobook-form .form-fields-section .form-group input,.audiobook-form-container .audiobook-form .form-fields-section .form-group textarea,.audiobook-form-container .audiobook-form .form-fields-section .form-group select{padding:.375rem;font-size:.625rem;box-sizing:border-box;max-width:100%}.audiobook-form-container .audiobook-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.4375rem .625rem;font-size:.6875rem}.audiobook-form-container .audiobook-form .form-actions button{padding:.4375rem .75rem;font-size:.6875rem}}.admin-users-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}@media (max-width: 768px){.admin-users-container{padding:1.5rem}}@media (max-width: 500px){.admin-users-container{padding:1rem}}@media (max-width: 400px){.admin-users-container{padding:.75rem}}.admin-users-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.admin-users-container>*{position:relative;z-index:2}.admin-users-container .section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.admin-users-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}}@media (max-width: 400px){.admin-users-container .section-header{margin-bottom:1rem}}.admin-users-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2)}@media (max-width: 768px){.admin-users-container .section-header .section-title{font-size:2rem;text-align:center;align-self:center}}@media (max-width: 500px){.admin-users-container .section-header .section-title{font-size:1.75rem}}@media (max-width: 400px){.admin-users-container .section-header .section-title{font-size:1.5rem}}.admin-users-container .section-header .section-subtitle{color:#fffc;font-size:1rem;margin:.2rem 0 0;font-weight:300;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.admin-users-container .section-header .section-subtitle{text-align:center}}@media (max-width: 500px){.admin-users-container .section-header .section-subtitle{font-size:.9rem}}.admin-users-container .section-header .create-button{padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;background:#d4af3733;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.4);color:#d4af37;display:flex;align-items:center;gap:.5rem;text-decoration:none;justify-content:center;min-height:44px}@media (max-width: 768px){.admin-users-container .section-header .create-button{align-self:center}}@media (max-width: 600px){.admin-users-container .section-header .create-button{width:100%;padding:1rem 1.5rem}}@media (max-width: 400px){.admin-users-container .section-header .create-button{font-size:.875rem;padding:.875rem 1.25rem}}.admin-users-container .section-header .create-button:hover{background:#d4af374d;transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}.admin-users-container .section-header .create-button svg{width:18px;height:18px}.admin-users-container .admins-table-container{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 60px #d4af371a;overflow:hidden;width:100%;max-width:100%}@media (max-width: 768px){.admin-users-container .admins-table-container{border-radius:16px}}@media (max-width: 400px){.admin-users-container .admins-table-container{border-radius:12px;overflow-x:auto}}.admin-users-container .admins-table-container .table-header{background:linear-gradient(135deg,#a3a3a31a,#d4af371a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.3);padding:.5rem 0;position:relative}.admin-users-container .admins-table-container .table-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.5) 50%,transparent 100%)}.admin-users-container .admins-table-container .table-header .header-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:.5rem;align-items:center;padding:.5rem .875rem;overflow:hidden}.admin-users-container .admins-table-container .table-header .header-row .header-cell{color:#d4af37;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.admin-users-container .admins-table-container .table-header .header-row .header-cell.center{text-align:center}.admin-users-container .admins-table-container .table-header .header-row .header-cell.right{text-align:right}.admin-users-container .admins-table-container .table-body .admin-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:.5rem;align-items:center;padding:1rem .875rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:pointer;overflow:hidden}.admin-users-container .admins-table-container .table-body .admin-row:hover{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;margin:0 .1rem}.admin-users-container .admins-table-container .table-body .admin-row:last-child{border-bottom:none}.admin-users-container .admins-table-container .table-body .admin-row .cell{display:flex;align-items:center;color:#ffffffe6;font-size:.875rem;min-width:0;overflow:hidden;flex-shrink:0;white-space:nowrap}.admin-users-container .admins-table-container .table-body .admin-row .cell.center{justify-content:center}.admin-users-container .admins-table-container .table-body .admin-row .cell.right{justify-content:flex-end}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(212,175,55,.3);object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:1.1rem;flex-shrink:0}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info{display:flex;flex-direction:column;min-width:0;flex:1}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .username{font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.2}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .admin-email{display:none;color:#ffffffb3;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.admin-users-container .admins-table-container .table-body .admin-row .cell .email{color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.admin-users-container .admins-table-container .table-body .admin-row .cell .role-badge{display:flex;align-items:center;gap:.5rem;color:#d4af37;font-weight:700;font-size:.875rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .role-badge svg{width:18px;height:18px}.admin-users-container .admins-table-container .table-body .admin-row .cell .status-chip{padding:.2rem .5rem;border-radius:12px;font-size:.65rem;font-weight:500;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;display:inline-block;text-align:center}.admin-users-container .admins-table-container .table-body .admin-row .cell .status-chip.active{background:#4caf5040;color:#4caf50;border:1px solid rgba(76,175,80,.4);text-shadow:0 0 10px rgba(76,175,80,.3)}.admin-users-container .admins-table-container .table-body .admin-row .cell .status-chip.blocked{background:#f4433640;color:#f44336;border:1px solid rgba(244,67,54,.4);text-shadow:0 0 10px rgba(244,67,54,.3)}.admin-users-container .admins-table-container .table-body .admin-row .cell .created-date{color:#fff9;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;text-align:center;display:inline-block}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons{display:flex;gap:.5rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .edit-button,.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .delete-button{padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .edit-button svg,.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .delete-button svg{width:16px;height:16px}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .edit-button{background:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#2196f3}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .edit-button:hover{background:#2196f333;transform:scale(1.05)}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .delete-button{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .delete-button:hover{background:#f4433633;transform:scale(1.05)}.admin-users-container .loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.admin-users-container .loading-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top:4px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.admin-users-container .empty-state{text-align:center;padding:4rem 2rem;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;color:#fff9}.admin-users-container .empty-state .empty-icon{font-size:4rem;color:#d4af3766;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(212,175,55,.2))}.admin-users-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.5)}.admin-users-container .empty-state .empty-description{font-size:1rem;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 1024px){.admin-users-container .admins-table-container .table-header .header-row{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:.5rem;padding:.5rem .875rem}.admin-users-container .admins-table-container .table-header .header-row .header-cell.hide-small{display:none}.admin-users-container .admins-table-container .table-body .admin-row{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:.5rem;padding:.875rem}.admin-users-container .admins-table-container .table-body .admin-row .cell.hide-small{display:none}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .admin-email{display:block}}@media (max-width: 750px){.admin-users-container .admins-table-container .table-header .header-row{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:.5rem;padding:.5rem .75rem;overflow:hidden}.admin-users-container .admins-table-container .table-body .admin-row{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:.5rem;padding:.75rem;overflow:hidden}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-avatar{width:32px;height:32px}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .username{font-size:.8rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .admin-email{font-size:.7rem}}@media (max-width: 600px){.admin-users-container .admins-table-container .table-header .header-row{grid-template-columns:1.5fr 1fr 1.2fr;gap:.5rem;padding:.5rem .75rem;overflow:hidden}.admin-users-container .admins-table-container .table-header .header-row .header-cell.hide-medium{display:none}.admin-users-container .admins-table-container .table-body .admin-row{grid-template-columns:1.5fr 1fr 1.2fr;gap:.5rem;padding:.75rem;overflow:hidden}.admin-users-container .admins-table-container .table-body .admin-row .cell.hide-medium{display:none}}@media (max-width: 500px){.admin-users-container .admins-table-container .table-header .header-row{grid-template-columns:2.5fr 1.5fr;gap:.4rem;padding:.4rem .6rem;overflow:hidden}.admin-users-container .admins-table-container .table-header .header-row .header-cell.hide-medium,.admin-users-container .admins-table-container .table-header .header-row .header-cell.hide-smaller{display:none}.admin-users-container .admins-table-container .table-body .admin-row{grid-template-columns:2.5fr 1.5fr;gap:.4rem;padding:.6rem;overflow:hidden}.admin-users-container .admins-table-container .table-body .admin-row .cell.hide-medium,.admin-users-container .admins-table-container .table-body .admin-row .cell.hide-smaller{display:none}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-avatar{width:32px;height:32px}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .username{font-size:.8rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .admin-email{font-size:.7rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons{flex-direction:row;gap:.25rem;justify-content:center}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .edit-button,.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .delete-button{padding:.375rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .edit-button svg,.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .delete-button svg{width:14px;height:14px}}@media (max-width: 400px){.admin-users-container .admins-table-container .table-header .header-row{grid-template-columns:2.5fr 1.5fr;gap:.3rem;padding:.3rem .5rem;overflow:hidden}.admin-users-container .admins-table-container .table-header .header-row .header-cell.hide-medium,.admin-users-container .admins-table-container .table-header .header-row .header-cell.hide-smaller{display:none}.admin-users-container .admins-table-container .table-header .header-row .header-cell{font-size:.7rem}.admin-users-container .admins-table-container .table-body .admin-row{grid-template-columns:2.5fr 1.5fr;gap:.3rem;padding:.5rem;overflow:hidden}.admin-users-container .admins-table-container .table-body .admin-row .cell.hide-medium,.admin-users-container .admins-table-container .table-body .admin-row .cell.hide-smaller{display:none}.admin-users-container .admins-table-container .table-body .admin-row .cell{font-size:.75rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-avatar{width:28px;height:28px;font-size:.7rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .username{font-size:.75rem;max-width:80px}.admin-users-container .admins-table-container .table-body .admin-row .cell .admin-container .admin-info .admin-email{font-size:.65rem;max-width:80px}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons{flex-direction:row;gap:.2rem;justify-content:center}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .edit-button,.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .delete-button{padding:.25rem}.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .edit-button svg,.admin-users-container .admins-table-container .table-body .admin-row .cell .action-buttons .delete-button svg{width:12px;height:12px}}.admin-show-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}@media (max-width: 768px){.admin-show-container{padding:1.5rem}}@media (max-width: 500px){.admin-show-container{padding:1rem}}@media (max-width: 400px){.admin-show-container{padding:.75rem}}.admin-show-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.admin-show-container>*{position:relative;z-index:2}.admin-show-container .section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.admin-show-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}}@media (max-width: 400px){.admin-show-container .section-header{margin-bottom:1rem}}.admin-show-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.admin-show-container .section-header .section-title{font-size:1.8rem;text-align:center;align-self:center;gap:.4rem}}@media (max-width: 500px){.admin-show-container .section-header .section-title{font-size:1.5rem;gap:.3rem}}@media (max-width: 400px){.admin-show-container .section-header .section-title{font-size:1.3rem;gap:.25rem}}@media (max-width: 350px){.admin-show-container .section-header .section-title{font-size:1.1rem;gap:.2rem}}.admin-show-container .section-header .action-buttons{display:flex;gap:1rem}@media (max-width: 768px){.admin-show-container .section-header .action-buttons{align-self:center;flex-wrap:wrap;justify-content:center}}@media (max-width: 600px){.admin-show-container .section-header .action-buttons{flex-direction:column;width:100%;gap:.75rem}}@media (max-width: 400px){.admin-show-container .section-header .action-buttons{gap:.5rem}}.admin-show-container .section-header .action-buttons .action-button{padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;gap:.5rem;text-decoration:none;justify-content:center;min-height:44px}@media (max-width: 600px){.admin-show-container .section-header .action-buttons .action-button{width:100%;padding:1rem 1.5rem}}@media (max-width: 400px){.admin-show-container .section-header .action-buttons .action-button{font-size:.875rem;padding:.875rem 1.25rem}}.admin-show-container .section-header .action-buttons .action-button.block-button{background:#f4433633;border-color:#f4433666;color:#f44336}.admin-show-container .section-header .action-buttons .action-button.block-button:hover{background:#f443364d;transform:translateY(-2px);box-shadow:0 8px 25px #f443364d}.admin-show-container .section-header .action-buttons .action-button.activate-button{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.admin-show-container .section-header .action-buttons .action-button.activate-button:hover{background:#4caf504d;transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.admin-show-container .section-header .action-buttons .action-button.edit-button{background:#2196f333;border-color:#2196f366;color:#2196f3}.admin-show-container .section-header .action-buttons .action-button.edit-button:hover{background:#2196f34d;transform:translateY(-2px);box-shadow:0 8px 25px #2196f34d}.admin-show-container .section-header .action-buttons .action-button.reset-mfa-button{background:#ff980033;border-color:#ff980066;color:#ff9800}.admin-show-container .section-header .action-buttons .action-button.reset-mfa-button:hover{background:#ff98004d;transform:translateY(-2px);box-shadow:0 8px 25px #ff98004d}.admin-show-container .section-header .action-buttons .action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.admin-show-container .section-header .action-buttons .action-button svg{width:18px;height:18px}.admin-show-container .email-verification-alert{background:linear-gradient(135deg,#ff980026,#ffc1071a);border:2px solid rgba(255,152,0,.5);margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto;animation:pulse-warning 2s ease-in-out infinite}@media (max-width: 768px){.admin-show-container .email-verification-alert{margin-bottom:1.5rem}}@media (max-width: 400px){.admin-show-container .email-verification-alert{margin-bottom:1rem}}.admin-show-container .email-verification-alert .alert-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}@media (max-width: 600px){.admin-show-container .email-verification-alert .alert-header{flex-direction:column;align-items:center;text-align:center}}.admin-show-container .email-verification-alert .alert-header .alert-icon{color:#ff9800;width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(255,152,0,.5))}@media (max-width: 600px){.admin-show-container .email-verification-alert .alert-header .alert-icon{width:40px;height:40px}}.admin-show-container .email-verification-alert .alert-header .alert-content{flex:1}.admin-show-container .email-verification-alert .alert-header .alert-content .alert-title{color:#ff9800;font-size:1.5rem;font-weight:700;margin:0 0 .75rem;text-shadow:0 0 10px rgba(255,152,0,.3)}@media (max-width: 600px){.admin-show-container .email-verification-alert .alert-header .alert-content .alert-title{font-size:1.25rem}}@media (max-width: 400px){.admin-show-container .email-verification-alert .alert-header .alert-content .alert-title{font-size:1.1rem}}.admin-show-container .email-verification-alert .alert-header .alert-content .alert-message{color:#ffffffe6;font-size:1rem;line-height:1.6;margin:0}@media (max-width: 600px){.admin-show-container .email-verification-alert .alert-header .alert-content .alert-message{font-size:.9rem}}@media (max-width: 400px){.admin-show-container .email-verification-alert .alert-header .alert-content .alert-message{font-size:.85rem}}.admin-show-container .email-verification-alert .resend-button{background:linear-gradient(135deg,#ff98004d,#ffc10733);border:1px solid rgba(255,152,0,.5);color:#ff9800;padding:1rem 2rem;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;font-size:1rem}@media (max-width: 600px){.admin-show-container .email-verification-alert .resend-button{padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width: 400px){.admin-show-container .email-verification-alert .resend-button{padding:.75rem 1.25rem;font-size:.85rem}}.admin-show-container .email-verification-alert .resend-button svg{width:20px;height:20px}.admin-show-container .email-verification-alert .resend-button:hover:not(:disabled){background:linear-gradient(135deg,#ff980066,#ffc1074d);transform:translateY(-2px);box-shadow:0 8px 25px #ff980066;border-color:#ff9800b3}.admin-show-container .email-verification-alert .resend-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes pulse-warning{0%,to{box-shadow:0 8px 32px #0006,0 0 40px #ff980033}50%{box-shadow:0 8px 32px #0006,0 0 60px #ff980066}}.admin-show-container .admin-details-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.admin-show-container .admin-details-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.admin-show-container .admin-details-grid{gap:1rem}}@media (max-width: 400px){.admin-show-container .admin-details-grid{gap:.75rem}}.admin-show-container .left-column{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.admin-show-container .left-column{gap:1.5rem}}@media (max-width: 400px){.admin-show-container .left-column{gap:1rem}}.admin-show-container .right-column{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.admin-show-container .right-column{gap:1.5rem}}@media (max-width: 400px){.admin-show-container .right-column{gap:1rem}}.admin-show-container .glass-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 60px #d4af371a;padding:2rem;transition:all .3s ease}@media (max-width: 768px){.admin-show-container .glass-card{padding:1.5rem;border-radius:16px}}@media (max-width: 500px){.admin-show-container .glass-card{padding:1.25rem}}@media (max-width: 400px){.admin-show-container .glass-card{padding:1rem;border-radius:12px}}.admin-show-container .glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080,inset 0 1px #fff3,0 0 80px #d4af3726}@media (max-width: 500px){.admin-show-container .glass-card:hover{transform:translateY(-1px)}}.admin-show-container .admin-profile-card{text-align:center;position:relative}.admin-show-container .admin-profile-card .status-chip{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.admin-show-container .admin-profile-card .status-chip.active{background:#4caf5040;color:#4caf50;border:1px solid rgba(76,175,80,.4);text-shadow:0 0 10px rgba(76,175,80,.3)}.admin-show-container .admin-profile-card .status-chip.blocked{background:#f4433640;color:#f44336;border:1px solid rgba(244,67,54,.4);text-shadow:0 0 10px rgba(244,67,54,.3)}.admin-show-container .admin-profile-card .admin-avatar{position:relative;display:inline-block;margin-bottom:1.5rem}@media (max-width: 500px){.admin-show-container .admin-profile-card .admin-avatar{margin-bottom:1rem}}.admin-show-container .admin-profile-card .admin-avatar .avatar{width:120px;height:120px;border-radius:50%;border:4px solid #D4AF37;box-shadow:0 0 20px #d4af374d;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#000}@media (max-width: 600px){.admin-show-container .admin-profile-card .admin-avatar .avatar{width:100px;height:100px;font-size:2.5rem}}@media (max-width: 400px){.admin-show-container .admin-profile-card .admin-avatar .avatar{width:80px;height:80px;font-size:2rem;border:3px solid #D4AF37}}.admin-show-container .admin-profile-card .admin-avatar .admin-badge{position:absolute;bottom:5px;right:5px;background:#d4af37;color:#000;border-radius:50%;padding:8px;border:2px solid #191c20;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.admin-show-container .admin-profile-card .admin-avatar .admin-badge svg{width:20px;height:20px}.admin-show-container .admin-profile-card .admin-info .admin-name{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#d4af37;margin:0 0 1rem;text-shadow:0 2px 4px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2);word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 600px){.admin-show-container .admin-profile-card .admin-info .admin-name{font-size:1.5rem}}@media (max-width: 400px){.admin-show-container .admin-profile-card .admin-info .admin-name{font-size:1.25rem}}.admin-show-container .admin-profile-card .admin-info .admin-email{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fffc;margin-bottom:1rem}.admin-show-container .admin-profile-card .admin-info .admin-email svg{width:16px;height:16px;color:#a0a0a0}.admin-show-container .admin-profile-card .admin-info .admin-role{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#d4af37;font-weight:700;margin-bottom:1rem}.admin-show-container .admin-profile-card .admin-info .admin-role svg{width:20px;height:20px}.admin-show-container .admin-profile-card .admin-info .admin-id-section{background:#0000004d;border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-show-container .admin-profile-card .admin-info .admin-id-section .admin-id{font-family:"monospace";color:#ffffffb3;font-size:.875rem}.admin-show-container .admin-profile-card .admin-info .admin-id-section .copy-button{background:none;border:none;color:#a0a0a0;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.admin-show-container .admin-profile-card .admin-info .admin-id-section .copy-button:hover{color:#d4af37;background:#d4af371a}.admin-show-container .admin-profile-card .admin-info .admin-id-section .copy-button svg{width:16px;height:16px}.admin-show-container .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.admin-show-container .stats-grid{grid-template-columns:1fr}}.admin-show-container .stats-grid .stat-card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;transition:all .3s ease}.admin-show-container .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3726;border-color:#d4af374d}.admin-show-container .stats-grid .stat-card .stat-content{display:flex;align-items:center;gap:1rem}.admin-show-container .stats-grid .stat-card .stat-content .stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-show-container .stats-grid .stat-card .stat-content .stat-icon svg{width:20px;height:20px}.admin-show-container .stats-grid .stat-card .stat-content .stat-info .stat-label{color:#fff9;font-size:.875rem;margin-bottom:.25rem}.admin-show-container .stats-grid .stat-card .stat-content .stat-info .stat-value{color:#fff;font-size:1.125rem;font-weight:700}.admin-show-container .permissions-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.admin-show-container .permissions-card .card-header svg{color:#d4af37;width:24px;height:24px}.admin-show-container .permissions-card .card-header .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0;flex-grow:1;margin-left:.75rem}.admin-show-container .permissions-card .card-header .permissions-count{font-size:.875rem;color:#a0a0a0;background:#d4af371a;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(212,175,55,.3);white-space:nowrap}.admin-show-container .permissions-card .permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.admin-show-container .permissions-card .permissions-grid{grid-template-columns:1fr}}.admin-show-container .permissions-card .permission-item{background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.2);padding:1rem;display:flex;align-items:center;gap:.75rem}.admin-show-container .permissions-card .permission-item .permission-icon{color:#4caf50;width:18px;height:18px}.admin-show-container .permissions-card .permission-item .permission-name{color:#fff;font-size:.875rem;font-weight:500}.admin-show-container .permissions-card .no-permissions{text-align:center;padding:2rem;color:#a0a0a0}.admin-show-container .permissions-card .no-permissions .no-permissions-text{font-size:.875rem;font-style:italic}.admin-show-container .metadata-card .card-header{margin-bottom:1.5rem}.admin-show-container .metadata-card .card-header .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.admin-show-container .metadata-card .metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.admin-show-container .metadata-card .metadata-grid{grid-template-columns:1fr}}.admin-show-container .metadata-card .metadata-item{background:#0000004d;border-radius:8px;padding:1rem}.admin-show-container .metadata-card .metadata-item .metadata-label{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.admin-show-container .metadata-card .metadata-item .metadata-value{color:#fff;font-size:.875rem;font-weight:700}.admin-show-container .location-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.admin-show-container .location-card .card-header svg{color:#d4af37;width:24px;height:24px}.admin-show-container .location-card .card-header .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.admin-show-container .location-card .location-info{background:#d4af371a;border-radius:12px;border:1px solid rgba(212,175,55,.2);padding:1.5rem;margin-bottom:1rem}.admin-show-container .location-card .location-info .location-main{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.admin-show-container .location-card .location-info .location-main .flag-img{width:32px;height:auto;border-radius:4px}.admin-show-container .location-card .location-info .location-main .city-name{color:#d4af37;font-size:1.25rem;font-weight:600;margin:0}.admin-show-container .location-card .location-info .location-details{color:#ffffffb3;font-size:.875rem}.admin-show-container .location-card .ip-info{background:#0000004d;border-radius:8px;padding:1rem}.admin-show-container .location-card .ip-info .ip-label{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.admin-show-container .location-card .ip-info .ip-value{color:#d4af37;font-family:"monospace";font-size:.875rem;font-weight:700}.admin-show-container .location-card .no-location{color:#fff9;text-align:center;padding:2rem;font-style:italic}.admin-show-container .activity-chart .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.admin-show-container .activity-chart .card-header svg{color:#d4af37;width:24px;height:24px}.admin-show-container .activity-chart .card-header .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.admin-show-container .activity-chart .chart-container{height:250px;width:100%}.admin-show-container .loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.admin-show-container .loading-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top:4px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.admin-show-container .error-container{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(244,67,54,.3);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;padding:3rem;text-align:center}.admin-show-container .error-container .error-title{color:#f44336;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.admin-show-container .error-container .error-message{color:#ffffffb3;font-size:1rem}.admin-show-container .mfa-status-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.admin-show-container .mfa-status-card .card-header svg{color:#d4af37;width:24px;height:24px}.admin-show-container .mfa-status-card .card-header .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.admin-show-container .mfa-status-card .mfa-status-content .mfa-status-indicator{background:#0000004d;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}@media (max-width: 600px){.admin-show-container .mfa-status-card .mfa-status-content .mfa-status-indicator{flex-direction:column;text-align:center}}.admin-show-container .mfa-status-card .mfa-status-content .mfa-status-indicator .mfa-status-text{flex:1}.admin-show-container .mfa-status-card .mfa-status-content .mfa-status-indicator .mfa-status-text .mfa-status-title{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.admin-show-container .mfa-status-card .mfa-status-content .mfa-status-indicator .mfa-status-text .mfa-status-subtitle{color:#ffffffb3;font-size:.875rem;line-height:1.5}.admin-show-container .mfa-status-card .mfa-status-content .mfa-enrollments .mfa-enrollments-title{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.admin-show-container .mfa-status-card .mfa-status-content .mfa-enrollments .mfa-enrollment-item{background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.2);padding:1rem;margin-bottom:.75rem}.admin-show-container .mfa-status-card .mfa-status-content .mfa-enrollments .mfa-enrollment-item:last-child{margin-bottom:0}.admin-show-container .mfa-status-card .mfa-status-content .mfa-enrollments .mfa-enrollment-item .enrollment-type{color:#4caf50;font-weight:600;margin-bottom:.5rem;font-size:.9375rem}.admin-show-container .mfa-status-card .mfa-status-content .mfa-enrollments .mfa-enrollment-item .enrollment-date{color:#ffffffb3;font-size:.75rem;margin-bottom:.25rem}.admin-show-container .mfa-status-card .mfa-status-content .mfa-enrollments .mfa-enrollment-item .enrollment-last-use{color:#fff9;font-size:.75rem}.access-level-dropdown{position:relative;overflow:visible!important}.access-level-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.access-level-dropdown .dropdown-trigger:hover{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-color:#d4af3766;box-shadow:0 4px 12px #d4af3726,inset 0 1px #ffffff26}.access-level-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#fff;font-weight:500}.access-level-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37}.access-level-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.access-level-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.access-level-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.access-level-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.access-level-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.access-level-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.access-level-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.access-level-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}@media (max-width: 768px){.access-level-dropdown .dropdown-trigger,.access-level-dropdown .dropdown-menu .dropdown-option{padding:.75rem .875rem;font-size:.8125rem}}@media (max-width: 500px){.access-level-dropdown .dropdown-trigger,.access-level-dropdown .dropdown-menu .dropdown-option{font-size:.75rem;padding:.75rem .875rem}}@media (max-width: 480px){.access-level-dropdown .dropdown-trigger,.access-level-dropdown .dropdown-menu .dropdown-option{font-size:.6875rem;padding:.625rem .75rem}}@media (max-width: 360px){.access-level-dropdown .dropdown-trigger,.access-level-dropdown .dropdown-menu .dropdown-option{font-size:.625rem;padding:.625rem .75rem}}.permissions-preview .permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:1rem 0;padding:1rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;max-height:200px;overflow-y:auto}@media (max-width: 768px){.permissions-preview .permissions-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;padding:.75rem}}@media (max-width: 500px){.permissions-preview .permissions-grid{grid-template-columns:1fr;gap:.5rem;padding:.5rem}}.permissions-preview .permission-item{background:#ffffff0d;border:1px solid rgba(212,175,55,.2);border-radius:6px;padding:.5rem .75rem;font-size:.875rem;color:#fff;display:flex;align-items:center;transition:all .2s ease}.permissions-preview .permission-item:hover{background:#d4af371a;border-color:#d4af3766}.permissions-preview .permission-item .permission-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 500px){.permissions-preview .permission-item{padding:.4rem .6rem;font-size:.8rem}}.permissions-preview label{color:#d4af37;font-weight:600;font-size:.95rem;margin-bottom:.5rem;display:block}.permissions-preview .helper-text{color:#a0a0a0;font-size:.85rem;margin-top:.5rem;font-style:italic}.access-level-description{margin-top:.75rem;padding:.75rem;background:#d4af3714;border:1px solid rgba(212,175,55,.25);border-radius:6px;color:#fff;font-size:.875rem;line-height:1.4}@media (max-width: 500px){.access-level-description{padding:.6rem;font-size:.8rem}}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1d21,#151719);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;line-height:1.4;white-space:nowrap;max-width:300px;white-space:normal;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;border:1px solid rgba(212,175,55,.3);z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;margin-bottom:8px}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#d4af374d}.tooltip.show{opacity:1;visibility:visible}@media (max-width: 500px){.tooltip{font-size:.8rem;padding:.625rem .875rem;max-width:250px}}.admin-form-container{padding:2rem;min-height:100vh;position:relative;box-sizing:border-box;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#D4AF37 rgba(255,255,255,.1)}.admin-form-container *,.admin-form-container *:before,.admin-form-container *:after{box-sizing:border-box}.admin-form-container::-webkit-scrollbar{width:12px}.admin-form-container::-webkit-scrollbar-track{background:#0003;border-radius:6px}.admin-form-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#c8a02b);border-radius:6px;border:2px solid rgba(0,0,0,.2);transition:background .2s ease}.admin-form-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c8a02b,#d4af37)}@media (max-width: 768px){.admin-form-container{padding:1.5rem}}@media (max-width: 500px){.admin-form-container{padding:1rem}}@media (max-width: 400px){.admin-form-container{padding:.75rem}}.admin-form-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.admin-form-container>*{position:relative;z-index:2}.admin-form-container .section-header{margin-bottom:2rem;display:block}@media (max-width: 768px){.admin-form-container .section-header{margin-bottom:1.5rem;text-align:center}}@media (max-width: 400px){.admin-form-container .section-header{margin-bottom:1rem}}.admin-form-container .section-header .section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:400;color:#d4af37;margin:0 0 .5rem;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2);display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.admin-form-container .section-header .section-title{font-size:2rem;justify-content:center}}@media (max-width: 500px){.admin-form-container .section-header .section-title{font-size:1.75rem}}@media (max-width: 400px){.admin-form-container .section-header .section-title{font-size:1.5rem;gap:.75rem}}.admin-form-container .section-header .section-title .back-button{background:none;border:none;color:#d4af37;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;flex-shrink:0}.admin-form-container .section-header .section-title .back-button:hover{background:#d4af371a}.admin-form-container .section-header .section-title .back-button svg{width:24px;height:24px;display:block}@media (max-width: 400px){.admin-form-container .section-header .section-title .back-button svg{width:20px;height:20px}}.admin-form-container .section-header .section-subtitle{color:#fffc;font-size:1rem;margin:0 0 0 3.6rem;font-weight:300;text-shadow:0 1px 2px rgba(0,0,0,.5);display:block;text-align:left}@media (max-width: 768px){.admin-form-container .section-header .section-subtitle{text-align:center;margin-left:0}}@media (max-width: 500px){.admin-form-container .section-header .section-subtitle{font-size:.9rem}}.admin-form-container .form-container{max-width:800px;margin:0 auto}@media (max-width: 768px){.admin-form-container .form-container{max-width:100%}}.admin-form-container .form-container .glass-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 60px #d4af371a;padding:3rem;overflow:visible}@media (max-width: 768px){.admin-form-container .form-container .glass-card{padding:2rem;border-radius:16px}}@media (max-width: 500px){.admin-form-container .form-container .glass-card{padding:1.5rem}}@media (max-width: 400px){.admin-form-container .form-container .glass-card{padding:1rem;border-radius:12px}}.admin-form-container .form-container .form-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(212,175,55,.2);display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.admin-form-container .form-container .form-header{margin-bottom:2rem;padding-bottom:1.5rem}}@media (max-width: 500px){.admin-form-container .form-container .form-header{margin-bottom:1.5rem;padding-bottom:1rem}}.admin-form-container .form-container .form-header .admin-icon{width:80px;height:80px;background:#d4af37;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto -1rem;box-shadow:0 4px 20px #d4af374d;flex-shrink:0}@media (max-width: 600px){.admin-form-container .form-container .form-header .admin-icon{width:60px;height:60px}}@media (max-width: 400px){.admin-form-container .form-container .form-header .admin-icon{width:50px;height:50px}}.admin-form-container .form-container .form-header .admin-icon svg{width:40px;height:40px;color:#000}@media (max-width: 600px){.admin-form-container .form-container .form-header .admin-icon svg{width:30px;height:30px}}@media (max-width: 400px){.admin-form-container .form-container .form-header .admin-icon svg{width:25px;height:25px}}.admin-form-container .form-container .form-header .form-title{font-family:var(--font-heading);color:#d4af37;font-size:2rem;font-weight:400;margin:0 0 -15px}@media (max-width: 600px){.admin-form-container .form-container .form-header .form-title{font-size:1.5rem}}@media (max-width: 400px){.admin-form-container .form-container .form-header .form-title{font-size:1.25rem}}.admin-form-container .form-container .form-header .form-description{color:#ffffffb3;font-size:1rem;margin:0}@media (max-width: 500px){.admin-form-container .form-container .form-header .form-description{font-size:.9rem}}.admin-form-container .form-container .admin-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 768px){.admin-form-container .form-container .admin-form .form-grid{grid-template-columns:1fr;gap:1.5rem}}.admin-form-container .form-container .admin-form .form-section{padding:1.5rem;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.05)}@media (max-width: 600px){.admin-form-container .form-container .admin-form .form-section{padding:1.25rem}}@media (max-width: 400px){.admin-form-container .form-container .admin-form .form-section{padding:1rem;border-radius:8px}}.admin-form-container .form-container .admin-form .form-section .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;justify-content:flex-start}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-section .section-header{margin-bottom:1rem}}.admin-form-container .form-container .admin-form .form-section .section-header svg{color:#d4af37;width:20px;height:20px;flex-shrink:0}@media (max-width: 400px){.admin-form-container .form-container .admin-form .form-section .section-header svg{width:18px;height:18px}}.admin-form-container .form-container .admin-form .form-section .section-header .section-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0;flex-shrink:0}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-section .section-header .section-title{font-size:1rem}}@media (max-width: 400px){.admin-form-container .form-container .admin-form .form-section .section-header .section-title{font-size:.9rem}}.admin-form-container .form-container .admin-form .form-field{margin-bottom:1.5rem}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field{margin-bottom:1.25rem}}.admin-form-container .form-container .admin-form .form-field:last-child{margin-bottom:0}.admin-form-container .form-container .admin-form .form-field label{display:block;color:#d4af37;font-weight:700;margin-bottom:.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field label{font-size:.8rem}}.admin-form-container .form-container .admin-form .form-field input,.admin-form-container .form-container .admin-form .form-field select{width:100%;max-width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field input,.admin-form-container .form-container .admin-form .form-field select{padding:.625rem;font-size:.8125rem}}@media (max-width: 400px){.admin-form-container .form-container .admin-form .form-field input,.admin-form-container .form-container .admin-form .form-field select{padding:.5rem;font-size:.75rem}}.admin-form-container .form-container .admin-form .form-field input:hover,.admin-form-container .form-container .admin-form .form-field select:hover{border-color:#d4af3766;background:#ffffff12}.admin-form-container .form-container .admin-form .form-field input:focus,.admin-form-container .form-container .admin-form .form-field select:focus{outline:none;border-color:#d4af37;background:#ffffff14;box-shadow:0 0 0 2px #d4af3733}.admin-form-container .form-container .admin-form .form-field input::placeholder,.admin-form-container .form-container .admin-form .form-field select::placeholder{color:#fff6}.admin-form-container .form-container .admin-form .form-field input:disabled,.admin-form-container .form-container .admin-form .form-field select:disabled{opacity:.6;cursor:not-allowed}.admin-form-container .form-container .admin-form .form-field select{cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23D4AF37' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem;padding-right:2.5rem;appearance:none}.admin-form-container .form-container .admin-form .form-field select option{background:linear-gradient(135deg,#1a1d21,#151719);color:#fff;padding:.875rem 1rem;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05)}.admin-form-container .form-container .admin-form .form-field select option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.admin-form-container .form-container .admin-form .form-field select option:checked{background:linear-gradient(135deg,#d4af374d,#d4af3726);color:#d4af37;font-weight:600}.admin-form-container .form-container .admin-form .form-field .helper-text{color:#fff9;font-size:.75rem;margin-top:.25rem}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field .helper-text{font-size:.7rem}}.admin-form-container .form-container .admin-form .form-field .error-text{color:#f44336;font-size:.75rem;margin-top:.25rem}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field .error-text{font-size:.7rem}}.admin-form-container .form-container .admin-form .form-field .password-toggle-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px}.admin-form-container .form-container .admin-form .form-field .password-toggle-btn:hover{color:#d4af37;background:#d4af371a}.admin-form-container .form-container .admin-form .form-field .password-toggle-btn:focus{outline:2px solid #D4AF37;outline-offset:2px}.admin-form-container .form-container .admin-form .form-field .password-toggle-btn svg{width:20px;height:20px}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field .password-toggle-btn svg{width:18px;height:18px}}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator{background-color:#0000004d;padding:1rem;border-radius:8px;margin-top:.75rem;text-align:left;border:1px solid rgba(255,255,255,.1);animation:slideIn .3s ease-out}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field .password-strength-indicator{padding:.75rem}}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter{margin-bottom:.75rem}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter .strength-text{font-size:.875rem;margin-bottom:.5rem;font-weight:600;transition:color .3s ease;color:#fffc}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter .strength-text{font-size:.8rem}}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter .strength-bar{height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter .strength-bar .strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter.weak .strength-text{color:#ff9a96}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter.weak .strength-fill{background-color:#ff9a96}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter.good .strength-text{color:#ffd23f}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter.good .strength-fill{background-color:#ffd23f}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter.strong .strength-text{color:#a6ffb6}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator .strength-meter.strong .strength-fill{background-color:#a6ffb6}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator ul{list-style:none;padding:0;margin:0}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator li{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#fff9;transition:all .3s ease;margin-bottom:.4rem}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field .password-strength-indicator li{font-size:.75rem;gap:6px}}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator li:last-child{margin-bottom:0}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator li .icon{font-size:1rem;transition:all .3s ease;color:#ffffff4d}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-field .password-strength-indicator li .icon{font-size:.9rem}}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator li.invalid .icon{color:#ff9a96}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator li.valid{color:#a6ffb6;font-weight:500}.admin-form-container .form-container .admin-form .form-field .password-strength-indicator li.valid .icon{color:#a6ffb6}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-form-container .form-container .admin-form .form-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.admin-form-container .form-container .admin-form .form-actions{flex-direction:column;gap:.75rem}}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-actions{margin-top:1.5rem;padding-top:1.5rem}}@media (max-width: 400px){.admin-form-container .form-container .admin-form .form-actions{gap:.5rem}}.admin-form-container .form-container .admin-form .form-actions .form-button{padding:.875rem 2rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;font-size:.875rem;min-width:120px}@media (max-width: 768px){.admin-form-container .form-container .admin-form .form-actions .form-button{width:100%;min-width:auto}}@media (max-width: 500px){.admin-form-container .form-container .admin-form .form-actions .form-button{padding:.75rem 1.5rem;font-size:.8rem}}@media (max-width: 400px){.admin-form-container .form-container .admin-form .form-actions .form-button{padding:.625rem 1.25rem;font-size:.75rem}}.admin-form-container .form-container .admin-form .form-actions .form-button.primary{background:#d4af3733;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.4);color:#d4af37}.admin-form-container .form-container .admin-form .form-actions .form-button.primary:hover:not(:disabled){background:#d4af374d;transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}.admin-form-container .form-container .admin-form .form-actions .form-button.secondary{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fffc}.admin-form-container .form-container .admin-form .form-actions .form-button.secondary:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.admin-form-container .form-container .admin-form .form-actions .form-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.admin-form-container .loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.admin-form-container .loading-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top:4px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.activity-logs-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.activity-logs-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.activity-logs-container>*{position:relative;z-index:2}.activity-logs-container .section-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.activity-logs-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2)}.activity-logs-container .section-header .section-subtitle{color:#ffffffb3;font-size:1.1rem;margin:.2rem 0 0;font-weight:300}.activity-logs-container .section-header .header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.activity-logs-container .section-header .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.activity-logs-container .section-header .filter-toggle-btn:hover{border-color:#d4af3780;background:linear-gradient(135deg,#d4af3726,#d4af371a)}.activity-logs-container .section-header .filter-toggle-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af3726);border-color:#d4af3799}.activity-logs-container .section-header .filter-toggle-btn .filter-icon{font-size:1rem}.activity-logs-container .section-header .filter-toggle-btn .arrow{font-size:.75rem;transition:transform .3s ease}.activity-logs-container .section-header .filter-toggle-btn .arrow.up{transform:rotate(180deg)}.activity-logs-container .section-header .create-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d}.activity-logs-container .section-header .create-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.activity-logs-container .section-header .create-button svg{font-size:1.2rem}.activity-logs-container .enhanced-filter-section{margin-bottom:2rem}.activity-logs-container .enhanced-filter-section .filter-panel{border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control{display:flex;flex-direction:column;gap:.5rem}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-label{font-weight:600;color:#d4af37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .clear-filters-btn{padding:.75rem 1.5rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1.6rem}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .clear-filters-btn:hover{background:#f4433633;border-color:#f4433680}.activity-logs-container .logs-table-container{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 60px #d4af371a;overflow:hidden;margin-bottom:2rem;width:100%;max-width:100%}.activity-logs-container .logs-table-container .table-header{background:linear-gradient(135deg,#a3a3a31a,#d4af371a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.3);padding:.5rem 0;position:relative}.activity-logs-container .logs-table-container .table-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.5) 50%,transparent 100%)}.activity-logs-container .logs-table-container .table-header .header-row{display:grid;grid-template-columns:20px 200px 100px 100px 1fr 180px;gap:1rem;padding:.5rem .875rem;align-items:center;overflow:hidden}.activity-logs-container .logs-table-container .table-header .header-row .header-cell{color:#d4af37;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.activity-logs-container .logs-table-container .table-header .header-row .header-cell.center{text-align:center}.activity-logs-container .logs-table-container .table-header .header-row .header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.activity-logs-container .logs-table-container .table-header .header-row .header-cell.sortable:hover{color:#ddc061;transform:translateY(-1px)}.activity-logs-container .logs-table-container .table-header .header-row .header-cell.sortable:active{transform:translateY(0)}.activity-logs-container .logs-table-container .table-body .log-row{display:grid;grid-template-columns:20px 200px 100px 100px 1fr 180px;gap:1rem;padding:1rem .875rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:default;align-items:center;overflow:hidden}.activity-logs-container .logs-table-container .table-body .log-row:hover{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;margin:0 .1rem}.activity-logs-container .logs-table-container .table-body .log-row:last-child{border-bottom:none}.activity-logs-container .logs-table-container .table-body .log-row .cell{display:flex;align-items:center;color:#ffffffe6;font-size:.875rem;min-width:0;overflow:hidden;flex-shrink:0}.activity-logs-container .logs-table-container .table-body .log-row .cell .admin-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.activity-logs-container .logs-table-container .table-body .log-row .cell .admin-info .admin-name{font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-logs-container .logs-table-container .table-body .log-row .cell .admin-info .admin-email{font-size:.75rem;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-logs-container .logs-table-container .table-body .log-row .cell .description{color:#fffc;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-logs-container .logs-table-container .table-body .log-row .cell .time-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.activity-logs-container .logs-table-container .table-body .log-row .cell .time-info .relative-time{font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-logs-container .logs-table-container .table-body .log-row .cell .time-info .absolute-time{font-size:.6875rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-logs-container .action-badge{padding:.25rem .75rem;border-radius:12px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block}.activity-logs-container .action-badge.success{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.activity-logs-container .action-badge.info{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.activity-logs-container .action-badge.danger{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.activity-logs-container .action-badge.primary{background:#d4af3733;color:#d4af37;border:1px solid rgba(212,175,55,.3)}.activity-logs-container .action-badge.secondary{background:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.activity-logs-container .action-badge.warning{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.activity-logs-container .action-badge.default{background:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.2)}.activity-logs-container .resource-badge{padding:.25rem .75rem;border-radius:12px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#9c27b033;color:#9c27b0;border:1px solid rgba(156,39,176,.3);white-space:nowrap;display:inline-block}.activity-logs-container .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0}.activity-logs-container .pagination .pagination-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#d4af37;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.activity-logs-container .pagination .pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af3780;transform:translateY(-2px)}.activity-logs-container .pagination .pagination-button:disabled{opacity:.3;cursor:not-allowed}.activity-logs-container .pagination .pagination-info{font-size:.875rem;color:#fffc;font-weight:500}.activity-logs-container .empty-state{text-align:center;padding:4rem 2rem;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;color:#fff9}.activity-logs-container .empty-state .empty-icon{font-size:4rem;color:#d4af3766;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(212,175,55,.2))}.activity-logs-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.5)}.activity-logs-container .empty-state .empty-description{font-size:1rem;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.5)}.activity-logs-container .loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.activity-logs-container .loading-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top:4px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.activity-logs-container .modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease}.activity-logs-container .modal-overlay .modal-content{background:linear-gradient(135deg,#ffffff26,#ffffff14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.3);border-radius:16px;max-width:700px;width:100%;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 80px #d4af3733,inset 0 1px #ffffff1a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.activity-logs-container .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(212,175,55,.2);background:linear-gradient(135deg,#d4af371a,#ffffff0d)}.activity-logs-container .modal-overlay .modal-content .modal-header h2{color:#d4af37;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(212,175,55,.3)}.activity-logs-container .modal-overlay .modal-content .modal-header .modal-close-btn{background:none;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.activity-logs-container .modal-overlay .modal-content .modal-header .modal-close-btn:hover{background:#f4433633;color:#f44336;transform:rotate(90deg)}.activity-logs-container .modal-overlay .modal-content .modal-body{padding:2rem;overflow-y:auto;max-height:calc(85vh - 80px)}.activity-logs-container .modal-overlay .modal-content .modal-body::-webkit-scrollbar{width:8px}.activity-logs-container .modal-overlay .modal-content .modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.activity-logs-container .modal-overlay .modal-content .modal-body::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}.activity-logs-container .modal-overlay .modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#d4af3780}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row:last-child{border-bottom:none}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row.full-width{grid-template-columns:1fr;gap:.5rem}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-label{font-weight:600;color:#d4af37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-value{color:#ffffffe6;font-size:.9375rem;word-break:break-word}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-value.description-full{line-height:1.6}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-value.metadata-value{background:#0000004d;padding:1rem;border-radius:8px;font-size:.8125rem;overflow-x:auto;border:1px solid rgba(212,175,55,.2)}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-value.user-agent{font-size:.8125rem;color:#ffffffb3}.activity-logs-container .log-row{cursor:pointer;transition:all .2s ease}.activity-logs-container .log-row:hover{transform:translate(4px);background:#d4af3714!important}@media (max-width: 900px){.activity-logs-container .logs-table-container .table-header .header-row{grid-template-columns:20px 1fr 100px 1fr 150px}.activity-logs-container .logs-table-container .table-header .header-row .header-cell.hide-medium{display:none}.activity-logs-container .logs-table-container .table-body .log-row{grid-template-columns:20px 1fr 100px 1fr 150px}.activity-logs-container .logs-table-container .table-body .log-row .cell.hide-medium{display:none}}@media (max-width: 768px){.activity-logs-container{padding:1.5rem;background-attachment:scroll}.activity-logs-container .section-header{flex-direction:column;align-items:flex-start;margin-bottom:1.5rem}.activity-logs-container .section-header .section-title{font-size:2rem}.activity-logs-container .logs-table-container{border-radius:16px}.activity-logs-container .empty-state{padding:3rem 1.5rem}}@media (max-width: 750px){.activity-logs-container .logs-table-container .table-header .header-row{grid-template-columns:20px 1fr 100px 1fr 150px;gap:.75rem;padding:.5rem .75rem}.activity-logs-container .logs-table-container .table-body .log-row{grid-template-columns:20px 1fr 100px 1fr 150px;gap:.75rem;padding:.875rem .75rem}}@media (max-width: 600px){.activity-logs-container .logs-table-container .table-header .header-row{grid-template-columns:20px 1fr 90px 1fr 150px;gap:.5rem;padding:.5rem .75rem}.activity-logs-container .logs-table-container .table-header .header-row .header-cell.hide-small{display:none}.activity-logs-container .logs-table-container .table-header .header-row .header-cell{font-size:.75rem;letter-spacing:.25px}.activity-logs-container .logs-table-container .table-body .log-row{grid-template-columns:20px 1fr 90px 1fr 150px;gap:.5rem;padding:.75rem}.activity-logs-container .logs-table-container .table-body .log-row .cell.hide-small{display:none}.activity-logs-container .logs-table-container .table-body .log-row .cell{font-size:.8125rem}.activity-logs-container .logs-table-container .table-body .log-row .cell .admin-info .admin-name{font-size:.75rem}.activity-logs-container .logs-table-container .table-body .log-row .cell .admin-info .admin-email{font-size:.6875rem}}@media (max-width: 500px){.activity-logs-container{padding:1rem}.activity-logs-container .section-header .section-title{font-size:1.75rem}.activity-logs-container .section-header .section-subtitle{font-size:.9rem}.activity-logs-container .section-header .header-controls{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:nowrap}.activity-logs-container .section-header .filter-toggle-btn,.activity-logs-container .section-header .create-button{font-size:.75rem;padding:.5rem 1rem;gap:.375rem;flex:0 0 auto}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid{grid-template-columns:1fr;gap:1rem}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-label{font-size:.75rem}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .clear-filters-btn{font-size:.75rem;padding:.5rem 1rem}.activity-logs-container .modal-overlay .modal-content{max-width:calc(100vw - 1rem);max-height:90vh}.activity-logs-container .modal-overlay .modal-content .modal-header{padding:1rem 1.25rem}.activity-logs-container .modal-overlay .modal-content .modal-header h2{font-size:1.125rem}.activity-logs-container .modal-overlay .modal-content .modal-body{padding:1.25rem;max-height:calc(90vh - 70px)}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row{grid-template-columns:120px 1fr;gap:.75rem;padding:.75rem 0}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-label{font-size:.75rem}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-value{font-size:.875rem}.activity-logs-container .logs-table-container .table-header .header-row{grid-template-columns:20px 1fr 90px 1fr 150px;gap:.4rem;padding:.4rem .6rem}.activity-logs-container .logs-table-container .table-header .header-row .header-cell.hide-smaller{display:none}.activity-logs-container .logs-table-container .table-header .header-row .header-cell{font-size:.6875rem;letter-spacing:.125px}.activity-logs-container .logs-table-container .table-body .log-row{grid-template-columns:20px 1fr 90px 1fr 150px;gap:.4rem;padding:.6rem}.activity-logs-container .logs-table-container .table-body .log-row .cell.hide-smaller{display:none}.activity-logs-container .logs-table-container .table-body .log-row .cell{font-size:.75rem}.activity-logs-container .logs-table-container .table-body .log-row .cell .description{font-size:.6875rem}.activity-logs-container .pagination{flex-direction:column;gap:.75rem}.activity-logs-container .pagination .pagination-button{width:100%}.activity-logs-container .empty-state .empty-icon{font-size:3rem}.activity-logs-container .empty-state .empty-title{font-size:1.25rem}.activity-logs-container .empty-state .empty-description{font-size:.875rem}}@media (max-width: 480px){.activity-logs-container .section-header .filter-toggle-btn,.activity-logs-container .section-header .create-button{font-size:.6875rem;padding:.5rem 1rem}.activity-logs-container .logs-table-container .table-header .header-row{grid-template-columns:20px 1fr 100px 1fr}.activity-logs-container .logs-table-container .table-header .header-row .header-cell.hide-xsmall{display:none}.activity-logs-container .logs-table-container .table-body .log-row{grid-template-columns:20px 1fr 100px 1fr}.activity-logs-container .logs-table-container .table-body .log-row .cell.hide-xsmall{display:none}.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .clear-filters-btn{font-size:.6875rem;padding:.5rem .875rem}}@media (max-width: 480px){.activity-logs-container{padding:.75rem}.activity-logs-container .section-header{margin-bottom:1rem}.activity-logs-container .section-header .section-title{font-size:1.0625rem}.activity-logs-container .section-header .section-subtitle{font-size:.75rem;margin:.25rem 0 0}.activity-logs-container .section-header .filter-toggle-btn,.activity-logs-container .section-header .create-button{font-size:.6875rem;padding:.5rem .875rem}.activity-logs-container .logs-table-container{border-radius:12px}.activity-logs-container .logs-table-container .table-header .header-row{grid-template-columns:20px 1fr 75px 1fr;gap:.3rem;padding:.3rem .5rem}.activity-logs-container .logs-table-container .table-header .header-row .header-cell{font-size:.625rem;letter-spacing:0px}.activity-logs-container .logs-table-container .table-body .log-row{grid-template-columns:20px 1fr 75px 1fr;gap:.3rem;padding:.5rem}.activity-logs-container .logs-table-container .table-body .log-row .cell,.activity-logs-container .logs-table-container .table-body .log-row .cell .description{font-size:.625rem}.activity-logs-container .logs-table-container .table-body .log-row .cell .action-badge,.activity-logs-container .logs-table-container .table-body .log-row .cell .resource-badge{font-size:.5625rem;padding:.15rem .5rem}.activity-logs-container .empty-state{padding:2rem 1rem}}@media (max-width: 360px){.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger,.activity-logs-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{font-size:.625rem;padding:.625rem .75rem}.activity-logs-container .modal-overlay{padding:.5rem}.activity-logs-container .modal-overlay .modal-content .modal-header{padding:.75rem 1rem}.activity-logs-container .modal-overlay .modal-content .modal-header h2{font-size:1rem}.activity-logs-container .modal-overlay .modal-content .modal-header .modal-close-btn{width:28px;height:28px;font-size:1.5rem}.activity-logs-container .modal-overlay .modal-content .modal-body{padding:1rem}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row{grid-template-columns:1fr;gap:.25rem;padding:.625rem 0}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-label{font-size:.6875rem}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-value{font-size:.8125rem}.activity-logs-container .modal-overlay .modal-content .modal-body .detail-row .detail-value.metadata-value{font-size:.75rem;padding:.75rem}}.banners-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.banners-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.banners-container>*{position:relative;z-index:2}.banners-container .section-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.banners-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0px;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.banners-container .section-header .section-subtitle{font-size:1.1rem;color:#ffffffb3;margin:.2rem 0 0;font-weight:300}.banners-container .section-header .header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.banners-container .section-header .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banners-container .section-header .filter-toggle-btn:hover{border-color:#d4af3780;background:linear-gradient(135deg,#d4af3726,#d4af371a)}.banners-container .section-header .filter-toggle-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af3726);border-color:#d4af3799}.banners-container .section-header .filter-toggle-btn .filter-icon{font-size:1rem}.banners-container .section-header .filter-toggle-btn .arrow{font-size:.75rem;transition:transform .3s ease}.banners-container .section-header .filter-toggle-btn .arrow.up{transform:rotate(180deg)}.banners-container .section-header .clear-filters-btn{padding:.5rem 1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.banners-container .section-header .clear-filters-btn:hover{background:#f4433633;border-color:#f4433680}.banners-container .section-header .create-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d}.banners-container .section-header .create-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.banners-container .section-header .create-button svg{font-size:1.2rem}.banners-container .banner-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid rgba(212,175,55,.2);padding-bottom:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.banners-container .banner-tabs::-webkit-scrollbar{height:4px}.banners-container .banner-tabs::-webkit-scrollbar-track{background:#0003}.banners-container .banner-tabs::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}.banners-container .banner-tabs::-webkit-scrollbar-thumb:hover{background:#d4af3780}.banners-container .banner-tabs .tab-button{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#fff9;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.banners-container .banner-tabs .tab-button:hover{color:#d4af37cc;background:#d4af370d}.banners-container .banner-tabs .tab-button.active{color:#d4af37;border-bottom-color:#d4af37;background:#d4af371a}.banners-container .banner-tabs .tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#d4af37,transparent);box-shadow:0 0 10px #d4af3780}@media (max-width: 768px){.banners-container .banner-tabs{gap:.25rem;margin-bottom:1rem}.banners-container .banner-tabs .tab-button{padding:.625rem 1rem;font-size:.8125rem}}@media (max-width: 480px){.banners-container .banner-tabs .tab-button{padding:.5rem .875rem;font-size:.75rem}}.banners-container .active-filters-section{margin-bottom:1.5rem}.banners-container .active-filters-section .active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.banners-container .active-filters-section .active-filters .filter-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:.75rem;font-weight:600}.banners-container .active-filters-section .active-filters .filter-chip button{background:none;border:none;color:inherit;cursor:pointer;font-weight:700;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.banners-container .active-filters-section .active-filters .filter-chip button:hover{background:#f4433633;color:#f44336}.banners-container .enhanced-filter-section{margin-bottom:2rem}.banners-container .enhanced-filter-section .filter-panel{border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease}.banners-container .enhanced-filter-section .filter-panel .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}@media (max-width: 768px){.banners-container .enhanced-filter-section .filter-panel .filter-grid{grid-template-columns:1fr;gap:1rem}}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control{display:flex;flex-direction:column;gap:.5rem}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-label{font-weight:600;color:#d4af37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown{position:relative;overflow:visible!important}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,0 1px 4px #d4af371a}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger:hover{border-color:#d4af3766;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);box-shadow:0 4px 16px #00000040,0 2px 8px #d4af3726}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#fff;font-weight:500}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.banners-container .loading-container{display:flex;justify-content:center;align-items:center;height:300px}.banners-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.banners-container .empty-state{text-align:center;padding:4rem 2rem;color:#ffffffb3}.banners-container .empty-state .empty-icon{font-size:4rem;color:#d4af3780;margin-bottom:1rem}.banners-container .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.banners-container .empty-state .empty-description{font-size:1rem;color:#fff9}.banners-container .banners-table-container{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.banners-container .banners-table-container .table-header{background:#d4af371a;border-bottom:1px solid rgba(212,175,55,.2)}.banners-container .banners-table-container .table-header .header-row{display:grid;grid-template-columns:30px 1fr 120px 120px;gap:1rem;padding:1rem}.banners-container .banners-table-container .table-header .header-row .header-cell{font-weight:600;color:#d4af37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.banners-container .banners-table-container .table-header .header-row .header-cell.center{text-align:center}.banners-container .banners-table-container .table-body .banner-row{display:grid;grid-template-columns:30px 1fr 120px 120px;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.banners-container .banners-table-container .table-body .banner-row:hover{background:#d4af370d;border-bottom-color:#d4af374d}.banners-container .banners-table-container .table-body .banner-row:last-child{border-bottom:none}.banners-container .banners-table-container .table-body .banner-row .cell{display:flex;align-items:center;color:#fff;font-size:.875rem;min-width:0;overflow:hidden}.banners-container .banners-table-container .table-body .banner-row .cell.center{justify-content:center}.banners-container .banners-table-container .table-body .banner-row .cell .banner-thumbnail{width:60px;height:60px;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:1.5rem}.banners-container .banners-table-container .table-body .banner-row .cell .serial-number{font-weight:600;color:#d4af37;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:50%;border:1px solid rgba(212,175,55,.3)}.banners-container .banners-table-container .table-body .banner-row .cell .banner-info{width:100%;min-width:0}.banners-container .banners-table-container .table-body .banner-row .cell .banner-info .banner-name{font-weight:600;color:#fff;font-size:.9375rem;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banners-container .banners-table-container .table-body .banner-row .cell .banner-info .banner-subtitle{color:#fff9;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banners-container .banners-table-container .table-body .banner-row .cell .type-badge,.banners-container .banners-table-container .table-body .banner-row .cell .page-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid;white-space:nowrap}.banners-container .banners-table-container .table-body .banner-row .cell .type-badge.banner{background:#4caf5033;color:#4caf50;border-color:#4caf504d}.banners-container .banners-table-container .table-body .banner-row .cell .type-badge.promo{background:#2196f333;color:#2196f3;border-color:#2196f34d}.banners-container .banners-table-container .table-body .banner-row .cell .type-badge.background{background:#d4af3733;color:#d4af37;border-color:#d4af374d}.banners-container .banners-table-container .table-body .banner-row .cell .type-badge.hero_slider{background:#9c27b033;color:#9c27b0;border-color:#9c27b04d}.banners-container .banners-table-container .table-body .banner-row .cell .page-badge{background:#d4af3733;color:#d4af37;border-color:#d4af374d}.banners-container .banners-table-container .table-body .banner-row .cell .banner-pages{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.banners-container .banners-table-container .table-body .banner-row .cell .banner-pages .page-chip{background:#d4af3733;color:#d4af37;padding:.2rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:500;line-height:1.2;letter-spacing:.125px;border:1px solid rgba(212,175,55,.3)}.banners-container .banners-table-container .table-body .banner-row .cell .position-text{color:#fffc;font-size:.875rem}.banners-container .banners-table-container .table-body .banner-row .cell .status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid}.banners-container .banners-table-container .table-body .banner-row .cell .status-badge.active{background:#4caf5033;color:#4caf50;border-color:#4caf504d}.banners-container .banners-table-container .table-body .banner-row .cell .status-badge.inactive{background:#f4433633;color:#f44336;border-color:#f443364d}.banners-container .action-buttons{display:flex;gap:.5rem}.banners-container .action-buttons .edit-button,.banners-container .action-buttons .delete-button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.banners-container .action-buttons .edit-button svg,.banners-container .action-buttons .delete-button svg{font-size:1rem}.banners-container .action-buttons .edit-button{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.banners-container .action-buttons .edit-button:hover{background:#2196f34d;border-color:#2196f3}.banners-container .action-buttons .delete-button{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.banners-container .action-buttons .delete-button:hover{background:#f443364d;border-color:#f44336}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.banners-container{padding:1.5rem}.banners-container .section-header .section-title{font-size:2.25rem}.banners-container .section-header .header-controls{gap:.75rem}.banners-container .section-header .filter-toggle-btn,.banners-container .section-header .create-button{font-size:.875rem;padding:.625rem 1.25rem}.banners-container .section-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.banners-container .banners-table-container .table-header .header-row,.banners-container .banners-table-container .table-body .banner-row{grid-template-columns:30px 1fr 110px 110px;gap:.75rem;padding:.875rem}}@media (max-width: 768px){.banners-container{padding:1rem;background-attachment:scroll}.banners-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.banners-container .section-header .section-title{font-size:2rem}.banners-container .section-header .header-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.banners-container .section-header .filter-toggle-btn,.banners-container .section-header .create-button{font-size:.875rem;padding:.625rem 1.25rem}.banners-container .section-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.banners-container .enhanced-filter-section .filter-panel .filter-grid{grid-template-columns:1fr;gap:1rem}.banners-container .banners-table-container{border-radius:8px}.banners-container .banners-table-container .table-header .header-row,.banners-container .banners-table-container .table-body .banner-row{grid-template-columns:33px 1fr 100px 100px;gap:.5rem;padding:.75rem}.banners-container .banners-table-container .table-header .header-row .header-cell,.banners-container .banners-table-container .table-header .header-row .cell,.banners-container .banners-table-container .table-body .banner-row .header-cell,.banners-container .banners-table-container .table-body .banner-row .cell{font-size:.75rem}.banners-container .banners-table-container .table-header .header-row .header-cell .banner-pages .page-chip,.banners-container .banners-table-container .table-header .header-row .cell .banner-pages .page-chip,.banners-container .banners-table-container .table-body .banner-row .header-cell .banner-pages .page-chip,.banners-container .banners-table-container .table-body .banner-row .cell .banner-pages .page-chip{font-size:.625rem;padding:.15rem .375rem}}@media (max-width: 600px){.banners-container .banners-table-container .table-header .header-row,.banners-container .banners-table-container .table-body .banner-row{grid-template-columns:33px 1fr 100px 100px;gap:.5rem;padding:.625rem}.banners-container .banners-table-container .table-header .header-row .cell.hide-small,.banners-container .banners-table-container .table-header .header-row .header-cell.hide-small,.banners-container .banners-table-container .table-body .banner-row .cell.hide-small,.banners-container .banners-table-container .table-body .banner-row .header-cell.hide-small{display:none}.banners-container .banners-table-container .table-header .header-row .cell,.banners-container .banners-table-container .table-body .banner-row .cell{font-size:.6875rem}.banners-container .banners-table-container .table-header .header-row .cell .serial-number,.banners-container .banners-table-container .table-body .banner-row .cell .serial-number{width:28px;height:28px;font-size:.8rem}.banners-container .banners-table-container .table-header .header-row .cell .banner-thumbnail,.banners-container .banners-table-container .table-body .banner-row .cell .banner-thumbnail{width:45px;height:45px}.banners-container .banners-table-container .table-header .header-row .cell .banner-info .banner-name,.banners-container .banners-table-container .table-body .banner-row .cell .banner-info .banner-name{font-size:.8125rem}}@media (max-width: 500px){.banners-container .enhanced-filter-section .filter-header .filter-toggle-btn{font-size:.75rem;padding:.625rem 1.25rem}.banners-container .enhanced-filter-section .filter-header .clear-filters-btn{font-size:.75rem;padding:.4rem .875rem}.banners-container .enhanced-filter-section .filter-header .active-filters .filter-chip{font-size:.6875rem;padding:.3rem .625rem}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-label{font-size:.75rem}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger,.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{font-size:.75rem;padding:.75rem .875rem}}@media (max-width: 480px){.banners-container{padding:.75rem}.banners-container .section-header{margin-bottom:1rem}.banners-container .section-header .section-title{font-size:1.5rem}.banners-container .section-header .section-subtitle{font-size:.75rem;margin:.25rem 0 0}.banners-container .section-header .header-controls{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:nowrap}.banners-container .section-header .filter-toggle-btn,.banners-container .section-header .create-button{font-size:.75rem;padding:.5rem 1rem;gap:.375rem;flex:0 0 auto}.banners-container .section-header .clear-filters-btn{font-size:.6875rem;padding:.375rem .75rem}.banners-container .enhanced-filter-section{margin-bottom:1rem}.banners-container .banners-table-container .table-header .header-row,.banners-container .banners-table-container .table-body .banner-row{grid-template-columns:33px 1fr 60px 75px;gap:.375rem;padding:.5rem}.banners-container .banners-table-container .table-header .header-row .cell.hide-smaller,.banners-container .banners-table-container .table-header .header-row .header-cell.hide-smaller,.banners-container .banners-table-container .table-body .banner-row .cell.hide-smaller,.banners-container .banners-table-container .table-body .banner-row .header-cell.hide-smaller{display:none}.banners-container .banners-table-container .table-header .header-row .header-cell,.banners-container .banners-table-container .table-body .banner-row .header-cell,.banners-container .banners-table-container .table-header .header-row .cell,.banners-container .banners-table-container .table-body .banner-row .cell{font-size:.625rem}.banners-container .banners-table-container .table-header .header-row .cell .banner-pages .page-chip,.banners-container .banners-table-container .table-body .banner-row .cell .banner-pages .page-chip{font-size:.5rem;padding:.125rem .3125rem}.banners-container .banners-table-container .table-header .header-row .cell .serial-number,.banners-container .banners-table-container .table-body .banner-row .cell .serial-number{width:24px;height:24px;font-size:.6875rem}.banners-container .banners-table-container .table-header .header-row .cell .banner-thumbnail,.banners-container .banners-table-container .table-body .banner-row .cell .banner-thumbnail{width:40px;height:40px}.banners-container .banners-table-container .table-header .header-row .cell .banner-info .banner-name,.banners-container .banners-table-container .table-body .banner-row .cell .banner-info .banner-name{font-size:.75rem}.banners-container .banners-table-container .table-header .header-row .cell .type-badge,.banners-container .banners-table-container .table-header .header-row .cell .page-badge,.banners-container .banners-table-container .table-header .header-row .cell .status-badge,.banners-container .banners-table-container .table-body .banner-row .cell .type-badge,.banners-container .banners-table-container .table-body .banner-row .cell .page-badge,.banners-container .banners-table-container .table-body .banner-row .cell .status-badge{font-size:.625rem;font-size:8px;padding:.2rem .4rem}.banners-container .action-buttons{gap:.375rem}.banners-container .action-buttons .edit-button,.banners-container .action-buttons .delete-button{padding:.375rem}.banners-container .action-buttons .edit-button svg,.banners-container .action-buttons .delete-button svg{font-size:.875rem}}@media (max-width: 400px){.banners-container{padding:.5rem}.banners-container .banners-table-container{border-radius:6px}.banners-container .banners-table-container .table-header .header-row,.banners-container .banners-table-container .table-body .banner-row{grid-template-columns:25px 1fr 60px 60px;gap:.25rem;padding:.375rem}.banners-container .banners-table-container .table-header .header-row .header-cell,.banners-container .banners-table-container .table-body .banner-row .header-cell,.banners-container .banners-table-container .table-header .header-row .cell,.banners-container .banners-table-container .table-body .banner-row .cell{font-size:.5625rem}.banners-container .banners-table-container .table-header .header-row .cell .serial-number,.banners-container .banners-table-container .table-body .banner-row .cell .serial-number{width:20px;height:20px;font-size:.625rem}.banners-container .banners-table-container .table-header .header-row .cell .banner-thumbnail,.banners-container .banners-table-container .table-body .banner-row .cell .banner-thumbnail{width:35px;height:35px}.banners-container .banners-table-container .table-header .header-row .cell .banner-info .banner-name,.banners-container .banners-table-container .table-body .banner-row .cell .banner-info .banner-name{font-size:.6875rem}.banners-container .action-buttons .edit-button,.banners-container .action-buttons .delete-button{padding:.25rem}.banners-container .action-buttons .edit-button svg,.banners-container .action-buttons .delete-button svg{font-size:.75rem}}@media (max-width: 360px){.banners-container .enhanced-filter-section .filter-header .filter-toggle-btn .filter-icon{font-size:14px}.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-trigger,.banners-container .enhanced-filter-section .filter-panel .filter-grid .filter-control .filter-dropdown .dropdown-menu .dropdown-option{font-size:.625rem;padding:.625rem .75rem}}.back-button-icon{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:.5rem;color:#d4af37;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.back-button-icon:hover{background:#d4af3733;border-color:#d4af37}.slides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem 0}@media (max-width: 768px){.slides-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}}@media (max-width: 480px){.slides-grid{grid-template-columns:1fr;gap:1rem}}.slide-card{background:#191c20e6;border:1px solid rgba(212,175,55,.2);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 12px #0003}.slide-card.disabled{opacity:.8;background:#191c2099;border-color:#8080804d}.slide-card.disabled .slide-image{filter:grayscale(60%)}.slide-card:hover{border-color:#d4af3780;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d,0 0 20px #d4af371a}.slide-card:hover .slide-overlay{opacity:1}.slide-card .slide-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:#0000004d}.slide-card .slide-image-container .slide-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.slide-card .slide-image-container .slide-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af370d,#d4af371a);color:#d4af3780}.slide-card .slide-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .3s ease}.slide-card .slide-overlay .slide-action-btn{width:40px;height:40px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.slide-card .slide-overlay .slide-action-btn.edit-btn{background:#2196f333;color:#2196f3;border-color:#2196f380}.slide-card .slide-overlay .slide-action-btn.edit-btn:hover{background:#2196f366;border-color:#2196f3;transform:scale(1.1)}.slide-card .slide-overlay .slide-action-btn.disable-btn{background:#ff980033;color:#ff9800;border-color:#ff980080}.slide-card .slide-overlay .slide-action-btn.disable-btn:hover{background:#ff980066;border-color:#ff9800;transform:scale(1.1)}.slide-card .slide-overlay .slide-action-btn.enable-btn{background:#4caf5033;color:#4caf50;border-color:#4caf5080}.slide-card .slide-overlay .slide-action-btn.enable-btn:hover{background:#4caf5066;border-color:#4caf50;transform:scale(1.1)}.slide-card .slide-overlay .slide-action-btn svg{font-size:1.2rem}.slide-card:hover .slide-image{transform:scale(1.05)}.slide-card .slide-info{padding:1rem}.slide-card .slide-info .slide-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-card .slide-info .slide-status{display:flex;justify-content:flex-start;margin-top:.5rem}.slide-card .slide-info .slide-status .status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid}.slide-card .slide-info .slide-status .status-badge.active{background:#4caf5033;color:#4caf50;border-color:#4caf504d}.slide-card .slide-info .slide-status .status-badge.disabled{background:#f4433633;color:#f44336;border-color:#f443364d}.slide-card .slide-info .slide-title{font-size:.875rem;color:#ffffffb3;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-card .slide-info .slide-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#ffffff80;gap:.5rem}.slide-card .slide-info .slide-meta .slide-position{padding:.25rem .5rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:12px;color:#d4af37;font-weight:600}.slide-card .slide-info .slide-meta .disabled-badge{padding:.25rem .5rem;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:12px;color:#ff9800;font-weight:600;font-size:.7rem}.slide-card .slide-info .slide-meta .active-badge{font-weight:600;color:#4caf50;font-size:.7rem;border-radius:12px;padding:.25rem .5rem;background:#4caf5033;border:1px solid rgba(76,175,80,.5)}.banner-form-container{padding:2rem;min-height:100vh;position:relative;box-sizing:border-box;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4af37 rgba(255,255,255,.1)}.banner-form-container *,.banner-form-container *:before,.banner-form-container *:after{box-sizing:border-box}.banner-form-container::-webkit-scrollbar{width:12px}.banner-form-container::-webkit-scrollbar-track{background:#0003;border-radius:6px}.banner-form-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#c8a02b);border-radius:6px;border:2px solid rgba(0,0,0,.2);transition:background .2s ease}.banner-form-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c8a02b,#d4af37)}.banner-form-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.banner-form-container>*{position:relative;z-index:2}.banner-form-container .form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.banner-form-container .form-header .back-button{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.banner-form-container .form-header .back-button:hover{background:#d4af3733;border-color:#d4af3780}.banner-form-container .form-header .back-button svg{font-size:1.2rem}.banner-form-container .form-header .header-content{display:flex;align-items:center;gap:1rem}.banner-form-container .form-header .header-content .header-icon{font-size:2.5rem;color:#d4af37}.banner-form-container .form-header .header-content .form-title{font-family:var(--font-heading);font-size:2rem;font-weight:400;color:#d4af37;margin:0;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}.banner-form-container .form-header .header-content .form-subtitle{font-size:1rem;color:#ffffffb3;margin:.25rem 0 0;font-weight:300}.banner-form-container .loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;gap:1rem}.banner-form-container .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.banner-form-container .loading-container p{color:#ffffffb3;font-size:1rem}.banner-form-container .banner-form{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;box-shadow:0 8px 32px #0000004d}.banner-form-container .banner-form .form-main-container{gap:2rem;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.banner-form-container .banner-form .form-main-container{grid-template-columns:300px 1fr;gap:3rem;align-items:start}}.banner-form-container .banner-form .image-section{width:100%}.banner-form-container .banner-form .image-section .section-title{font-size:1.25rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;text-align:center;letter-spacing:1px}.banner-form-container .banner-form .image-section .image-upload-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.banner-form-container .banner-form .image-section .image-upload-container .image-preview{width:100%;height:300px;border:2px dashed rgba(212,175,55,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff05;transition:all .3s ease;overflow:hidden}.banner-form-container .banner-form .image-section .image-upload-container .image-preview:hover{border-color:#d4af3780;background:#ffffff0d}.banner-form-container .banner-form .image-section .image-upload-container .image-preview img{width:100%;height:100%;object-fit:contain;border-radius:6px}.banner-form-container .banner-form .image-section .image-upload-container .image-preview .image-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffff80;padding:2rem}.banner-form-container .banner-form .image-section .image-upload-container .image-preview .image-placeholder .placeholder-icon{font-size:3rem;color:#d4af3780}.banner-form-container .banner-form .image-section .image-upload-container .image-preview .image-placeholder span{font-size:.875rem;text-align:center}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .image-upload-label{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.875rem}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .image-upload-label:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .image-file-input{display:none}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .current-image-info{font-size:.75rem;color:#fff9;text-align:center;font-style:italic}.banner-form-container .banner-form .image-section .banner-group-images-container>div{flex:0 0 auto}.banner-form-container .banner-form .image-section .banner-group-images-container>div .image-upload-container .image-preview{width:280px;height:300px}.banner-form-container .banner-form .form-fields-section{width:100%;max-width:100%;box-sizing:border-box}.banner-form-container .banner-form .form-fields-section .section-title{font-size:1.5rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.3)}.banner-form-container .banner-form .form-fields-section .form-group{margin-bottom:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.banner-form-container .banner-form .form-fields-section .form-group label{display:block;font-weight:600;color:#fff;margin-bottom:.5rem;font-size:.875rem}.banner-form-container .banner-form .form-fields-section .form-group input,.banner-form-container .banner-form .form-fields-section .form-group textarea,.banner-form-container .banner-form .form-fields-section .form-group select{width:100%;max-width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.banner-form-container .banner-form .form-fields-section .form-group input::placeholder,.banner-form-container .banner-form .form-fields-section .form-group textarea::placeholder,.banner-form-container .banner-form .form-fields-section .form-group select::placeholder{color:#ffffff80}.banner-form-container .banner-form .form-fields-section .form-group input:focus,.banner-form-container .banner-form .form-fields-section .form-group textarea:focus,.banner-form-container .banner-form .form-fields-section .form-group select:focus{outline:none;border-color:#d4af37;background:#ffffff14;box-shadow:0 0 0 2px #d4af3733}.banner-form-container .banner-form .form-fields-section .form-group input.error,.banner-form-container .banner-form .form-fields-section .form-group textarea.error,.banner-form-container .banner-form .form-fields-section .form-group select.error{border-color:#f44336;background:#f443361a}.banner-form-container .banner-form .form-fields-section .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23D4AF37' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.banner-form-container .banner-form .form-fields-section .form-group select option{background:#191c20;color:#fff;padding:.75rem}.banner-form-container .banner-form .form-fields-section .form-group select option:hover{background:#d4af371a}.banner-form-container .banner-form .form-fields-section .form-group textarea{resize:vertical;min-height:100px}.banner-form-container .banner-form .form-fields-section .form-group .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.banner-form-container .banner-form .form-fields-section .form-group .form-row{grid-template-columns:1fr}}.banner-form-container .banner-form .form-fields-section .form-group .error-message{display:block;color:#f44336;font-size:.75rem;margin-top:.25rem}.banner-form-container .banner-form .form-fields-section .form-group small{display:block;color:#fff9;font-size:.75rem;margin-top:.25rem;font-style:italic}.banner-form-container .banner-form .form-fields-section .form-group .title-image-upload-field .title-image-file-input{padding:.5rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.banner-form-container .banner-form .form-fields-section .form-group .title-image-upload-field .title-image-file-input::-webkit-file-upload-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;margin-right:1rem}.banner-form-container .banner-form .form-fields-section .form-group .title-image-upload-field .title-image-file-info{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px}.banner-form-container .banner-form .form-fields-section .form-group .title-image-upload-field .title-image-file-info .title-image-name{flex:1;color:#d4af37;font-weight:600;font-size:.875rem}.banner-form-container .banner-form .form-fields-section .form-group .title-image-upload-field .title-image-file-info .title-image-size{color:#ffffffb3;font-size:.75rem}.banner-form-container .banner-form .form-fields-section .form-group .title-image-upload-field .title-image-file-info .remove-title-image-btn{padding:.25rem .5rem;background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s ease}.banner-form-container .banner-form .form-fields-section .form-group .title-image-upload-field .title-image-file-info .remove-title-image-btn:hover{background:#f443364d;border-color:#f4433680}.banner-form-container .banner-form .form-fields-section .form-group .title-image-upload-field .title-image-upload-hint{display:block;color:#fff9;font-size:.75rem;margin-top:.5rem;font-style:italic;line-height:1.4}.banner-form-container .banner-form .form-fields-section .form-group .checkbox-container{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.banner-form-container .banner-form .form-fields-section .form-group .checkbox-container:hover{background:#ffffff0d;border-color:#d4af3733}.banner-form-container .banner-form .form-fields-section .form-group .checkbox-container .banner-checkbox{width:18px;height:18px;accent-color:#d4af37;cursor:pointer;transition:transform .2s ease}.banner-form-container .banner-form .form-fields-section .form-group .checkbox-container .banner-checkbox:hover{transform:scale(1.1)}.banner-form-container .banner-form .form-fields-section .form-group .checkbox-container .checkbox-label{color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;margin:0;transition:color .2s ease}.banner-form-container .banner-form .form-fields-section .form-group .checkbox-container .checkbox-label:hover{color:#d4af37}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container{overflow:visible!important}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown{position:relative;margin-bottom:1rem;overflow:visible!important}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger:hover{border-color:#d4af3766;box-shadow:0 4px 12px #d4af3726,inset 0 1px #ffffff26}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-text{flex:1;color:#ffffffb3}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-arrow{font-size:.75rem;color:#d4af37;transition:transform .3s ease}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:linear-gradient(135deg,#1a1d21,#151719);border:1px solid rgba(212,175,55,.3);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:9999;box-shadow:0 8px 24px #0006,0 4px 12px #d4af371a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.875rem 1rem;color:#fff;font-size:.875rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option:hover{background:linear-gradient(135deg,#d4af3740,#d4af3726);color:#d4af37;font-weight:600}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#0003}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem;padding:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#d4af3733,#d4af3726);border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:.75rem;font-weight:600;transition:all .2s ease}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af3780;transform:translateY(-1px)}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item span{white-space:nowrap}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#f4433633;border:1px solid rgba(244,67,54,.3);border-radius:50%;color:#f44336;font-size:.625rem;font-weight:700;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn:hover{background:#f4433666;border-color:#f4433699;transform:scale(1.1)}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items:empty:after{content:"No items selected";color:#fff6;font-size:.75rem;font-style:italic;padding:.25rem}.banner-form-container .banner-form .form-fields-section .form-group .hint{display:block;color:#fff9;font-size:.75rem;margin-top:.5rem;font-style:italic;line-height:1.4}.banner-form-container .banner-form .form-actions{display:flex;justify-content:center;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 768px){.banner-form-container .banner-form .form-actions{justify-content:flex-end}}.banner-form-container .banner-form .form-actions button{padding:.75rem 2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 480px){.banner-form-container .banner-form .form-actions button{flex:1;max-width:150px}}.banner-form-container .banner-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.banner-form-container .banner-form .form-actions button svg{font-size:1rem}.banner-form-container .banner-form .form-actions .cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.banner-form-container .banner-form .form-actions .cancel-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.banner-form-container .banner-form .form-actions .delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.banner-form-container .banner-form .form-actions .delete-button:hover:not(:disabled){background:#f4433633;border-color:#f4433680;box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.banner-form-container .banner-form .form-actions .delete-button svg{font-size:1rem}.banner-form-container .banner-form .form-actions .submit-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;box-shadow:0 4px 12px #d4af374d}.banner-form-container .banner-form .form-actions .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}@media (max-width: 1024px){.banner-form-container{padding:1.5rem}.banner-form-container .form-header{margin-bottom:1.5rem}.banner-form-container .form-header .header-content .header-icon{font-size:2rem}.banner-form-container .form-header .header-content .form-title{font-size:1.75rem}.banner-form-container .form-header .header-content .form-subtitle{font-size:.9375rem}.banner-form-container .banner-form{padding:1.5rem}.banner-form-container .banner-form .form-main-container{gap:2rem}}@media (max-width: 768px){.banner-form-container{padding:1rem;background-attachment:scroll}.banner-form-container .form-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.banner-form-container .form-header .back-button{align-self:flex-start;padding:.625rem}.banner-form-container .form-header .back-button svg{font-size:1rem}.banner-form-container .form-header .header-content{width:100%}.banner-form-container .form-header .header-content .header-icon{font-size:1.75rem}.banner-form-container .form-header .header-content .form-title{font-size:1.5rem}.banner-form-container .form-header .header-content .form-subtitle{font-size:.875rem}.banner-form-container .banner-form{padding:1.25rem}.banner-form-container .banner-form .image-section{text-align:center}.banner-form-container .banner-form .image-section .section-title{font-size:1.125rem;margin-bottom:1rem}.banner-form-container .banner-form .image-section .image-upload-container .image-preview{width:100%;height:250px}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls{gap:.75rem}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .image-upload-label{padding:.625rem 1.25rem;font-size:.8125rem}.banner-form-container .banner-form .image-section .banner-group-images-container>div .image-upload-container .image-preview{width:240px;height:250px}.banner-form-container .banner-form .form-fields-section .section-title{font-size:1.25rem;margin-bottom:1.25rem}.banner-form-container .banner-form .form-fields-section .form-group{margin-bottom:1.25rem}.banner-form-container .banner-form .form-fields-section .form-group .form-row{gap:.75rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.625rem .875rem;font-size:.8125rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.75rem .875rem;font-size:.8125rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{padding:.3125rem .625rem;font-size:.6875rem}.banner-form-container .banner-form .form-actions{flex-direction:column;gap:.75rem;justify-content:stretch}.banner-form-container .banner-form .form-actions button{width:100%;max-width:none;padding:.875rem 1.5rem;font-size:.9375rem}}@media (max-width: 600px){.banner-form-container{padding:.75rem}.banner-form-container .banner-form{padding:1rem;border-radius:8px}.banner-form-container .banner-form .image-section .image-upload-container .image-preview{width:100%;height:220px}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .image-upload-label{padding:.5rem 1rem;font-size:.75rem}.banner-form-container .banner-form .image-section .banner-group-images-container{flex-direction:column;gap:1.5rem}.banner-form-container .banner-form .image-section .banner-group-images-container>div{width:100%}.banner-form-container .banner-form .image-section .banner-group-images-container>div .image-upload-container .image-preview{width:100%;height:220px}.banner-form-container .banner-form .form-fields-section .form-group{margin-bottom:1rem}.banner-form-container .banner-form .form-fields-section .form-group label{font-size:.8125rem;margin-bottom:.375rem}.banner-form-container .banner-form .form-fields-section .form-group input,.banner-form-container .banner-form .form-fields-section .form-group textarea,.banner-form-container .banner-form .form-fields-section .form-group select{padding:.625rem;font-size:.8125rem;box-sizing:border-box;max-width:100%}.banner-form-container .banner-form .form-fields-section .form-group .form-row{grid-template-columns:1fr;gap:.5rem}.banner-form-container .banner-form .form-actions{padding-top:1rem}.banner-form-container .banner-form .form-actions button{padding:.75rem 1.25rem;font-size:.875rem}}@media (max-width: 480px){.banner-form-container{padding:.5rem}.banner-form-container .form-header{margin-bottom:1rem}.banner-form-container .form-header .header-content .header-icon{font-size:1.5rem}.banner-form-container .form-header .header-content .form-title{font-size:1.25rem;letter-spacing:.5px}.banner-form-container .form-header .header-content .form-subtitle{font-size:.8125rem;margin-top:.125rem}.banner-form-container .banner-form{padding:.875rem}.banner-form-container .banner-form .image-section .section-title{font-size:1rem;margin-bottom:.875rem}.banner-form-container .banner-form .image-section .image-upload-container{gap:1rem}.banner-form-container .banner-form .image-section .image-upload-container .image-preview{width:100%;height:200px}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls{gap:.5rem}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .image-upload-label{padding:.5rem .875rem;font-size:.6875rem}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .current-image-info{font-size:.6875rem}.banner-form-container .banner-form .image-section .banner-group-images-container{flex-direction:column;gap:1.5rem}.banner-form-container .banner-form .image-section .banner-group-images-container>div{width:100%}.banner-form-container .banner-form .image-section .banner-group-images-container>div .image-upload-container .image-preview{width:100%;height:200px}.banner-form-container .banner-form .form-fields-section .section-title{font-size:1.125rem;margin-bottom:1rem}.banner-form-container .banner-form .form-fields-section .form-group{margin-bottom:.875rem}.banner-form-container .banner-form .form-fields-section .form-group label{font-size:.75rem;margin-bottom:.3125rem}.banner-form-container .banner-form .form-fields-section .form-group input,.banner-form-container .banner-form .form-fields-section .form-group textarea,.banner-form-container .banner-form .form-fields-section .form-group select{padding:.5rem;font-size:.75rem;box-sizing:border-box;max-width:100%}.banner-form-container .banner-form .form-fields-section .form-group textarea{min-height:80px}.banner-form-container .banner-form .form-fields-section .form-group .checkbox-container{padding:.5rem}.banner-form-container .banner-form .form-fields-section .form-group .checkbox-container .checkbox-label{font-size:.75rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown{margin-bottom:.75rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.5rem .75rem;font-size:.75rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-menu .dropdown-option{padding:.625rem .75rem;font-size:.75rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items{padding:.375rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item{padding:.25rem .5rem;font-size:.625rem;gap:.375rem}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .selected-items .selected-item .remove-item-btn{width:14px;height:14px;font-size:.5625rem}.banner-form-container .banner-form .form-fields-section .form-group .hint{font-size:.6875rem}.banner-form-container .banner-form .form-actions button{padding:.625rem 1rem;font-size:.8125rem;min-width:100px}}@media (max-width: 400px){.banner-form-container{padding:.375rem}.banner-form-container .form-header .back-button{padding:.5rem}.banner-form-container .form-header .back-button svg{font-size:.875rem}.banner-form-container .form-header .header-content .header-icon{font-size:1.25rem}.banner-form-container .form-header .header-content .form-title{font-size:1.125rem;line-height:1.3}.banner-form-container .form-header .header-content .form-subtitle{font-size:.75rem}.banner-form-container .banner-form{padding:.75rem;border-radius:6px}.banner-form-container .banner-form .image-section .image-upload-container .image-preview{width:100%;height:180px}.banner-form-container .banner-form .image-section .banner-group-images-container{flex-direction:column;gap:1.25rem}.banner-form-container .banner-form .image-section .banner-group-images-container>div{width:100%}.banner-form-container .banner-form .image-section .banner-group-images-container>div .image-upload-container .image-preview{width:100%;height:180px}.banner-form-container .banner-form .form-fields-section .section-title{font-size:1rem}.banner-form-container .banner-form .form-fields-section .form-group{margin-bottom:.75rem}.banner-form-container .banner-form .form-fields-section .form-group input,.banner-form-container .banner-form .form-fields-section .form-group textarea,.banner-form-container .banner-form .form-fields-section .form-group select{padding:.4375rem;font-size:.6875rem;box-sizing:border-box;max-width:100%}.banner-form-container .banner-form .form-actions button{padding:.5rem .875rem;font-size:.75rem}}@media (max-width: 360px){.banner-form-container{padding:.25rem}.banner-form-container .banner-form{padding:.625rem}.banner-form-container .banner-form .image-section .section-title{font-size:.9375rem}.banner-form-container .banner-form .image-section .image-upload-container .image-preview{width:100%;height:150px}.banner-form-container .banner-form .image-section .image-upload-container .image-upload-controls .image-upload-label{padding:.4375rem .75rem;font-size:.625rem}.banner-form-container .banner-form .image-section .banner-group-images-container{flex-direction:column;gap:1rem}.banner-form-container .banner-form .image-section .banner-group-images-container>div{width:100%}.banner-form-container .banner-form .image-section .banner-group-images-container>div .image-upload-container .image-preview{width:100%;height:150px}.banner-form-container .banner-form .form-fields-section .section-title{font-size:.9375rem}.banner-form-container .banner-form .form-fields-section .form-group{margin-bottom:.625rem}.banner-form-container .banner-form .form-fields-section .form-group label{font-size:.6875rem}.banner-form-container .banner-form .form-fields-section .form-group input,.banner-form-container .banner-form .form-fields-section .form-group textarea,.banner-form-container .banner-form .form-fields-section .form-group select{padding:.375rem;font-size:.625rem;box-sizing:border-box;max-width:100%}.banner-form-container .banner-form .form-fields-section .form-group .multi-select-container .custom-dropdown .dropdown-trigger{padding:.4375rem .625rem;font-size:.6875rem}.banner-form-container .banner-form .form-actions button{padding:.4375rem .75rem;font-size:.6875rem}}.promo-slide-content{margin-top:1rem;padding:1.5rem;background:#d4af3714;border-radius:8px;border:1px solid rgba(212,175,55,.2)}.promo-slide-content .form-group{margin-bottom:1rem}.promo-slide-content .form-group:last-child{margin-bottom:0}.promo-slide-content .form-group label{display:block;font-weight:600;color:#d4af37;margin-bottom:.5rem;font-size:.875rem}.promo-slide-content .form-group input,.promo-slide-content .form-group textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:#fff;font-size:.875rem;transition:all .3s ease}.promo-slide-content .form-group input:focus,.promo-slide-content .form-group textarea:focus{outline:none;border-color:#d4af3799;background:#ffffff14}.promo-slide-content .form-group input::placeholder,.promo-slide-content .form-group textarea::placeholder{color:#fff6}.promo-slide-content .form-group textarea{resize:vertical;min-height:80px;font-family:inherit}@media (max-width: 768px){.promo-slide-content{padding:1rem}.promo-slide-content .form-group label{font-size:.75rem}.promo-slide-content .form-group input,.promo-slide-content .form-group textarea{font-size:.75rem;padding:.625rem}}.intro-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.intro-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.intro-container>*{position:relative;z-index:2}@media (max-width: 768px){.intro-container{padding:1rem;background-attachment:scroll}}.section-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start}}.section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0px;text-shadow:0 2px 4px rgba(212,175,55,.3),0 4px 8px rgba(212,175,55,.2)}@media (max-width: 768px){.section-header .section-title{font-size:1.75rem}}.section-header .section-subtitle{font-size:1.1rem;color:#ffffffb3;margin:.2rem 0 0;font-weight:300}@media (max-width: 768px){.section-header .section-subtitle{font-size:.95rem}}.header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.header-controls{width:100%}}.toggle-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.toggle-button.disable-btn{background:#ff980033;color:#ff9800;border-color:#ff980080}.toggle-button.disable-btn:hover{background:#ff98004d;border-color:#ff9800;transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.toggle-button.enable-btn{background:#4caf5033;color:#4caf50;border-color:#4caf5080}.toggle-button.enable-btn:hover{background:#4caf504d;border-color:#4caf50;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.toggle-button:active{transform:translateY(0)}.toggle-button svg{font-size:1.2rem}@media (max-width: 768px){.toggle-button{flex:1;justify-content:center}}.edit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;box-shadow:0 4px 12px #d4af374d}.edit-button:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.edit-button:active{transform:translateY(0)}.edit-button svg{font-size:1.2rem}@media (max-width: 768px){.edit-button{flex:1;justify-content:center}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top:3px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:4rem 2rem;color:#ffffffb3}.empty-state .empty-icon{font-size:4rem;color:#d4af3780;margin-bottom:1rem}.empty-state .empty-icon svg{font-size:inherit;color:#d4af3780}.empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.empty-state .empty-description{font-size:1rem;color:#fff9}.promo-content .video-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.promo-content .video-section{grid-template-columns:1fr}}.promo-content .video-card{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d}.promo-content .video-card:hover{border-color:#d4af3780;transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 20px #d4af371a}.promo-content .video-card .video-title{font-size:1.25rem;font-weight:600;color:#d4af37;margin:0 0 1rem;text-shadow:0 2px 4px rgba(212,175,55,.2)}.promo-content .video-card .video-info{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.promo-content .video-card .video-info .video-path{color:#fff9;font-size:.875rem;word-break:break-all}.video-preview{width:100%;aspect-ratio:16/9;background:#0f1014;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,55,.1)}.video-preview video{width:100%;height:100%;object-fit:contain}.video-preview-empty{width:100%;aspect-ratio:16/9;background:#0f1014cc;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff80;border:1px solid rgba(212,175,55,.1)}.video-preview-empty svg{font-size:3rem;opacity:.5;color:#d4af3780}.video-preview-empty span{font-size:.95rem}.intro-form-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.intro-form-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.intro-form-container>*{position:relative;z-index:2}@media (max-width: 768px){.intro-form-container{padding:1rem;background-attachment:scroll}}.form-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(212,175,55,.2)}.form-header .back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;color:#d4af37}.form-header .back-button:hover{background:#d4af3733;border-color:#d4af37}.form-header .back-button svg{font-size:1.5rem}.form-header .header-content{display:flex;align-items:center;gap:1rem}.form-header .header-content .header-icon{font-size:2.5rem;color:#d4af37}.form-header .header-content .form-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:400;color:#d4af37;margin:0;text-shadow:0 2px 4px rgba(212,175,55,.3)}@media (max-width: 768px){.form-header .header-content .form-title{font-size:1.5rem}}.form-header .header-content .form-subtitle{color:#ffffffb3;margin:.25rem 0 0;font-size:.95rem;font-weight:300}.intro-form .form-main-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.intro-form .form-main-container{grid-template-columns:1fr}}.intro-form .video-section{background:#191c20e6;border-radius:12px;border:1px solid rgba(212,175,55,.2);padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.intro-form .video-section:hover{border-color:#d4af3766;box-shadow:0 12px 40px #0006}.intro-form .video-section .section-title{font-size:1.25rem;font-weight:600;color:#d4af37;margin:0 0 1.5rem;text-shadow:0 2px 4px rgba(212,175,55,.2)}.intro-form .video-upload-container .video-preview{width:100%;aspect-ratio:16/9;background:#0f1014;border-radius:8px;overflow:hidden;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,55,.1)}.intro-form .video-upload-container .video-preview video{width:100%;height:100%;object-fit:contain}.intro-form .video-upload-container .video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff80}.intro-form .video-upload-container .video-placeholder .placeholder-icon{font-size:3rem;opacity:.5;color:#d4af3780}.intro-form .video-upload-container .video-placeholder span{font-size:.95rem}.intro-form .video-upload-container .video-upload-controls{display:flex;flex-direction:column;gap:.75rem}.intro-form .video-upload-container .video-upload-controls .video-upload-label{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 12px #d4af374d}.intro-form .video-upload-container .video-upload-controls .video-upload-label:hover{background:linear-gradient(135deg,#c8a02b,#d4af37);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.intro-form .video-upload-container .video-upload-controls .video-upload-label:active{transform:translateY(0)}.intro-form .video-upload-container .video-upload-controls .video-file-input{display:none}.intro-form .video-upload-container .video-upload-controls .current-video-info{color:#fff9;font-size:.875rem;font-style:italic}.intro-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid rgba(212,175,55,.2)}@media (max-width: 768px){.intro-form .form-actions{flex-direction:column-reverse}}.intro-form .form-actions button{padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.intro-form .form-actions button:disabled{opacity:.5;cursor:not-allowed}.intro-form .form-actions button svg{font-size:1.2rem}@media (max-width: 768px){.intro-form .form-actions button{width:100%;justify-content:center}}.intro-form .form-actions .cancel-button{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.intro-form .form-actions .cancel-button:hover:not(:disabled){background:#f443364d;border-color:#f44336;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.intro-form .form-actions .cancel-button:active:not(:disabled){transform:translateY(0)}.intro-form .form-actions .submit-button{background:linear-gradient(135deg,#d4af37,#c8a02b);color:#0f1014;box-shadow:0 4px 12px #d4af374d}.intro-form .form-actions .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#c8a02b,#d4af37);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.intro-form .form-actions .submit-button:active:not(:disabled){transform:translateY(0)}:root{--font-primary: "Inter", "Segoe UI", "Roboto", sans-serif;--font-heading: "Inter", "Segoe UI", "Roboto", sans-serif}*{font-family:var(--font-primary)}.app-layout{position:relative;width:100vw;height:100vh;overflow:hidden}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;z-index:-2}.app-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1}.layout-container{display:flex;width:100%;height:100vh;position:relative;z-index:1}.sidebar-container{width:280px;height:100vh;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease}.sidebar-container.collapsed{width:80px}.custom-menu-container{padding:2rem 1rem;height:100%;display:flex;flex-direction:column}.sidebar-container.collapsed .custom-menu-container{padding:.8rem .5rem}.sidebar-container.collapsed .menu-header{margin-bottom:.6rem;padding-bottom:.4rem}.sidebar-container.collapsed .menu-brand{font-size:1rem;margin-bottom:.5rem;margin-top:.5rem}.menu-header{margin-bottom:.5rem;text-align:center;padding-bottom:2rem;border-bottom:1px solid rgba(212,175,55,.2)}.menu-brand{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#d4af37;margin-top:-.4rem;margin-bottom:-.6rem;letter-spacing:2px;text-shadow:0 2px 8px rgba(212,175,55,.4);text-align:center}.menu-title{font-family:var(--font-primary);font-size:1.2rem;font-weight:500;color:#d4af37;margin:0;letter-spacing:1px;text-shadow:0 2px 4px rgba(212,175,55,.3);text-align:center}.menu-nav{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden}.menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#ffffffb3;border:1px solid transparent;position:relative;overflow:hidden}.menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,#d4af374d,#d4af371a);transition:width .3s ease;z-index:-1}.menu-item:hover{background:#ffffff0d;color:#fff;border-color:#d4af3733;transform:translate(5px)}.menu-item:hover:before{width:100%}.menu-item.active{background:#d4af3726;color:#d4af37;border-color:#d4af3766;border-left:4px solid #d4af37;box-shadow:0 4px 20px #d4af3733;font-weight:600}.menu-item.active:before{width:100%}.menu-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.menu-item-icon svg{width:20px;height:20px}.menu-item-label{font-family:var(--font-primary);font-size:.95rem;font-weight:500;letter-spacing:.3px}.sidebar-container.collapsed .menu-item{justify-content:center;padding:1rem .5rem}.sidebar-container.collapsed .menu-item-icon{margin:0}.sidebar-container.collapsed .sidebar-toggle-container{padding:1rem .5rem;margin-bottom:-.8rem}.main-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.header-container{height:80px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;position:relative}.custom-app-bar-container{width:100%;height:100%;display:flex;align-items:center}.app-bar-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 2rem;position:relative}.app-bar-left{display:flex;align-items:center;gap:1rem}.app-bar-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:400;color:#d4af37;letter-spacing:1px;text-shadow:0 2px 4px rgba(212,175,55,.3);position:absolute;left:50%;transform:translate(-50%)}.app-bar-separator{color:#ffffff4d;font-size:1.2rem}.app-bar-page-title{font-family:var(--font-primary);color:#fffc;font-size:1rem;font-weight:500}.sidebar-toggle-container{margin-top:auto;padding-top:2rem;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(212,175,55,.2)}.sidebar-toggle-button-bottom{color:#d4af37!important;background:#d4af371a!important;border:1px solid rgba(212,175,55,.3)!important;border-radius:8px!important;transition:all .3s ease!important}.sidebar-toggle-button-bottom:hover{background:#d4af3733!important;transform:scale(1.05)}.app-bar-right{display:flex;align-items:center;gap:1rem}.profile-button{color:#d4af37!important;background:#d4af371a!important;border:1px solid rgba(212,175,55,.3)!important;transition:all .3s ease!important}.profile-button:hover{background:#d4af3733!important;transform:scale(1.05)}.profile-menu .MuiPaper-root{background:#191c20f2!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #0006}.logout-item{color:#fffc!important;gap:.5rem;transition:all .3s ease!important}.logout-item:hover{background:#f443361a!important;color:#f44336!important}.content-container{flex:1;overflow:auto;position:relative}@media (max-width: 1024px){.sidebar-container{width:240px}.app-bar-content{padding:0 1rem}.app-bar-title{font-size:1.3rem}}@media (max-width: 768px){.sidebar-container{position:fixed;left:-280px;z-index:1001;transition:left .3s ease;background:#191c20f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(212,175,55,.3);box-shadow:2px 0 20px #00000080}.sidebar-container.open{left:0}.app-bar-left{gap:.5rem}.app-bar-right .MuiIconButton-root{margin-right:0!important}.app-bar-page-title,.app-bar-separator{display:none}.mobile-burger-menu{color:#d4af37!important;background:#d4af371a!important;border:1px solid rgba(212,175,55,.3)!important;border-radius:8px!important;margin-right:.75rem!important;transition:all .3s ease!important}.mobile-burger-menu:hover{background:#d4af3733!important;transform:scale(1.05)}}@media (max-width: 601px){.app-bar-title{font-size:17px}.menu-item{padding:.7rem;gap:10px}.menu-item-label{font-size:14px}}@media (max-width: 401px){.app-bar-content{padding:0 .5rem}.app-bar-title{font-size:14px}.mobile-burger-menu{padding:8px!important}.mobile-burger-menu svg{font-size:20px!important}.profile-button{padding:8px!important}.profile-button svg{font-size:20px!important}.sidebar-toggle-button-bottom{padding:8px!important}.sidebar-toggle-button-bottom svg{font-size:20px!important}}.user-show-container{padding:2rem;min-height:100vh;position:relative;background-image:url(/bg5.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}@media (max-width: 768px){.user-show-container{padding:1.5rem}}@media (max-width: 500px){.user-show-container{padding:1rem}}@media (max-width: 400px){.user-show-container{padding:.75rem}}.user-show-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1014d9,#191c20bf,#d4af370d,#191c20cc,#0f1014e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.user-show-container>*{position:relative;z-index:2}.user-show-container .section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.user-show-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}}@media (max-width: 400px){.user-show-container .section-header{margin-bottom:1rem}}.user-show-container .section-header .section-title{font-family:var(--font-heading);font-size:2.1rem;font-weight:400;color:#d4af37;margin:0;text-align:left;letter-spacing:0;text-shadow:0 2px 4px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2)}@media (max-width: 768px){.user-show-container .section-header .section-title{font-size:2rem;text-align:center;align-self:center}}@media (max-width: 500px){.user-show-container .section-header .section-title{font-size:1.75rem}}@media (max-width: 400px){.user-show-container .section-header .section-title{font-size:1.5rem}}.user-show-container .section-header .action-buttons{display:flex;gap:1rem}@media (max-width: 768px){.user-show-container .section-header .action-buttons{align-self:center;flex-wrap:wrap;justify-content:center}}@media (max-width: 600px){.user-show-container .section-header .action-buttons{flex-direction:column;width:100%;gap:.75rem}}@media (max-width: 400px){.user-show-container .section-header .action-buttons{gap:.5rem}}.user-show-container .section-header .action-buttons .action-button{padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;gap:.5rem;justify-content:center;min-height:44px}@media (max-width: 600px){.user-show-container .section-header .action-buttons .action-button{width:100%;padding:1rem 1.5rem}}@media (max-width: 400px){.user-show-container .section-header .action-buttons .action-button{font-size:.875rem;padding:.875rem 1.25rem}}.user-show-container .section-header .action-buttons .action-button.block-button{background:#f4433633;border-color:#f4433666;color:#f44336}.user-show-container .section-header .action-buttons .action-button.block-button:hover{background:#f443364d;transform:translateY(-2px);box-shadow:0 8px 25px #f443364d}.user-show-container .section-header .action-buttons .action-button.unblock-button{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.user-show-container .section-header .action-buttons .action-button.unblock-button:hover{background:#4caf504d;transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.user-show-container .section-header .action-buttons .action-button.edit-button{background:#2196f333;border-color:#2196f366;color:#2196f3}.user-show-container .section-header .action-buttons .action-button.edit-button:hover{background:#2196f34d;transform:translateY(-2px);box-shadow:0 8px 25px #2196f34d}.user-show-container .section-header .action-buttons .action-button.delete-button{background:#f4433633;border-color:#f4433666;color:#f44336}.user-show-container .section-header .action-buttons .action-button.delete-button:hover{background:#f4433666;transform:translateY(-2px);box-shadow:0 8px 25px #f4433666}.user-show-container .section-header .action-buttons .action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.user-show-container .section-header .action-buttons .action-button svg{width:18px;height:18px}.user-show-container .user-details-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.user-show-container .user-details-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.user-show-container .user-details-grid{gap:1rem}}@media (max-width: 400px){.user-show-container .user-details-grid{gap:.75rem}}.user-show-container .left-column{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.user-show-container .left-column{gap:1.5rem}}@media (max-width: 400px){.user-show-container .left-column{gap:1rem}}.user-show-container .right-column{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.user-show-container .right-column{gap:1.5rem}}@media (max-width: 400px){.user-show-container .right-column{gap:1rem}}.user-show-container .glass-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 60px #d4af371a;padding:2rem;transition:all .3s ease}@media (max-width: 768px){.user-show-container .glass-card{padding:1.5rem;border-radius:16px}}@media (max-width: 500px){.user-show-container .glass-card{padding:1.25rem}}@media (max-width: 400px){.user-show-container .glass-card{padding:1rem;border-radius:12px}}.user-show-container .glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080,inset 0 1px #fff3,0 0 80px #d4af3726}@media (max-width: 500px){.user-show-container .glass-card:hover{transform:translateY(-1px)}}.user-show-container .profile-hero-card{text-align:center;position:relative}.user-show-container .profile-hero-card .status-chip{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.user-show-container .profile-hero-card .status-chip.active{background:#4caf5040;color:#4caf50;border:1px solid rgba(76,175,80,.4);text-shadow:0 0 10px rgba(76,175,80,.3)}.user-show-container .profile-hero-card .status-chip.blocked{background:#f4433640;color:#f44336;border:1px solid rgba(244,67,54,.4);text-shadow:0 0 10px rgba(244,67,54,.3)}.user-show-container .profile-hero-card .profile-avatar{position:relative;display:inline-block;margin-bottom:1.5rem}@media (max-width: 500px){.user-show-container .profile-hero-card .profile-avatar{margin-bottom:1rem}}.user-show-container .profile-hero-card .profile-avatar .avatar{width:120px;height:120px;border-radius:50%;border:4px solid #D4AF37;box-shadow:0 0 20px #d4af374d;object-fit:cover;background:#d4af37;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#000}@media (max-width: 600px){.user-show-container .profile-hero-card .profile-avatar .avatar{width:100px;height:100px;font-size:2.5rem}}@media (max-width: 400px){.user-show-container .profile-hero-card .profile-avatar .avatar{width:80px;height:80px;font-size:2rem;border:3px solid #D4AF37}}.user-show-container .profile-hero-card .profile-avatar .verified-badge{position:absolute;bottom:5px;right:5px;background:#4caf50;color:#fff;border-radius:50%;padding:4px;border:2px solid #191c20;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.user-show-container .profile-hero-card .profile-avatar .verified-badge svg{width:16px;height:16px}.user-show-container .profile-hero-card .profile-info .profile-name{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;color:#d4af37;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2);word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 600px){.user-show-container .profile-hero-card .profile-info .profile-name{font-size:1.25rem}}@media (max-width: 400px){.user-show-container .profile-hero-card .profile-info .profile-name{font-size:1.125rem}}.user-show-container .profile-hero-card .profile-info .profile-username{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ffffffb3;margin:0 0 1rem;font-family:var(--font-primary);font-size:1rem;font-weight:400}.user-show-container .profile-hero-card .profile-info .profile-username svg{width:16px;height:16px;color:#a0a0a0}.user-show-container .profile-hero-card .profile-info .profile-email{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fffc;margin-bottom:1rem}.user-show-container .profile-hero-card .profile-info .profile-email svg{width:16px;height:16px;color:#a0a0a0}.user-show-container .profile-hero-card .profile-info .user-id-section{background:#0000004d;border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.user-show-container .profile-hero-card .profile-info .user-id-section .user-id{font-family:"monospace";color:#ffffffb3;font-size:.875rem}.user-show-container .profile-hero-card .profile-info .user-id-section .copy-button{background:none;border:none;color:#a0a0a0;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.user-show-container .profile-hero-card .profile-info .user-id-section .copy-button:hover{color:#d4af37;background:#d4af371a}.user-show-container .profile-hero-card .profile-info .user-id-section .copy-button svg{width:16px;height:16px}.user-show-container .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.user-show-container .stats-grid{grid-template-columns:1fr}}.user-show-container .stats-grid .stat-card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;transition:all .3s ease}.user-show-container .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3726;border-color:#d4af374d}.user-show-container .stats-grid .stat-card .stat-content{display:flex;align-items:center;gap:1rem}.user-show-container .stats-grid .stat-card .stat-content .stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-show-container .stats-grid .stat-card .stat-content .stat-icon svg{width:20px;height:20px}.user-show-container .stats-grid .stat-card .stat-content .stat-info .stat-label{color:#fff9;font-size:.875rem;margin-bottom:.25rem}.user-show-container .stats-grid .stat-card .stat-content .stat-info .stat-value{color:#fff;font-size:1.125rem;font-weight:700}.user-show-container .location-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.user-show-container .location-card .card-header svg{color:#d4af37;width:24px;height:24px}.user-show-container .location-card .card-header .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.user-show-container .location-card .location-info{background:#d4af371a;border-radius:12px;border:1px solid rgba(212,175,55,.2);padding:1.5rem;margin-bottom:1rem}.user-show-container .location-card .location-info .location-main{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.user-show-container .location-card .location-info .location-main .flag-img{width:32px;height:auto;border-radius:4px}.user-show-container .location-card .location-info .location-main .city-name{color:#d4af37;font-size:1.25rem;font-weight:600;margin:0}.user-show-container .location-card .location-info .location-details{color:#ffffffb3;font-size:.875rem}.user-show-container .location-card .ip-info{background:#0000004d;border-radius:8px;padding:1rem}.user-show-container .location-card .ip-info .ip-label{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.user-show-container .location-card .ip-info .ip-value{color:#d4af37;font-family:"monospace";font-size:.875rem;font-weight:700}.user-show-container .location-card .no-location{color:#fff9;text-align:center;padding:2rem;font-style:italic}.user-show-container .activity-chart .card-header{margin-bottom:1.5rem}.user-show-container .activity-chart .card-header .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.user-show-container .activity-chart .chart-container{height:250px;width:100%}.user-show-container .metadata-card .card-header{margin-bottom:1.5rem}.user-show-container .metadata-card .card-header .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.user-show-container .metadata-card .metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.user-show-container .metadata-card .metadata-grid{grid-template-columns:1fr}}.user-show-container .metadata-card .metadata-item{background:#0000004d;border-radius:8px;padding:1rem}.user-show-container .metadata-card .metadata-item .metadata-label{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.user-show-container .metadata-card .metadata-item .metadata-value{color:#fff;font-size:.875rem;font-weight:700}.user-show-container .metadata-card .connection-item{grid-column:1/-1}.user-show-container .loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.user-show-container .loading-container .loading-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top:4px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.user-show-container .error-container{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(244,67,54,.3);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;padding:3rem;text-align:center}.user-show-container .error-container .error-title{color:#f44336;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.user-show-container .error-container .error-message{color:#ffffffb3;font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-show-container .modal-overlay{position:fixed!important;inset:0!important;background:#000000b3!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:2rem}.user-show-container .modal-overlay .modal-content{background:#191c20f2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:20px;border:1px solid rgba(212,175,55,.3);box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a,0 0 80px #d4af3733;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative!important;z-index:1000000!important}.user-show-container .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-show-container .modal-overlay .modal-content .modal-header h3{color:#d4af37;font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(212,175,55,.3)}.user-show-container .modal-overlay .modal-content .modal-header .close-button{background:none;border:none;color:#fff9;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.user-show-container .modal-overlay .modal-content .modal-header .close-button:hover{color:#f44336;background:#f443361a}.user-show-container .modal-overlay .modal-content .modal-header .close-button svg{width:20px;height:20px}.user-show-container .modal-overlay .modal-content .edit-form{padding:2rem}.user-show-container .modal-overlay .modal-content .edit-form .form-group{margin-bottom:1.5rem}.user-show-container .modal-overlay .modal-content .edit-form .form-group label{display:block;color:#fffc;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.user-show-container .modal-overlay .modal-content .edit-form .form-group input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.user-show-container .modal-overlay .modal-content .edit-form .form-group input:focus{outline:none;border-color:#d4af37;background:#ffffff14;box-shadow:0 0 0 3px #d4af371a}.user-show-container .modal-overlay .modal-content .edit-form .form-group input.error{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.user-show-container .modal-overlay .modal-content .edit-form .form-group input:disabled{opacity:.5;cursor:not-allowed}.user-show-container .modal-overlay .modal-content .edit-form .form-group input::placeholder{color:#fff6}.user-show-container .modal-overlay .modal-content .edit-form .form-group .error-message{display:block;color:#f44336;font-size:.75rem;margin-top:.5rem;padding-left:.5rem}.user-show-container .modal-overlay .modal-content .edit-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.user-show-container .modal-overlay .modal-content .edit-form .form-actions button{padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.user-show-container .modal-overlay .modal-content .edit-form .form-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.user-show-container .modal-overlay .modal-content .edit-form .form-actions button svg{width:16px;height:16px}.user-show-container .modal-overlay .modal-content .edit-form .form-actions .cancel-button{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.user-show-container .modal-overlay .modal-content .edit-form .form-actions .cancel-button:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.user-show-container .modal-overlay .modal-content .edit-form .form-actions .save-button{background:#d4af3733;color:#d4af37;border:1px solid rgba(212,175,55,.4)}.user-show-container .modal-overlay .modal-content .edit-form .form-actions .save-button:hover:not(:disabled){background:#d4af374d;transform:translateY(-1px);box-shadow:0 4px 15px #d4af374d}@media (max-width: 768px){.user-show-container .modal-overlay{padding:1rem}.user-show-container .modal-overlay .modal-content .modal-header{padding:1.5rem 1.5rem 1rem}.user-show-container .modal-overlay .modal-content .modal-header h3{font-size:1.25rem}.user-show-container .modal-overlay .modal-content .edit-form{padding:1.5rem}.user-show-container .modal-overlay .modal-content .edit-form .form-actions{flex-direction:column}.user-show-container .modal-overlay .modal-content .edit-form .form-actions button{width:100%}}@media (max-width: 500px){.user-show-container .modal-overlay{padding:.75rem}.user-show-container .modal-overlay .modal-content{border-radius:16px}.user-show-container .modal-overlay .modal-content .modal-header{padding:1.25rem 1.25rem .75rem}.user-show-container .modal-overlay .modal-content .modal-header h3{font-size:1.125rem}.user-show-container .modal-overlay .modal-content .edit-form{padding:1.25rem}.user-show-container .modal-overlay .modal-content .edit-form .form-group{margin-bottom:1.25rem}.user-show-container .modal-overlay .modal-content .edit-form .form-group input{padding:.875rem}.user-show-container .modal-overlay .modal-content .edit-form .form-actions{margin-top:1.5rem;padding-top:.75rem}.user-show-container .modal-overlay .modal-content .edit-form .form-actions button{padding:.875rem 1.25rem;font-size:.875rem}}@media (max-width: 400px){.user-show-container .modal-overlay{padding:.5rem}.user-show-container .modal-overlay .modal-content{border-radius:12px}.user-show-container .modal-overlay .modal-content .modal-header{padding:1rem 1rem .5rem}.user-show-container .modal-overlay .modal-content .modal-header h3{font-size:1rem}.user-show-container .modal-overlay .modal-content .edit-form{padding:1rem}.user-show-container .modal-overlay .modal-content .edit-form .form-group{margin-bottom:1rem}.user-show-container .modal-overlay .modal-content .edit-form .form-group label{font-size:.8rem}.user-show-container .modal-overlay .modal-content .edit-form .form-group input{padding:.75rem;font-size:.875rem}.user-show-container .modal-overlay .modal-content .edit-form .form-actions{margin-top:1.25rem}.user-show-container .modal-overlay .modal-content .edit-form .form-actions button{padding:.75rem 1rem;font-size:.8rem}}body.modal-open .modal-overlay{z-index:999999!important;position:fixed!important;isolation:isolate!important}body.modal-open .user-show-container,body.modal-open .user-show-container .glass-card{position:relative;z-index:1!important}.toast-container{position:fixed;top:2rem;right:2rem;z-index:1000000}.toast-container .toast{background:#191c20f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a,0 0 40px #d4af371a;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;min-width:300px;max-width:500px;animation:slideInRight .3s ease-out}.toast-container .toast .toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-container .toast .toast-icon svg{width:16px;height:16px}.toast-container .toast .toast-message{color:#fff;font-size:.875rem;font-weight:500;flex:1;line-height:1.4}.toast-container .toast .toast-close{background:none;border:none;color:#fff9;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toast-container .toast .toast-close:hover{color:#fff;background:#ffffff1a}.toast-container .toast .toast-close svg{width:16px;height:16px}.toast-container .toast.toast-success{border-color:#4caf5066;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a,0 0 40px #4caf5033}.toast-container .toast.toast-success .toast-icon{background:#4caf5033;color:#4caf50}.toast-container .toast.toast-error{border-color:#f4433666;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a,0 0 40px #f4433633}.toast-container .toast.toast-error .toast-icon{background:#f4433633;color:#f44336}.toast-container .toast.toast-warning{border-color:#ff980066;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a,0 0 40px #ff980033}.toast-container .toast.toast-warning .toast-icon{background:#ff980033;color:#ff9800}.toast-container .toast.toast-info{border-color:#2196f366;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a,0 0 40px #2196f333}.toast-container .toast.toast-info .toast-icon{background:#2196f333;color:#2196f3}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.confirmation-overlay{position:fixed!important;inset:0!important;background:#000000b3!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:2rem;animation:fadeIn .3s ease-out}.confirmation-overlay .confirmation-modal{background:#191c20f2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:20px;border:1px solid rgba(212,175,55,.3);box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a,0 0 80px #d4af3733;width:100%;max-width:450px;position:relative!important;z-index:1000000!important;animation:scaleIn .3s ease-out}.confirmation-overlay .confirmation-modal .confirmation-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-icon svg{width:32px;height:32px}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-title{color:#fff;font-family:var(--font-primary);font-size:1.5rem;font-weight:600;margin:0}.confirmation-overlay .confirmation-modal .confirmation-body{padding:1.5rem 2rem;text-align:center}.confirmation-overlay .confirmation-modal .confirmation-body .confirmation-message{color:#fffc;font-size:1rem;line-height:1.5;margin:0}.confirmation-overlay .confirmation-modal .confirmation-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.confirmation-overlay .confirmation-modal .confirmation-actions button{padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;font-size:.875rem;min-width:100px}.confirmation-overlay .confirmation-modal .confirmation-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.confirmation-overlay .confirmation-modal .confirmation-actions .confirmation-cancel-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.confirmation-overlay .confirmation-modal .confirmation-actions .confirmation-cancel-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.confirmation-overlay .confirmation-modal .confirmation-actions .confirmation-confirm-btn.confirmation-warning{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.confirmation-overlay .confirmation-modal .confirmation-actions .confirmation-confirm-btn.confirmation-warning:hover:not(:disabled){background:#ff98004d;transform:translateY(-1px);box-shadow:0 4px 15px #ff98004d}.confirmation-overlay .confirmation-modal .confirmation-actions .confirmation-confirm-btn.confirmation-danger{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.4)}.confirmation-overlay .confirmation-modal .confirmation-actions .confirmation-confirm-btn.confirmation-danger:hover:not(:disabled){background:#f4433666;transform:translateY(-1px);box-shadow:0 4px 15px #f4433666}.confirmation-overlay .confirmation-modal .confirmation-actions .confirmation-confirm-btn.confirmation-info{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.4)}.confirmation-overlay .confirmation-modal .confirmation-actions .confirmation-confirm-btn.confirmation-info:hover:not(:disabled){background:#2196f34d;transform:translateY(-1px);box-shadow:0 4px 15px #2196f34d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.toast-container{top:1rem;right:1rem;left:1rem}.toast-container .toast{min-width:auto;padding:.875rem 1.25rem}.toast-container .toast .toast-message{font-size:.8rem}.confirmation-overlay{padding:1rem}.confirmation-overlay .confirmation-modal .confirmation-header{padding:1.5rem 1.5rem 1rem}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-title{font-size:1.25rem}.confirmation-overlay .confirmation-modal .confirmation-body{padding:1rem 1.5rem}.confirmation-overlay .confirmation-modal .confirmation-actions{flex-direction:column;padding:1rem 1.5rem 1.5rem}.confirmation-overlay .confirmation-modal .confirmation-actions button{width:100%}}@media (max-width: 500px){.toast-container{top:.75rem;right:.75rem;left:.75rem}.toast-container .toast{padding:.75rem 1rem;border-radius:12px}.toast-container .toast .toast-message{font-size:.75rem}.confirmation-overlay{padding:.75rem}.confirmation-overlay .confirmation-modal{border-radius:16px}.confirmation-overlay .confirmation-modal .confirmation-header{padding:1.25rem 1.25rem .75rem}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-title{font-size:1.125rem}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-icon{width:50px;height:50px}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-icon svg{width:28px;height:28px}.confirmation-overlay .confirmation-modal .confirmation-body{padding:.75rem 1.25rem}.confirmation-overlay .confirmation-modal .confirmation-body .confirmation-message{font-size:.9rem}.confirmation-overlay .confirmation-modal .confirmation-actions{padding:.75rem 1.25rem 1.25rem}.confirmation-overlay .confirmation-modal .confirmation-actions button{padding:.75rem 1.25rem;font-size:.8rem}}@media (max-width: 400px){.toast-container{top:.5rem;right:.5rem;left:.5rem}.toast-container .toast{padding:.625rem .875rem;border-radius:10px}.toast-container .toast .toast-message{font-size:.7rem}.toast-container .toast .toast-icon{width:20px;height:20px}.toast-container .toast .toast-icon svg{width:14px;height:14px}.confirmation-overlay{padding:.5rem}.confirmation-overlay .confirmation-modal{border-radius:12px}.confirmation-overlay .confirmation-modal .confirmation-header{padding:1rem 1rem .5rem}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-title{font-size:1rem}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-icon{width:40px;height:40px;margin-bottom:.75rem}.confirmation-overlay .confirmation-modal .confirmation-header .confirmation-icon svg{width:24px;height:24px}.confirmation-overlay .confirmation-modal .confirmation-body{padding:.5rem 1rem}.confirmation-overlay .confirmation-modal .confirmation-body .confirmation-message{font-size:.85rem}.confirmation-overlay .confirmation-modal .confirmation-actions{padding:.5rem 1rem 1rem;gap:.75rem}.confirmation-overlay .confirmation-modal .confirmation-actions button{padding:.625rem 1rem;font-size:.75rem}}