*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f4f6;color:#111827}input,button,select,textarea{font:inherit}textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1d4ed8)}.login-card{width:100%;max-width:420px;background:#fff;padding:28px;border-radius:16px;box-shadow:0 18px 40px #0003;display:flex;flex-direction:column;gap:10px}.login-card input{padding:12px;border:1px solid #d1d5db;border-radius:10px}.login-card button,.logout-btn,.small-btn,.close-btn{padding:12px 14px;border:0;border-radius:10px;background:#2563eb;color:#fff;cursor:pointer}.small-btn{padding:8px 10px;font-size:14px}.close-btn{background:#6b7280}.error{color:#b91c1c;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#0f172a;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.nav-item,.nav-item-btn{padding:10px 12px;border-radius:10px;margin-bottom:8px;background:#ffffff14;color:#fff;display:block;width:100%;text-align:left;border:0;cursor:pointer}.nav-item-btn.active,.nav-item.active{background:#2563eb}.nav-item.disabled{opacity:.5}.content{padding:24px}.topbar{margin-bottom:20px}.grid{display:grid;gap:16px;margin-bottom:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 10px #0000000f}.stat .big{font-size:28px;font-weight:700;margin-top:8px}.filters .filter-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.filters .filter-row.one-col{grid-template-columns:1fr}.filters input,.filters select{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}.muted{color:#6b7280}.tiny{font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;vertical-align:top}.report-list{display:grid;gap:16px}.report-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;background:#fafafa}.report-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.badge{background:#dbeafe;color:#1d4ed8;padding:4px 10px;border-radius:999px;font-size:12px}.mini-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-ok{background:#dcfce7;color:#166534}.badge-warn{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-neutral{background:#e5e7eb;color:#374151}.report-structured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.customer-desktop-layout{display:grid;grid-template-columns:1.4fr .9fr;gap:16px;align-items:start}.customer-mobile-layout{display:grid;grid-template-columns:1fr;gap:16px}.customer-card-list{display:grid;gap:12px}.customer-card{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fafafa;display:grid;gap:12px}.customer-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.customer-card-body{display:grid;gap:8px;font-size:14px}.side-editor,.mobile-editor{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 10px #0000000f}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.editor-form{display:grid;gap:10px}.editor-form input,.editor-form select{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}@media (max-width: 1100px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.app-shell,.grid.two,.grid.four,.report-structured,.customer-desktop-layout,.filters .filter-row{grid-template-columns:1fr}.content{padding:14px}.sidebar{padding:16px}}