:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}.container{max-width:900px;margin:40px auto;padding:0 16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0000000a}.hstack{display:flex;gap:12px;align-items:center}.spacer{flex:1}h1{margin:0 0 10px;font-size:22px}.muted{color:#6b7280}.plain label{display:block;font-weight:600;margin:14px 0 6px}.plain input[type=text],.plain textarea,.plain select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.plain textarea{min-height:110px;resize:vertical}.plain button{border:1px solid #d1d5db;background:#fff;padding:10px 12px;border-radius:10px;cursor:pointer}.plain button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.plain button.danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.toggle{display:flex;gap:10px;align-items:center}.toggle button:disabled{opacity:.55;cursor:not-allowed}input:disabled,textarea:disabled{background:#f3f4f6;color:#6b7280}.table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.table th,.table td{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left;vertical-align:top}.table th{background:#f9fafb;font-weight:800;color:#111827}.table td input[type=text],.table td input[type=date]{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:8px 10px;font-size:14px}.cell-ok{background:#dcfce7}.cell-warn{background:#fef9c3}.cell-soon{background:#fef3c7}.cell-expired{background:#fee2e2;color:#991b1b;font-weight:700}.warning{border:1px solid #fcd34d;background:#fffbeb;color:#92400e;padding:10px 12px;border-radius:10px}.progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:10px 0 18px}.progress>div{height:100%;background:#2563eb}.kv{display:grid;grid-template-columns:220px 1fr;gap:10px 16px;margin-top:14px}.kv>div:nth-child(odd){color:#374151;font-weight:600}.codebox{background:#111827;color:#e5e7eb;border-radius:12px;padding:14px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.dropzone{border:2px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.dropzone.dropzone-over{border-color:#2563eb;background:#eff6ff}.legal-footer{max-width:900px;margin:18px auto 28px;padding:12px 16px;font-size:12px;color:#6b7280;border-top:1px solid #e5e7eb}