body{font-family:var(--font)}
[x-cloak]{display:none!important}
.card{background:#fff;border:1px solid #ebe8e6;border-radius:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:10px;padding:.5rem .9rem;font-size:13px;font-weight:600;border:1px solid #e5e1de;background:#fff;color:#374151;white-space:nowrap;cursor:pointer;transition:filter .15s}
.btn:hover{filter:brightness(.96)}
.btn-primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.btn-accent{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.btn-wa{background:#16a34a;border-color:#16a34a;color:#fff}
.btn-danger{background:#fff;border-color:#fecdd3;color:#be123c}
.btn-sm{padding:.3rem .6rem;font-size:12px;border-radius:8px}
.btn-icon{padding:.4rem;border-radius:8px}
.input,.select,.textarea{width:100%;border:1px solid #e5e1de;border-radius:10px;padding:.5rem .75rem;font-size:13px;background:#fff;outline:none}
.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 15%,transparent)}
.label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin-bottom:.3rem}
.req::after{content:" *";color:#e11d48}
.tbl{width:100%;font-size:13px}
.tbl th{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;font-weight:600;text-align:left;padding:.7rem .9rem;border-bottom:1px solid #f0edeb;white-space:nowrap}
.tbl td{padding:.75rem .9rem;border-bottom:1px solid #f4f2f0;vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.stat-k{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;font-weight:600}
.tabs a{padding:.5rem .9rem;border-radius:10px;font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap}
.tabs a.on{background:var(--c-primary);color:#fff}
.chip-select{border-radius:999px;font-size:11px;font-weight:600;padding:.2rem 1.4rem .2rem .6rem;border:1px solid transparent;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .45rem center;cursor:pointer}
.modal-bg{position:fixed;inset:0;background:rgba(17,17,17,.45);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}
.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.text-primary{color:var(--c-primary)}
.bg-primary{background:var(--c-primary)}
.bg-secondary{background:var(--c-secondary)}
.dd{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #e5e1de;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.08);max-height:260px;overflow-y:auto}
.dd button{display:block;width:100%;text-align:left;padding:.5rem .75rem;font-size:13px}
.dd button:hover{background:#f6f4f3}