@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--bg:#0d0d0d;--surface:#141414;--surface-hover:#1c1c1c;--surface-raised:#1a1a1a;--border:#262626;--border-light:#1f1f1f;--primary:#ff5a5f;--primary-rgb:255,90,95;--primary-hover:#e0484d;--primary-glow:#ff5a5f33;--primary-gradient:linear-gradient(135deg,#ff5a5f,#ff7b80);--primary-gradient-subtle:#ff5a5f14;--secondary:#8b5cf6;--secondary-glow:#8b5cf633;--text:#f0f0f0;--text-muted:#8c8c8c;--text-dim:#595959;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a;--shadow-lg:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--sidebar-width:280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*{scrollbar-color:#ff5a5f38 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ff5a5f47;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ff5a5f80}::-webkit-scrollbar-corner{background:#0000}body{-webkit-font-smoothing:antialiased;background:#0d0d0d;background:var(--bg);color:#f0f0f0;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;transition:background .3s ease,color .3s ease}.admin-layout{display:flex;min-height:100vh}.sidebar{background:#141414;background:var(--surface);border-right:1px solid #262626;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:280px;width:var(--sidebar-width);z-index:1000}.sidebar.collapsed{width:80px}.sidebar-collapse-btn{align-items:center;background:#141414;background:var(--surface);border:1px solid #262626;border:1px solid var(--border);border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#8c8c8c;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:24px;z-index:10}.sidebar-collapse-btn:hover{background:#ff5a5f;background:var(--primary);border-color:#ff5a5f;border-color:var(--primary);color:#fff}.sidebar-header{justify-content:space-between;padding:2rem 1.5rem}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:.75rem}.logo-icon{align-items:center;background:linear-gradient(135deg,#ff5a5f,#ff7b80);background:var(--primary-gradient);border-radius:8px;color:#fff;display:flex;filter:drop-shadow(0 4px 6px rgba(244,63,94,.2));height:32px;justify-content:center;width:32px}.logo-text{color:#f0f0f0;color:var(--text);font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.mobile-close-btn{background:none;border:none;border-radius:8px;color:#595959;color:var(--text-dim);cursor:pointer;display:none;padding:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mobile-close-btn:hover{background:#1c1c1c;background:var(--surface-hover);color:#f0f0f0;color:var(--text)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0 1rem;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:2rem}.nav-group-title{color:#595959;color:var(--text-dim);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;padding-left:.75rem;text-transform:uppercase}.nav-link{align-items:center;border-radius:8px;color:#8c8c8c;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:500;gap:1rem;margin-bottom:.25rem;padding:.85rem 1rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-link:hover{background:#1c1c1c;background:var(--surface-hover);color:#f0f0f0;color:var(--text)}.nav-link.active{background:#ff5a5f14;background:var(--primary-gradient-subtle);color:#ff5a5f;color:var(--primary);font-weight:600}.active-indicator{margin-left:auto;opacity:.5}.sidebar-footer{border-top:1px solid #262626;border-top:1px solid var(--border);padding:1.5rem}.sidebar-user{align-items:center;border-radius:12px;display:flex;gap:.75rem;padding:.5rem}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#ff5a5f,#ff7b80);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#f0f0f0;color:var(--text);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#8c8c8c;color:var(--text-muted);font-size:.7rem;text-transform:capitalize}.main-content{background:var(--background);display:flex;flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width);min-width:0;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.main-content.expanded{margin-left:80px}.topbar{align-items:center;background:#0d0d0d;background:var(--bg);border-bottom:1px solid #262626;border-bottom:1px solid var(--border);display:flex;gap:2rem;height:80px;padding:0 2rem;position:sticky;top:0;z-index:500}.mobile-toggle{background:none;border:none;color:#f0f0f0;color:var(--text);cursor:pointer;display:none;margin-left:-.5rem;padding:.5rem}.topbar-search-wrap{flex:1 1;max-width:500px;position:relative}.topbar-search-input{background:#141414;background:var(--surface);border:1px solid #262626;border:1px solid var(--border);border-radius:20px;color:#f0f0f0;color:var(--text);font-size:.9rem;padding:.65rem 1rem .65rem 2.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.topbar-search-input:focus{background:#1c1c1c;background:var(--surface-hover);border-color:#595959;border-color:var(--text-dim);box-shadow:0 0 0 2px #1c1c1c;box-shadow:0 0 0 2px var(--surface-hover);outline:none}.topbar-search-icon{color:#595959;color:var(--text-dim);left:.85rem;position:absolute;top:50%;transform:translateY(-50%)}.topbar-actions{align-items:center;display:flex;gap:.75rem}.topbar-divider{background:#262626;background:var(--border);height:24px;margin:0 .5rem;width:1px}.icon-btn{align-items:center;background:#141414;background:var(--surface);border:1px solid #262626;border:1px solid var(--border);border-radius:50%;color:#8c8c8c;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.icon-btn:hover{background:#1c1c1c;background:var(--surface-hover);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a;box-shadow:var(--shadow-md);color:#f0f0f0;color:var(--text);transform:translateY(-2px)}.notification-dot{background:#ff5a5f;background:var(--primary);border:2px solid #141414;border:2px solid var(--surface);border-radius:50%;height:8px;position:absolute;right:10px;top:10px;width:8px}.user-avatar-sm{align-items:center;background:#1c1c1c;background:var(--surface-hover);border-radius:8px;color:#f0f0f0;color:var(--text);display:flex;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.page-container{flex:1 1;padding:2rem}.mobile-backdrop{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;position:fixed;z-index:900}.card{background:#141414;background:var(--surface);border:1px solid #262626;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{border-color:#595959;border-color:var(--text-dim);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a;box-shadow:var(--shadow-md)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.stat-icon-wrap{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:.5rem;width:48px}.stat-value{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.stat-label{color:#8c8c8c;color:var(--text-muted);font-size:.85rem;font-weight:600}.stat-trend{align-items:center;display:flex;font-size:.75rem;font-weight:700;gap:.25rem}.table-card{background:#0000;border:1px solid #262626;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);margin-bottom:2rem;overflow:hidden;padding:0}.table-header{background:#141414;background:var(--surface);border-bottom:1px solid #262626;border-bottom:1px solid var(--border);justify-content:space-between;padding:1.5rem 2rem}.table-actions,.table-header{align-items:center;display:flex}.table-actions{gap:1rem}.table-responsive{overflow-x:auto;scrollbar-color:#262626 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin;width:100%}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#0000}.table-responsive::-webkit-scrollbar-thumb{background:#262626;background:var(--border);border-radius:3px}.table-title{color:#f0f0f0;color:var(--text);font-size:1.2rem;font-weight:700;margin-bottom:.25rem}table{border-collapse:collapse;min-width:800px;width:100%}th{background:#1a1a1a;background:var(--surface-raised);border-bottom:1px solid #262626;border-bottom:1px solid var(--border);color:#595959;color:var(--text-dim);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}td,th{padding:1rem;text-align:left}td{background:#0d0d0d;background:var(--bg);border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-light);color:#f0f0f0;color:var(--text);font-size:.85rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);vertical-align:middle}tr:hover td{background:#141414;background:var(--surface);background:#1c1c1c;background:var(--surface-hover)}tr:last-child td{border-bottom:none}.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.65rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-primary{background:#ff5a5f;background:var(--primary);color:#fff}.btn-primary:hover{background:#e0484d;background:var(--primary-hover)}.btn-outline{background:#0000;border-color:#262626;border-color:var(--border);color:#f0f0f0;color:var(--text)}.btn-outline:hover{background:#1c1c1c;background:var(--surface-hover);border-color:#8c8c8c;border-color:var(--text-muted)}.btn-ghost{background:#0000;border:none;color:#8c8c8c;color:var(--text-muted)}.btn-ghost:hover{background:#1c1c1c;background:var(--surface-hover);color:#f0f0f0;color:var(--text)}.badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:700;padding:.35rem .75rem;text-transform:capitalize}.badge-blue{background:#3b82f61a;color:#3b82f6}.badge-green{background:#10b9811a;color:#10b981}.badge-red{background:#f43f5e1a;color:#f43f5e}.badge-orange{background:#f59e0b1a;color:#f59e0b}.form-input{background:#1c1c1c;background:var(--surface-hover);border:1px solid #262626;border:1px solid var(--border);border-radius:12px;color:#f0f0f0;color:var(--text);font-size:.9rem;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus{background:#141414;background:var(--surface);border-color:#ff5a5f;border-color:var(--primary);box-shadow:0 0 0 4px #ff5a5f33;box-shadow:0 0 0 4px var(--primary-glow);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #f43f5e66}70%{box-shadow:0 0 0 10px #f43f5e00}to{box-shadow:0 0 0 0 #f43f5e00}}.pulse-green{animation:pulse-green 2s infinite}.pulse-red{animation:pulse-red 2s infinite}.mobile-menu-btn{align-items:center;background:#141414;background:var(--surface);border:1px solid #262626;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#f0f0f0;color:var(--text);cursor:pointer;display:none;height:44px;justify-content:center;left:1rem;position:fixed;top:1rem;width:44px;z-index:500}@media (max-width:1024px){:root{--sidebar-width:0px}.sidebar{left:-280px;width:280px}.sidebar.mobile-open{left:0}.main-content{margin-left:0!important;padding-top:4rem}.mobile-menu-btn{display:flex}.sidebar-collapse-btn{display:none}.mobile-close-btn,.mobile-toggle{display:flex}.topbar-search-wrap{display:none}.topbar{padding:0 1.5rem}}@media (max-width:768px){.page-container{padding:1.5rem}.stats-grid{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column;gap:1rem}.topbar-actions .topbar-divider{display:none}}@media (max-width:480px){.topbar-actions .icon-btn:not(.theme-toggle){display:none}}.house-chip{border:1px solid #ffffff1a;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.house-Gryffindor{background:#991b1b33;border-color:#ef44444d;color:#ef4444}.house-Slytherin{background:#16653433;border-color:#22c55e4d;color:#22c55e}.house-Ravenclaw{background:#1e40af33;border-color:#60a5fa4d;color:#60a5fa}.house-Hufflepuff{background:#a1620733;border-color:#facc154d;color:#facc15}.modal-overlay{animation:modalBackdrop .3s ease-out}@keyframes modalBackdrop{0%{opacity:0}to{opacity:1}}.modal-content-anim{animation:modalContent .4s cubic-bezier(.16,1,.3,1)}@keyframes modalContent{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.detail-group label{display:block}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.perm-table-wrap{max-height:520px;overflow-x:auto;overflow-y:auto;scrollbar-color:#ff5a5f40 #0000;scrollbar-width:thin;width:100%}.perm-table-wrap::-webkit-scrollbar{height:2px;width:2px}.perm-table-wrap::-webkit-scrollbar-track{background:#0000}.perm-table-wrap::-webkit-scrollbar-thumb{background:#ff5a5f4d;border-radius:99px}.perm-table-wrap::-webkit-scrollbar-thumb:hover{background:#ff5a5f8c}.perm-table-wrap table{border-collapse:initial;border-spacing:0;min-width:760px}.perm-table-wrap thead th{background:#111;border-bottom:1px solid #262626;border-bottom:1px solid var(--border);color:#595959;color:var(--text-dim);font-size:.65rem;font-weight:700;letter-spacing:.12em;padding:.85rem 1.25rem;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.perm-table-wrap thead th:first-child{padding-left:1.75rem}.perm-table-wrap thead th:last-child{padding-right:1.75rem}.perm-table-wrap tbody td{background:#0d0d0d;background:var(--bg);border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-light);font-size:.85rem;padding:1.1rem 1.25rem;transition:background .15s ease;vertical-align:middle}.perm-table-wrap tbody td:first-child{padding-left:1.75rem}.perm-table-wrap tbody td:last-child{padding-right:1.75rem}.perm-table-wrap tbody tr:hover td{background:#ff5a5f08}.perm-table-wrap tbody tr:last-child td{border-bottom:none}.sidebar-houses-row{align-items:center;background:#ffffff05;border:1px solid #262626;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1.25rem;padding:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sidebar-houses-row.collapsed{background:#0000;border:none;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.5rem}.sidebar-house-icon-wrapper{align-items:center;cursor:pointer;display:flex;filter:grayscale(.5) opacity(.6);height:24px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:24px}.sidebar-house-icon-wrapper:hover{filter:grayscale(0) opacity(1);transform:translateY(-2px) scale(1.1);z-index:10}.sidebar-houses-row.collapsed .sidebar-house-icon-wrapper{height:18px;width:18px}.sidebar-house-icon-wrapper img{height:100%;object-fit:contain;width:100%}.sidebar-house-icon-wrapper{position:relative}.house-tooltip-bubble{background:#000;border:1px solid #262626;border:1px solid var(--border);border-radius:8px;box-shadow:0 5px 15px #00000080;color:#f0f0f0;color:var(--text);font-size:.72rem;font-weight:700;left:calc(100% + 15px);letter-spacing:.05em;opacity:0;padding:.45rem .85rem;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%) translateX(-10px) scale(.9);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap;z-index:2000}.house-tooltip-bubble:before{border:6px solid #0000;border-right-color:#262626;border-color:#0000 var(--border) #0000 #0000}.house-tooltip-bubble:after,.house-tooltip-bubble:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.house-tooltip-bubble:after{border:5px solid #0000;border-right-color:#000;margin-right:-1px}.sidebar-house-icon-wrapper:hover .house-tooltip-bubble{opacity:1;transform:translateY(-50%) translateX(0) scale(1);visibility:visible}.sidebar.collapsed .house-tooltip-bubble{left:calc(100% + 18px)}.sidebar-houses-row.collapsed .sidebar-house-icon-wrapper{position:relative}
/*# sourceMappingURL=main.2b14f380.css.map*/