*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0e7fa6;--secondary:#084e6d;--bg:#f9f9f9;--text:#212529;--border:#d1d9e0;--sidebar-w:240px;--white:#fff}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:15px}.auth-wrapper{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-container{border-radius:10px;width:90%;max-width:900px;min-height:480px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000001f}.auth-form{background:#fff;flex:0 0 50%;justify-content:center;align-items:center;padding:3rem 2.5rem;display:flex}.banner{background:linear-gradient(135deg, var(--primary), var(--secondary));flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;padding:3rem;display:flex}.banner h2{text-align:center;color:var(--white);margin:0;font-size:1.8rem;font-weight:400}.form-wrapper{flex-direction:column;width:100%;max-width:360px;display:flex}.auth-title{color:var(--text);text-align:center;margin-bottom:1.75rem;font-size:1.8rem;font-weight:700}.input-group{flex-direction:column;display:flex}.input-group label{color:#333;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.mb-3{margin-bottom:.75rem}.form-control{border:1px solid var(--border);border-radius:6px;width:100%;padding:.65rem .9rem;font-size:1rem}.form-control:focus{outline:2px solid var(--primary);outline-offset:1px}.auth-button{color:#fff;cursor:pointer;background:#084e6d;border:none;border-radius:6px;width:100%;margin-top:.75rem;padding:.75rem;font-size:1rem;font-weight:600;transition:background .15s}.auth-button:hover{background:#063a52}@media (width<=600px){.auth-container{border-radius:0;flex-direction:column;width:100%}.auth-form,.banner{flex:unset;width:100%}.banner{min-height:140px;padding:2rem}}.skip-link{background:var(--secondary);color:#fff;z-index:100;border-radius:0 0 6px;padding:.5rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, var(--primary), var(--secondary));color:#fff;z-index:50;flex-direction:column;gap:.25rem;padding:1.5rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;align-self:flex-end;gap:5px;padding:.4rem;display:none}.nav-toggle span{background:#fff;border-radius:2px;width:24px;height:2px;display:block}.nav-links{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-link{color:#fff;border-radius:6px;padding:.6rem .75rem;text-decoration:none;transition:background .15s}.nav-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff26}.sidebar-footer{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.content{margin-left:var(--sidebar-w);flex:1;padding:2rem}form,.form-card{flex-direction:column;gap:.75rem;max-width:500px;display:flex}label{font-size:.9rem;font-weight:500}input,select{border:1px solid var(--border);border-radius:6px;width:100%;padding:.6rem .75rem;font-size:1rem}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}button:focus-visible{outline-offset:2px;outline:2px solid #fff}button{color:#fff;cursor:pointer;background:#084e6d;border:none;border-radius:6px;padding:.65rem 1.25rem;font-size:1rem;transition:background .15s}button:hover{background:#063a52}#logout-btn{background:0 0;border:1px solid #ffffff4d;padding:.4rem .75rem;font-size:.85rem}#logout-btn:hover{background:#ffffff1a}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}th{background:var(--primary);color:#fff;font-weight:500}tr:last-child td{border-bottom:none}tr:hover td{background:#f0f4f8}.export-row{gap:.75rem;margin:1rem 0 1.5rem;display:flex}.success{color:#155724;background:#d4edda;border-radius:6px;padding:.6rem .75rem}.error{color:#721c24;background:#f8d7da;border-radius:6px;padding:.6rem .75rem}.hidden{display:none}.empty{color:#888;padding:1rem 0}h2{color:var(--primary);margin-bottom:1.25rem;font-size:1.4rem}h3{margin:1.5rem 0 .75rem;font-size:1.1rem}@media (width<=700px){.layout{flex-direction:column}.sidebar{flex-direction:column;width:100%;height:auto;padding:.75rem 1rem;position:relative}.nav-toggle{display:flex}.nav-links{padding-top:.5rem;display:none}.nav-links.open{display:flex}.sidebar-footer{flex-direction:row;justify-content:flex-end;margin-top:.75rem}.content{margin-left:0;padding:1rem}#arr-wrap .table-scroll,#reg-wrap .table-scroll{overflow:visible}#arr-wrap table,#arr-wrap thead,#arr-wrap tbody,#arr-wrap th,#arr-wrap td,#arr-wrap tr,#reg-wrap table,#reg-wrap thead,#reg-wrap tbody,#reg-wrap th,#reg-wrap td,#reg-wrap tr{display:block}#arr-wrap thead,#reg-wrap thead{display:none}#arr-wrap tr,#reg-wrap tr{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:.75rem;padding:1rem 1.1rem;box-shadow:0 1px 4px #0000000f}#arr-wrap tr{grid-template-columns:1fr auto;gap:.3rem .5rem;display:grid}#arr-wrap td:last-child{grid-area:1/2/4;align-self:center}#arr-wrap td,#reg-wrap td{border:none;padding:.2rem 0;font-size:.92rem;line-height:1.4}#arr-wrap td[data-label]:before,#reg-wrap td[data-label]:before{content:attr(data-label);color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.1rem;font-size:.7rem;font-weight:700;display:block}#arr-wrap tr:hover td,#reg-wrap tr:hover td{background:0 0}#table-wrap .table-scroll{overflow:visible}#table-wrap table,#table-wrap thead,#table-wrap tbody,#table-wrap th,#table-wrap td,#table-wrap tr{display:block}#table-wrap thead{display:none}#table-wrap tr{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:.75rem;padding:1rem 1.1rem;box-shadow:0 1px 4px #0000000f}#table-wrap td{border:none;padding:.2rem 0;font-size:.92rem;line-height:1.4}#table-wrap td[data-label]:before{content:attr(data-label);color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.1rem;font-size:.7rem;font-weight:700;display:block}#table-wrap tr:hover td{background:0 0}}