body { background: #f5f7fb; color: #182033; }
.navbar { box-shadow: 0 1px 2px rgba(16, 24, 40, .04); }
.login-wrap { min-height: calc(100vh - 140px); display: grid; place-items: center; }
.login-panel { width: min(420px, 100%); background: #fff; border: 1px solid #d9e0ec; border-radius: 8px; padding: 28px; box-shadow: 0 18px 50px rgba(16, 24, 40, .08); }
.login-panel h1 { font-size: 1.6rem; margin-bottom: 20px; }
.operation-panel { background: #fff; border: 1px solid #d9e0ec; border-radius: 8px; padding: 20px; }
.summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.summary-grid > div { background: #fff; border: 1px solid #d9e0ec; border-radius: 8px; padding: 16px; min-width: 0; }
.summary-grid span { display: block; color: #667085; font-size: .9rem; margin-bottom: 8px; }
.summary-grid strong { display: block; overflow-wrap: anywhere; font-size: 1.1rem; }
.admin-form { background: #fff; border: 1px solid #d9e0ec; border-radius: 8px; padding: 20px; }
@media (max-width: 768px) { .summary-grid { grid-template-columns: 1fr; } }