*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}#root{min-height:100vh}.app{min-height:100vh;display:flex}.sidebar{color:#eee;background:#1a1a2e;flex-direction:column;gap:8px;width:220px;padding:24px 16px;display:flex}.sidebar h2{color:#f5c518;margin:0 0 24px;font-size:1.4rem}.sidebar ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sidebar a{color:#ccc;border-radius:6px;padding:8px 12px;text-decoration:none;transition:background .2s;display:block}.sidebar a:hover,.sidebar a.active{color:#fff;background:#16213e}.logout-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;margin-top:auto;padding:8px 12px}.logout-btn:hover{color:#fff;background:#333}.content{background:#f5f5f5;flex:1;padding:32px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{color:#222;margin:0;font-size:1.5rem}.page-center{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.form{flex-direction:column;gap:16px;width:320px;display:flex}.form h1{color:#222;margin:0 0 8px}.inline-form{flex-direction:column;gap:12px;max-width:480px;margin-bottom:24px;display:flex}.inline-form h3{color:#222;margin:0}label{color:#555;flex-direction:column;gap:4px;font-size:.9rem;display:flex}input{border:1px solid #ccc;border-radius:6px;padding:8px 12px;font-size:.95rem}input:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 2px #4a90d933}.form-actions{gap:8px;display:flex}button{cursor:pointer;color:#fff;background:#4a90d9;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;transition:background .2s}button:hover{background:#357abd}button.danger{background:#d94a4a}button.danger:hover{background:#b33a3a}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}th,td{text-align:left;border-bottom:1px solid #eee;padding:12px 16px}th{color:#444;text-transform:uppercase;letter-spacing:.05em;background:#fafafa;font-size:.85rem;font-weight:600}td{color:#333;font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover td{background:#f9f9fb}.actions{gap:6px;display:flex}.actions button{padding:4px 10px;font-size:.8rem}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 14px;font-size:.9rem}a{color:#4a90d9}