*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#12213a}a{text-decoration:none;color:#176bd4}.brand{font-size:22px;font-weight:800;color:#e53c2d}.brand span{display:block;color:#2473da;margin-top:5px}aside{position:fixed;left:0;top:0;width:225px;height:100vh;background:#112641;padding:15px 10px;overflow:auto}aside .brand{margin-bottom:28px}nav a{display:block;color:#fff;padding:11px 12px;border-radius:8px;margin:3px 0;white-space:nowrap}nav a.active{background:#2473da}.app{margin-left:225px}header{height:60px;background:#fff;border-bottom:1px solid #e2e8f0;padding:9px 28px;display:flex;justify-content:space-between;align-items:center}header small{display:block;color:#728096;margin-top:3px}main{padding:28px}.lead,.empty{color:#6a788d}.cards{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:15px;margin:24px 0}.card,.panel,.logincard,.publiccard{background:#fff;border-radius:14px;padding:21px;box-shadow:0 3px 16px #173a6410}.card strong{display:block;font-size:30px;color:#176bd4}.card span{color:#68778c}.panel{margin-bottom:18px}.formgrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.wide{grid-column:span 2}label{display:block;font-size:13px;font-weight:700;margin:7px 0 5px}input,select,textarea{width:100%;padding:10px;border:1px solid #d5deea;border-radius:8px;background:#fff}button,.btn{display:inline-block;border:0;border-radius:8px;padding:10px 15px;background:#176bd4;color:#fff;font-weight:700;cursor:pointer}.notice{background:#edf9ef;color:#17692b;padding:12px;border-radius:8px;margin-bottom:16px}.alert{background:#fff0ef;color:#9b241d;padding:12px;border-radius:8px}.tablewrap{overflow:auto;background:#fff;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{padding:11px;text-align:left;border-bottom:1px solid #e7ebf1;font-size:14px}th{color:#637188;background:#fafbfd}.loginbg,.publicbg{min-height:100vh;display:grid;place-items:center;padding:18px}.logincard,.publiccard{width:min(560px,96vw)}dl{display:grid;grid-template-columns:150px 1fr}dt,dd{padding:9px;margin:0;border-bottom:1px solid #edf0f4}dt{font-weight:bold;color:#66758b}@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}.formgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){aside{position:static;width:100%;height:auto}.app{margin:0}nav{display:flex;overflow:auto}nav a{white-space:nowrap}.cards{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}main{padding:18px}}
/* v0.6.1 - account management layout */
.tablewrap table{min-width:900px}
.tablewrap th{white-space:nowrap}
.tablewrap td{vertical-align:middle}
.tablewrap td form{vertical-align:middle}
.tablewrap td button{white-space:nowrap;width:auto}
.tablewrap td input[type=password]{min-width:150px}
@media(min-width:1100px){
  main{max-width:none}
  .panel .formgrid{align-items:end}
}
/* v0.7 - clickable dashboard and product catalogue */
.cardlink{display:block;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.cardlink:hover{transform:translateY(-2px);box-shadow:0 7px 20px #173a6420}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.product-card{background:#fff;border-radius:14px;overflow:hidden;color:#12213a;box-shadow:0 3px 16px #173a6410}.product-card img,.thumb-empty{width:100%;height:180px;object-fit:contain;background:#f7f9fc}.thumb-empty,.no-photo{display:grid;place-items:center;color:#7a8798}.product-card-body{padding:15px;display:flex;flex-direction:column;gap:6px}.product-card-body strong{font-size:18px}.product-card-body span,.product-card-body small{color:#68778c}.product-card-body b{color:#176bd4;margin-top:6px}.product-detail{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:28px}.product-photo img,.no-photo{width:100%;max-height:430px;object-fit:contain;border-radius:12px;background:#f7f9fc}.no-photo{height:300px}.product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn.secondary{background:#64748b}.preline{white-space:pre-line;line-height:1.55}@media(max-width:800px){.product-detail{grid-template-columns:1fr}}

button.danger,.danger{background:#b42318;color:#fff;border-color:#b42318}