*{box-sizing:border-box;font-family:Inter,system-ui,Arial,sans-serif}body,html,#root{height:100%;margin:0}.app{display:flex;flex-direction:column;height:100vh}.nav{display:flex;gap:12px;padding:12px;background:#0b67a4;color:#fff}.nav a{color:#fff;text-decoration:none}.main{padding:16px;flex:1;background:#f6f8fa}.card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #00000014}.form-row{margin-bottom:8px}.input{padding:8px;width:100%;border:1px solid #ddd;border-radius:4px}.button{padding:8px 12px;background:#0b67a4;color:#fff;border:none;border-radius:4px;cursor:pointer}.small{font-size:.9rem;color:#555}.error-banner{background:#fee;border:1px solid #fcc;color:#c00;padding:12px;border-radius:6px;margin-bottom:16px}.spinner{border:3px solid rgba(11,103,164,.15);border-top:3px solid #0b67a4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;padding:32px}@media(max-width:768px){.nav{flex-wrap:wrap;gap:8px;padding:10px}.main{padding:10px}.card{padding:12px}.button{padding:8px 10px;font-size:.9rem}table{font-size:.85rem}}.toasts{position:fixed;right:14px;bottom:14px;display:flex;flex-direction:column;gap:10px;z-index:9999;max-width:360px}.toast{background:#fffffffa;border-radius:10px;padding:10px 12px;box-shadow:0 10px 25px #00000024;cursor:pointer;animation:toast-in .12s ease-out}.toast-message{font-size:.95rem;color:#1b1b1b}.toast-hint{margin-top:4px;font-size:.78rem;color:#6b7280}@keyframes toast-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}