@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}.admin-container{width:100%;max-width:500px;padding:2rem}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:2.5rem;animation:.6s ease-out forwards fadeIn;box-shadow:0 25px 50px -12px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.75rem;font-weight:700}.form-header p{color:#94a3b8;margin-top:.5rem;font-size:.875rem}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.form-group label{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.glass-input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.glass-input:focus{background:#0000004d;border-color:#a855f7;box-shadow:0 0 0 3px #a855f740}textarea.glass-input{resize:none;min-height:100px}.glass-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b5cf6,#d946ef);border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.glass-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #d946ef}.glass-button:active{transform:translateY(0)}.admin-layout{width:100vw;min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border-right:1px solid #ffffff1a;flex-direction:column;gap:1rem;width:280px;padding:2rem 1rem;display:flex}.sidebar h1{background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;padding-left:1rem;font-size:1.5rem;font-weight:700}.nav-link{color:#cbd5e1;border-radius:12px;padding:1rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1a;box-shadow:inset 4px 0 #a855f7}.main-content{box-sizing:border-box;flex:1;max-height:100vh;padding:2rem 3rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h2{margin:0;font-size:2rem;font-weight:600}.search-input{width:300px;margin-bottom:0}.glass-table-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.glass-table{border-collapse:collapse;width:100%}.glass-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#0003;border-bottom:1px solid #ffffff1a;padding:1.25rem 1.5rem;font-size:.875rem;font-weight:600}.glass-table td{color:#f8fafc;border-bottom:1px solid #ffffff0d;padding:1.25rem 1.5rem}.glass-table tbody tr{transition:background .2s}.glass-table tbody tr:hover{background:#ffffff08}.glass-table tbody tr:last-child td{border-bottom:none}.action-buttons{gap:.5rem;display:flex}.btn-icon{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:.5rem .75rem;transition:all .2s}.btn-icon:hover{background:#fff3}.btn-icon.delete:hover{background:#ef4444cc}.pagination{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.pagination span{color:#94a3b8;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{width:500px;max-width:90vw}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#fff3}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b5cf6,#d946ef);border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px -5px #d946ef}:root{--ui-primary:#6366f1;--ui-primary-hover:#4f46e5;--ui-secondary:#64748b;--ui-secondary-hover:#475569;--ui-danger:#ef4444;--ui-danger-hover:#dc2626;--ui-success:#10b981;--ui-warning:#f59e0b;--ui-info:#3b82f6;--ui-bg:#f8fafc;--ui-bg-dark:#0f172a;--ui-text:#334155;--ui-text-dark:#f8fafc;--ui-border:#e2e8f0;--ui-border-dark:#334155;--ui-radius:.5rem;--ui-transition:all .2s ease-in-out}.ui-glassmorphism{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (prefers-color-scheme:dark){.ui-glassmorphism{background:#0f172a99;border:1px solid #ffffff1a}}.ui-btn{border-radius:var(--ui-radius);cursor:pointer;transition:var(--ui-transition);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:500;display:inline-flex}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn-sm{padding:.25rem .75rem;font-size:.875rem}.ui-btn-md{padding:.5rem 1rem;font-size:1rem}.ui-btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.ui-btn-full{width:100%}.ui-btn-primary{background-color:var(--ui-primary);color:#fff}.ui-btn-primary:hover:not(:disabled){background-color:var(--ui-primary-hover)}.ui-btn-secondary{background-color:var(--ui-secondary);color:#fff}.ui-btn-secondary:hover:not(:disabled){background-color:var(--ui-secondary-hover)}.ui-btn-danger{background-color:var(--ui-danger);color:#fff}.ui-btn-danger:hover:not(:disabled){background-color:var(--ui-danger-hover)}.ui-btn-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ui-text);background:#fff3;border:1px solid #ffffff4d}@media (prefers-color-scheme:dark){.ui-btn-glass{color:var(--ui-text-dark);background:#ffffff0d;border-color:#ffffff1a}}.ui-btn-glass:hover:not(:disabled){background:#ffffff4d}.ui-btn-loading{position:relative;color:#0000!important}.ui-btn-spinner{color:currentColor;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-btn-loading .ui-btn-spinner{color:#fff}.ui-btn-glass.ui-btn-loading .ui-btn-spinner{color:inherit}.ui-input-container{flex-direction:column;gap:.25rem;width:100%;display:flex}.ui-input-label{color:var(--ui-text);font-size:.875rem;font-weight:500}@media (prefers-color-scheme:dark){.ui-input-label{color:var(--ui-text-dark)}}.ui-input-wrapper{align-items:center;display:flex;position:relative}.ui-input{width:100%;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius);transition:var(--ui-transition);background-color:#fff;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:1rem}@media (prefers-color-scheme:dark){.ui-input{background-color:var(--ui-bg-dark);color:var(--ui-text-dark);border-color:var(--ui-border-dark)}}.ui-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px #6366f133}.ui-input-wrapper-error .ui-input{border-color:var(--ui-danger)}.ui-input-wrapper-error .ui-input:focus{box-shadow:0 0 0 2px #ef444433}.ui-input-has-left{padding-left:2.25rem}.ui-input-has-right{padding-right:2.25rem}.ui-input-icon-left,.ui-input-icon-right{color:var(--ui-secondary);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ui-input-icon-left{left:.75rem}.ui-input-icon-right{right:.75rem}.ui-input-error-msg{color:var(--ui-danger);font-size:.75rem}.ui-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out ui-fade-in;display:flex;position:fixed;inset:0}.ui-modal-content{border-radius:calc(var(--ui-radius) * 2);flex-direction:column;width:100%;max-width:500px;animation:.3s cubic-bezier(.16,1,.3,1) ui-slide-up;display:flex;overflow:hidden}.ui-modal-header{border-bottom:1px solid #80808033;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ui-modal-title{margin:0;font-size:1.25rem;font-weight:600}.ui-modal-close-btn{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;font-size:1.5rem;transition:opacity .2s}.ui-modal-close-btn:hover{opacity:1}.ui-modal-body{max-height:70vh;padding:1.5rem;overflow-y:auto}.ui-modal-footer{border-top:1px solid #80808033;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.ui-badge{border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex}.ui-badge-default{background-color:var(--ui-border);color:var(--ui-text)}@media (prefers-color-scheme:dark){.ui-badge-default{background-color:var(--ui-border-dark);color:var(--ui-text-dark)}}.ui-badge-success{color:var(--ui-success);background-color:#10b9811a}.ui-badge-warning{color:var(--ui-warning);background-color:#f59e0b1a}.ui-badge-danger{color:var(--ui-danger);background-color:#ef44441a}.ui-badge-info{color:var(--ui-info);background-color:#3b82f61a}.ui-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite ui-shimmer}@media (prefers-color-scheme:dark){.ui-skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%}}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}