*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#0b0b0f;color:#eaeaf0}
a{color:#7aa2ff;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:16px}
.site-header,.site-footer{background:#111520;border-bottom:1px solid #22293d}
.brand{font-weight:800;font-size:22px;margin-right:24px;letter-spacing:.2px}
nav a{margin-right:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:#131828;border:1px solid #1d2340;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.card img{width:100%;height:200px;object-fit:cover;background:#0e1220}
.card .p{padding:12px}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #2b355c;background:#1b2240;color:#eaeaf0;cursor:pointer}
.btn:hover{background:#232c52}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #2b355c;background:#0f1425;color:#eaeaf0}
label{font-size:12px;color:#9aa3bf}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border-bottom:1px solid #212a46;text-align:left}
.badge{padding:2px 8px;border-radius:999px;border:1px solid #2b355c;font-size:12px}
.price{font-weight:700}
@media print{ .label-sheet{display:grid;grid-template-columns:repeat(4,2in);grid-auto-rows:1in;gap:0.1in} .label{width:2in;height:1in;padding:0.06in;border:0.01in dashed #444;overflow:hidden;position:relative} .noborder .label{border:none} .label .brand{font-size:9px;font-weight:700} .label .title{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .label .meta{font-size:9px;color:#cbd3ff} .label .price{position:absolute;right:0.06in;top:0.06in;font-size:12px;font-weight:800} }