:root{font-family:system-ui,sans-serif;color:#17202a;background:#f4f6f8}body{margin:0}main{max-width:1400px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}a{color:#1769aa}.graph-status{color:#18794e;font-size:.95rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:24px 0}.cards article{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0001}.cards strong{display:block;font-size:1.8rem}.cards span{color:#68737d;font-size:.9rem}.filters,.product-config form,.history-import form{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.history-import,.product-config{background:#fff;padding:16px;border-radius:8px;margin-top:24px}.history-import label{display:flex;gap:6px;align-items:center}.notice{color:#18794e}.error{color:#a12622}input,select,button{padding:9px;border:1px solid #cbd5df;border-radius:5px;background:#fff}button{cursor:pointer;background:#1769aa;color:#fff;border:0}table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}th,td{padding:10px;border-bottom:1px solid #e5e9ed;text-align:left}th{background:#eaf0f5}dl{display:grid;grid-template-columns:220px 1fr;gap:8px;background:#fff;padding:16px;border-radius:8px}dt{font-weight:600}dd{margin:0}.response{white-space:pre-wrap;max-width:900px}.login-card{max-width:420px;margin:10vh auto;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0001}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px}.login-card input{width:100%;box-sizing:border-box}