*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#222}a{text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#1f2937;color:#fff;padding:16px}.sidebar a{display:block;color:#d1d5db;padding:8px 0}.sidebar a.active,.sidebar a:hover{color:#fff}.main{flex:1;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px;border-radius:8px;margin-bottom:12px}#menuToggle{display:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.card,.panel{background:#fff;padding:12px;border-radius:8px;margin:10px 0}.flash{padding:10px;border-radius:6px;margin-bottom:8px}.flash.success{background:#dcfce7}.flash.error{background:#fee2e2}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.inline-form{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.badge{background:#e5e7eb;padding:3px 7px;border-radius:10px;font-size:12px}.auth-bg{display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-card{max-width:420px;background:#fff;padding:24px;border-radius:10px;width:100%}.auth-card input,.auth-card button,.grid-form input,.grid-form select,select,button{padding:8px;border:1px solid #cbd5e1;border-radius:6px}button{background:#2563eb;color:#fff;cursor:pointer}.hint{margin-top:12px;font-size:13px;color:#555}.muted{color:#6b7280}
@media (max-width: 768px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:20;transition:left .2s}.sidebar.open{left:0}#menuToggle{display:block}}