*{box-sizing:border-box}body{background:#f5f7fa;margin:0;font-family:Arial,sans-serif}nav{background:#0d1b2a;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}nav a{color:#fff;padding:6px 4px;font-size:14px;text-decoration:none;transition:color .2s}nav a:hover{color:#06b6d4}nav button{color:#fff;cursor:pointer;white-space:nowrap;background:#e63946;border:none;border-radius:4px;margin-left:auto;padding:8px 14px;font-size:14px}.container{padding:16px}.login-container{background:#ddd;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:380px;padding:30px 24px;box-shadow:0 10px 30px #0003}.login-card h2{color:#333;margin-bottom:20px}.login-card input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin-bottom:15px;padding:12px;font-size:16px;transition:all .3s}.login-card input:focus{border-color:#4f46e5;box-shadow:0 0 5px #4f46e566}.login-card button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:700;transition:all .3s}.login-card button:hover{background:#3730a3}.login-card button:disabled{opacity:.6;cursor:not-allowed}.cards{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.card{text-align:center;background:#fff;border-radius:8px;flex:140px;padding:20px;box-shadow:0 2px 6px #0000001a}.card h3{color:#555;margin-bottom:8px;font-size:14px}.card p{color:#0d1b2a;margin:0;font-size:28px;font-weight:700}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:480px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ddd;padding:10px 12px}th{color:#444;background:#f1f1f1;font-size:13px}td{font-size:14px}button{cursor:pointer;touch-action:manipulation;border:none;border-radius:4px;padding:7px 12px;font-size:13px}button:disabled{opacity:.55;cursor:not-allowed}.btn-green{color:#fff;background:#2a9d8f}.btn-blue{color:#fff;background:#457b9d}.btn-red{color:#fff;background:#e63946}h2{color:#0d1b2a;padding:16px 16px 0;font-size:20px}.empty-state{text-align:center;color:#888;padding:24px;font-size:15px}.toast{color:#fff;z-index:9999;background:#2a9d8f;border-radius:8px;padding:12px 20px;font-size:14px;animation:.2s slideIn;position:fixed;top:16px;right:16px;box-shadow:0 4px 12px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:12px;width:100%;max-width:380px;padding:28px 24px;box-shadow:0 20px 40px #00000040}.modal-card h3{color:#0d1b2a;margin-top:0;margin-bottom:16px;font-size:16px}.modal-card input{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;margin-bottom:12px;padding:10px;font-size:14px}.modal-card input:focus{border-color:#4f46e5}@media (width<=480px){nav{gap:8px}nav a{font-size:13px}.card{flex:100%}h2{font-size:18px}.modal-card{padding:20px 16px}}