*{box-sizing:border-box;font-family:Arial,sans-serif}body{margin:0;background:#f4f7fb;color:#1f2937}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:14px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar h2{margin-top:4px;margin-bottom:16px}.sidebar-group{margin:14px 0 8px;color:#9ca3af;font-size:12px;text-transform:uppercase}.container{max-width:1400px;margin:0;padding:20px}.header{display:flex;justify-content:space-between;align-items:center}.menu{display:flex;gap:10px;margin:15px 0}.menu-btn{width:auto;min-width:140px;margin-bottom:0;background:#e5e7eb;color:#111827}.sidebar .menu-btn{width:100%;text-align:left;margin-bottom:8px;background:#1f2937;color:#f9fafb}.menu-btn.active{background:#0f62fe;color:#fff}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:20px 0}.metric,.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 10px #00000014}.metric p{margin:0 0 8px;color:#6b7280}.metric strong{font-size:24px}input,select,button{width:100%;padding:10px;border-radius:8px;border:1px solid #d1d5db;margin-bottom:10px}.row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field-group{display:flex;flex-direction:column}.field-group label{font-size:12px;color:#4b5563;margin-bottom:4px}button{background:#0f62fe;color:#fff;border:none;cursor:pointer}.table-wrap{overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e5e7eb;text-align:left;padding:8px;font-size:14px}.inline-form{display:grid;grid-template-columns:130px 140px 100px 90px;gap:6px;min-width:480px}.inline-form input,.inline-form button{margin-bottom:0;padding:6px}