*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eaeaea;min-height:100vh;line-height:1.5}a{color:#4fc3f7;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:.95rem}input,select,textarea{font-family:inherit;font-size:1rem}.app{display:flex;min-height:100vh}.main-content{flex:1;padding:1.5rem;overflow:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;transition:margin-left .2s ease-out}.main-content.sidebar-visible{margin-left:180px}.auth-form-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 3rem);margin:-1.5rem;padding:1.5rem}.auth-form-box{width:100%;max-width:420px;background:#16213e;border:1px solid #0f3460;border-radius:8px;padding:2rem}.menu-btn{position:fixed;top:1rem;left:1rem;z-index:1001;width:44px;height:44px;background:#16213e;border:1px solid #0f3460;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background .2s}.menu-btn:hover{background:#0f3460}.menu-btn span{display:block;width:20px;height:2px;background:#eaeaea}.sidebar{position:fixed;top:0;left:0;width:180px;height:100vh;background:#16213e;border-right:1px solid #0f3460;padding:.75rem 0;z-index:1000;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.sidebar-overlay.open{opacity:1;pointer-events:auto}.nav-section{margin-bottom:.5rem}.nav-user-info{padding:.8rem 1rem;font-size:.72rem;color:#b0b0b0;border-bottom:1px solid #0f3460;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section-header{padding:.45rem 1rem;font-size:.66rem;font-weight:700;color:#7a9fc7;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #0f3460}.nav-menu{list-style:none}.nav-menu li{border-bottom:1px solid #0f3460}.nav-logout-btn{width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;color:#e57373;cursor:pointer;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-logout-btn:hover{background:#e5737326}.nav-menu a{display:block;padding:.75rem 1rem;color:#eaeaea;text-decoration:none;transition:background .2s;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-menu a:hover{background:#0f3460;text-decoration:none}.nav-menu a.active{background:#0f3460;border-left:3px solid #4fc3f7}.page-title{font-size:1.5rem;margin-bottom:1.5rem;color:#eaeaea}.card{background:#16213e;border:1px solid #0f3460;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;color:#b0b0b0}.form-group input{width:100%;max-width:320px;padding:.6rem .8rem;border:1px solid #0f3460;border-radius:6px;background:#1a1a2e;color:#eaeaea}.form-group input:focus{outline:none;border-color:#4fc3f7}.password-field{position:relative;max-width:320px}.password-field input{padding-right:4rem}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#4fc3f7;font-size:.85rem;padding:.3rem .5rem;cursor:pointer}.password-toggle:hover{color:#81d4fa}.btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-weight:500;transition:background .2s}.btn-primary{background:#0f3460;color:#eaeaea}.btn-primary:hover{background:#1a4a7a}.btn-login-tab{background:#0f3460;color:#eaeaea;border:1px solid #4fc3f7;opacity:.85}.btn-login-tab:hover{background:#1a4a7a;opacity:1}.btn-danger{background:#b71c1c;color:#fff}.btn-danger:hover{background:#d32f2f}.btn-success{background:#1b5e20;color:#fff}.btn-success:hover{background:#2e7d32}.btn-small{padding:.35rem .7rem;font-size:.85rem}.error-msg{color:#e57373;margin-top:.5rem;font-size:.9rem}.success-msg{color:#81c784;margin-top:.5rem;font-size:.9rem}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #0f3460}th{background:#0f3460;color:#eaeaea;font-weight:600}tr:hover{background:#0f34604d}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8rem}.badge-success{background:#1b5e20;color:#fff}.badge-warning{background:#f57c00;color:#fff}.badge-danger{background:#b71c1c;color:#fff}.badge-info{background:#0f3460;color:#eaeaea}.loading{text-align:center;padding:2rem;color:#b0b0b0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}