*{box-sizing:border-box}:root{--bg:#f5f6f8;--surface:#ffffff;--text:#1f2530;--text-muted:#5c6675;--border:#d4d9e0;--primary:#1d5fbf;--primary-text:#ffffff;--danger:#b42318;--danger-bg:#fdecea;--success:#16713c;--success-bg:#e7f6ec;--warn-bg:#fff4e0;--warn-text:#8a5300}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary)}.site-header{background:#1f2530;color:#ffffff;display:flex;align-items:center;gap:24px;padding:0 20px;height:52px}.site-header .brand{color:#ffffff;font-weight:700;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;gap:4px;flex:1 1}.site-header nav a{color:#c9d2e0;text-decoration:none;padding:6px 12px;border-radius:6px;white-space:nowrap}.site-header nav a:hover{background:#323a48;color:#ffffff}.site-header .logout-btn{background:transparent;color:#c9d2e0;border:1px solid #4a5364;border-radius:6px;padding:5px 12px;cursor:pointer;white-space:nowrap}.site-header .logout-btn:hover{background:#323a48;color:#ffffff}main.container{max-width:1100px;margin:24px auto;padding:0 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px}.card h2{margin:0 0 12px;font-size:16px}h1{font-size:20px;margin:0 0 16px}table.data{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border)}table.data td,table.data th{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}table.data th{background:#eceff3;color:var(--text);white-space:nowrap}table.data tr:nth-child(2n) td{background:#fafbfc}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background:#ffffff;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #9db9e4;outline-offset:0}textarea{width:100%;min-height:160px;resize:vertical}label.field{display:block;margin-bottom:12px}label.field .label-text{display:block;font-weight:600;margin-bottom:4px;color:var(--text)}.hint{color:var(--text-muted);font-size:12px}.btn{display:inline-block;background:var(--primary);color:var(--primary-text);border:1px solid var(--primary);border-radius:6px;padding:7px 16px;font-size:14px;cursor:pointer;text-decoration:none}.btn:hover{filter:brightness(1.1)}.btn.secondary{background:#ffffff;color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#ffffff}.btn.small{padding:3px 10px;font-size:12px}.flash{border-radius:6px;padding:10px 14px;margin-bottom:16px;white-space:pre-wrap}.flash.ok{background:var(--success-bg);color:var(--success);border:1px solid #a9dcbd}.flash.error{background:var(--danger-bg);color:var(--danger);border:1px solid #f2b8b1}.badge{display:inline-block;border-radius:10px;padding:1px 10px;font-size:12px;white-space:nowrap}.badge.ok{background:var(--success-bg);color:var(--success)}.badge.off{background:#e8eaee;color:var(--text-muted)}.badge.warn{background:var(--warn-bg);color:var(--warn-text)}.badge.error{background:var(--danger-bg);color:var(--danger)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.product-thumbs img{width:40px;height:40px;object-fit:contain;background:#ffffff;border:1px solid var(--border);border-radius:4px;margin-right:4px}.pagination{display:flex;gap:6px;margin-top:14px}.pagination a,.pagination span{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:4px 10px;text-decoration:none}.pagination span.current{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.login-wrap{max-width:360px;margin:80px auto}.kv-table th{width:160px;background:#eceff3}.section-title{font-size:15px;font-weight:700;margin:20px 0 8px}