:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f8fafc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f8fafc}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:1100px;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 50px #0f172a14;overflow:hidden;display:flex;flex-direction:column}.card-body{width:100%;display:grid;grid-template-columns:1fr}.hero{display:none;padding:48px;gap:16px;align-items:center;justify-content:center}.hero img{width:120px;height:120px;object-fit:contain}.hero h1{font-size:40px;margin:0;line-height:1.1}.form-wrap{padding:48px;display:flex;justify-content:center}.form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.form h2{margin:0 0 4px;font-size:28px}.input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff}.input:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b833}.btn{width:100%;padding:12px 14px;border:none;border-radius:10px;background:#111827;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:transform .1s,opacity .2s}.btn:disabled{opacity:.7;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.99)}.error{color:#ef4444;font-size:13px;margin:0}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#f8fafc}.sidebar{background:#fff;border-right:1px solid #e2e8f0;padding:20px;display:flex;flex-direction:column;gap:20px}.logo-row{display:flex;align-items:center;gap:12px}.logo-row img{width:40px;height:40px;object-fit:contain}.logo-row h1{margin:0;font-size:20px;font-weight:700}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#ecfdf3;color:#065f46;font-weight:600;font-size:14px}.main{display:flex;flex-direction:column;background:#f8fafc}.topbar{display:flex;justify-content:flex-end;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8f0}.avatar{width:40px;height:40px;border-radius:9999px;display:grid;place-items:center;background:linear-gradient(135deg,#3bbcff,#936dff);color:#fff;font-weight:700;cursor:pointer;border:none}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;margin-top:8px;width:240px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 50px #0f172a1f;overflow:hidden;z-index:10}.dropdown-menu .meta{padding:12px 14px;border-bottom:1px solid #e2e8f0}.dropdown-menu .meta p{margin:0}.dropdown-menu .logout{width:100%;padding:12px 14px;background:none;border:none;text-align:left;color:#b91c1c;font-weight:600;cursor:pointer}.content{padding:20px;flex:1}.search-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.search-input{flex:1;max-width:360px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px}.table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e2e8f0}th{background:#f8fafc;font-weight:700;color:#334155}tbody tr:hover{background:#f1f5f9}.empty{text-align:center;padding:18px;color:#94a3b8}.pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px;gap:12px;color:#475569;font-size:13px}.pagination select,.pagination button{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:8px 10px;font-size:13px}.pagination button{cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media(min-width:1024px){.card-body{grid-template-columns:1fr 1fr}.hero{display:flex;flex-direction:column}}