*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#eaf3ff;color:#1f2937;margin:0}.container{max-width:1150px;margin:0 auto;padding:18px}.card{background:white;border:1px solid #c9dfff;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 2px 8px rgba(0,0,0,.06)}h1,h2,h3{color:#1e3a5f;margin-top:0}select,input,textarea,button,a.btn{width:100%;padding:15px;margin:8px 0;font-size:17px;border-radius:10px;border:1px solid #bbb}textarea{font-family:Arial,sans-serif;resize:vertical}button,a.btn{border:0;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.primary{background:#0d6efd;color:white}.success{background:#28a745;color:white}.danger{background:#dc3545;color:white}.muted{background:#6b7280;color:white}.warning{background:#f59e0b;color:white}.status-free{background:#dcfce7;border-left:7px solid #22c55e}.status-out{background:#fee2e2;border-left:7px solid #ef4444}.warning-box{background:#fff7ed;border-left:5px solid #f59e0b;border-radius:10px;padding:12px;margin:12px 0}.error-box{background:#fee2e2;border-left:5px solid #ef4444;border-radius:10px;padding:12px;margin:12px 0}.info-box{background:#eff6ff;border-left:5px solid #0d6efd;border-radius:10px;padding:12px;margin:12px 0}table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}th,td{border:1px solid #d6d6d6;padding:10px;text-align:left;vertical-align:top}th{background:#cfe2ff;color:#12345b}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.nav a{flex:1}.small{font-size:13px;color:#6b7280}.pill{display:inline-block;border-radius:999px;padding:6px 10px;font-weight:bold}.remark-box{background:#fff7ed;border-left:5px solid #f59e0b;border-radius:10px;padding:12px;margin:12px 0}.footer{margin-top:30px;text-align:center;font-size:13px;color:#6b7280;padding:15px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0}.stat-card{background:white;border:1px solid #c9dfff;border-radius:18px;padding:18px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06)}.stat-number{font-size:38px;font-weight:800;color:#1e3a5f;line-height:1}.stat-label{font-size:15px;color:#374151;margin-top:8px;font-weight:bold}.stat-free{border-left:8px solid #22c55e}.stat-out{border-left:8px solid #ef4444}.stat-warn{border-left:8px solid #f59e0b}.key-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.key-card{display:block;text-decoration:none;color:#1f2937;border-radius:18px;padding:18px;background:white;border:1px solid #d6d6d6;box-shadow:0 2px 8px rgba(0,0,0,.06)}.key-card-free{background:#ecfdf5;border-left:8px solid #22c55e}.key-card-out{background:#fef2f2;border-left:8px solid #ef4444}.key-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.key-status{font-size:30px;line-height:1}.key-card h2{font-size:22px;margin:0;color:#1e3a5f}.key-code{display:inline-block;margin-top:6px;background:white;border:1px solid #cbd5e1;border-radius:999px;padding:5px 10px;font-weight:bold;color:#1e3a5f}.key-info{font-size:16px;line-height:1.45}.key-remark{margin-top:12px;background:white;border-left:5px solid #f59e0b;border-radius:10px;padding:10px;font-size:15px}.searchbox{margin-bottom:18px}.copy-row{display:flex;gap:8px;align-items:center}.copy-row input{margin:0}.copy-row button{width:auto;min-width:120px;margin:0;background:#0d6efd;color:white}.inline-form{margin:0}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.section-label{font-weight:bold;color:#1e3a5f;margin-top:12px}@media(max-width:700px){.container{padding:12px}.nav{display:block}.key-grid,.admin-grid{grid-template-columns:1fr}.copy-row{display:block}.copy-row button{width:100%;margin-top:8px}table,thead,tbody,tr,td,th{display:block}thead{display:none}tr{margin-bottom:12px;border:1px solid #ddd;border-radius:12px;padding:8px;background:#fff}td{border:0;padding:7px 0}td:before{content:attr(data-label);font-weight:bold;display:block;color:#1e3a5f}}