@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";.shell{min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{display:none;grid-column:1;background:var(--navy-950);color:var(--slate-100);padding:1.1rem .9rem;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem 1.3rem}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--brass-500);color:var(--navy-950);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700}.brand-name{font-family:var(--font-head);font-weight:700;font-size:1.05rem}.brand-name-mobile{font-family:var(--font-head);font-weight:700;color:var(--white)}.side-nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.side-link{display:flex;align-items:center;gap:.7rem;padding:.6rem .65rem;border-radius:var(--radius-sm);color:var(--slate-200);font-size:.9rem;font-weight:500}.side-link .icon{font-size:1.05rem;width:1.3rem;text-align:center}.side-link:hover{background:var(--navy-800)}.side-link.active{background:var(--brass-500);color:var(--navy-950);font-weight:700}.side-footer{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--navy-800)}.user-chip{display:flex;align-items:center;gap:.6rem;padding:.4rem .3rem .8rem}.avatar{width:34px;height:34px;border-radius:50%;background:var(--navy-700);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.user-name{font-size:.86rem;font-weight:600;color:var(--white)}.user-role{font-size:.75rem;color:var(--slate-400);text-transform:capitalize}.side-footer .btn-ghost{width:100%;color:var(--slate-200);border-color:var(--navy-700)}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-h);padding:0 1rem;background:var(--navy-950);position:sticky;top:0;z-index:20;grid-column:1 / -1}.icon-btn{background:transparent;border:none;color:var(--white);font-size:1.3rem;padding:.3rem .5rem}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1a2b8c;z-index:40}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:78%;max-width:300px;background:var(--navy-950);color:var(--slate-100);padding:1.1rem .9rem;display:flex;flex-direction:column;animation:slideIn .16s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer .side-nav{margin-top:.5rem}.mobile-drawer .btn-ghost{margin-top:auto;color:var(--slate-200);border-color:var(--navy-700)}.content{grid-column:1 / -1;padding:1rem 1rem calc(var(--bottomnav-h) + 1.5rem);max-width:1180px;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-h);background:var(--white);border-top:1px solid var(--slate-200);display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:.68rem;color:var(--slate-600);font-weight:600}.bottom-link .icon{font-size:1.15rem}.bottom-link.active{color:var(--brass-600)}@media (min-width: 900px){.sidebar{display:flex}.topbar,.bottom-nav,.mobile-drawer-overlay{display:none}.content{grid-column:2;padding:1.75rem 2.25rem}}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,var(--navy-800),var(--navy-950) 65%);padding:1.25rem}.login-card{width:100%;max-width:380px;padding:1.75rem 1.6rem;display:flex;flex-direction:column;gap:1rem}.login-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem}.login-brand .brand-mark{width:42px;height:42px;border-radius:10px;background:var(--brass-500);color:var(--navy-950);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:1.2rem;flex-shrink:0}.login-brand h1{font-size:1.15rem}.login-brand p{margin:.1rem 0 0;font-size:.82rem;color:var(--slate-600)}.login-submit{width:100%;margin-top:.3rem;padding:.7rem}.login-error{background:var(--danger-100);color:var(--danger-500);padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.86rem}.login-hint{font-size:.76rem;color:var(--slate-600);text-align:center;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1a2b8c;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal-panel{background:var(--white);width:100%;max-width:520px;max-height:92dvh;overflow-y:auto;border-radius:var(--radius-md) var(--radius-md) 0 0;animation:slideUp .16s ease-out}.modal-wide{max-width:760px}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--slate-200);position:sticky;top:0;background:var(--white)}.modal-close{color:var(--navy-900)}.modal-body{padding:1.2rem}@media (min-width: 640px){.modal-overlay{align-items:center}.modal-panel{border-radius:var(--radius-md)}}.idcard-pair{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.idcard{width:320px;aspect-ratio:1.586 / 1;border-radius:14px;background:linear-gradient(160deg,var(--navy-900),var(--navy-950));color:var(--white);padding:.85rem .95rem;display:flex;flex-direction:column;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.idcard:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:#c8933f2e}.idcard-head{display:flex;justify-content:space-between;align-items:baseline}.idcard-school{font-family:var(--font-head);font-weight:700;font-size:.78rem;letter-spacing:.02em}.idcard-role{font-size:.62rem;font-weight:700;color:var(--brass-500);letter-spacing:.06em}.idcard-body{display:flex;gap:.7rem;margin-top:.7rem;flex:1}.idcard-photo{width:62px;height:74px;border-radius:6px;background:var(--navy-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-head);font-weight:700;font-size:1.4rem;overflow:hidden}.idcard-photo img{width:100%;height:100%;object-fit:cover}.idcard-info{min-width:0}.idcard-name{font-family:var(--font-head);font-weight:700;font-size:.92rem;margin-bottom:.3rem}.idcard-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.68rem;color:var(--slate-200);margin-top:.12rem}.idcard-row strong{color:var(--white);font-weight:600;text-align:right}.idcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.idcard-qr{background:var(--white);padding:3px;border-radius:4px;line-height:0}.idcard-cardno{text-align:right;font-size:.68rem;font-weight:700}.idcard-valid{font-weight:500;color:var(--slate-400);font-size:.6rem;margin-top:.1rem}.idcard-back{justify-content:flex-start;color:var(--slate-200)}.idcard-back-title{font-size:.72rem;font-weight:700;color:var(--white)}.idcard-back-text{font-size:.64rem;margin-top:.3rem;line-height:1.4}.idcard-back-row{display:flex;justify-content:space-between;font-size:.66rem;margin-top:.5rem;border-top:1px dashed var(--navy-700);padding-top:.4rem}.idcard-signature{margin-top:auto;text-align:right;font-size:.62rem;border-top:1px solid var(--slate-400);padding-top:.25rem}@media print{body *{visibility:hidden}.idcard-pair,.idcard-pair *{visibility:visible}.idcard-pair{position:absolute;top:0;left:0}.idcard{box-shadow:none}}:root{--navy-950: #0b1a2b;--navy-900: #0f2540;--navy-800: #17324f;--navy-700: #24435f;--slate-100: #eef1f5;--slate-200: #dde3ea;--slate-400: #8b98a8;--slate-600: #526073;--paper: #f6f7f9;--white: #ffffff;--brass-500: #c8933f;--brass-600: #ad7a2e;--brass-100: #f7ecd9;--ok-500: #2f8f5b;--ok-100: #e3f4ea;--warn-500: #c8933f;--warn-100: #f7ecd9;--danger-500: #c14545;--danger-100: #fbe8e8;--font-head: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 10px;--shadow-1: 0 1px 2px rgba(15, 37, 64, .06), 0 1px 1px rgba(15, 37, 64, .04);--sidebar-w: 232px;--topbar-h: 60px;--bottomnav-h: 60px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--paper);color:var(--navy-950);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;margin:0;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:.95rem;border:1px solid var(--slate-200);border-radius:var(--radius-sm);padding:.55rem .7rem;background:var(--white);color:var(--navy-950)}input:focus,select:focus,textarea:focus{outline:2px solid var(--brass-500);outline-offset:1px;border-color:var(--brass-500)}button:focus-visible,a:focus-visible{outline:2px solid var(--brass-500);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.full-screen-center{height:100dvh;display:flex;align-items:center;justify-content:center}.spinner{width:32px;height:32px;border:3px solid var(--slate-200);border-top-color:var(--brass-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:.9rem;transition:background-color .12s ease,border-color .12s ease}.btn-primary{background:var(--navy-900);color:var(--white)}.btn-primary:hover{background:var(--navy-800)}.btn-accent{background:var(--brass-500);color:var(--navy-950)}.btn-accent:hover{background:var(--brass-600)}.btn-ghost{background:transparent;border-color:var(--slate-200);color:var(--navy-900)}.btn-ghost:hover{background:var(--slate-100)}.btn-danger{background:var(--danger-100);color:var(--danger-500)}.badge{display:inline-flex;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600}.badge-ok{background:var(--ok-100);color:var(--ok-500)}.badge-warn{background:var(--warn-100);color:var(--warn-600, var(--warn-500))}.badge-danger{background:var(--danger-100);color:var(--danger-500)}.badge-neutral{background:var(--slate-100);color:var(--slate-600)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.page-header h1{font-size:1.4rem}.page-header p{margin:.2rem 0 0;color:var(--slate-600);font-size:.9rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-family:var(--font-head);font-weight:600;font-size:.8rem;color:var(--slate-600);padding:.6rem .8rem;border-bottom:1px solid var(--slate-200)}td{padding:.65rem .8rem;border-bottom:1px solid var(--slate-100)}tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:3rem 1rem;color:var(--slate-600)}.empty-state h3{margin-bottom:.3rem;color:var(--navy-900)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field label{font-size:.82rem;font-weight:600;color:var(--navy-800)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;margin-bottom:1.5rem}.stat-card{padding:1rem 1.1rem}.stat-card .value{font-family:var(--font-head);font-size:1.7rem;font-weight:700;color:var(--navy-950)}.stat-card .label{font-size:.82rem;color:var(--slate-600);margin-top:.2rem}