:root{--verde-mata: #143c34;--tangerina: #ff6b35;--nevoa: #f3f6f4;--salvia: #9dbbaf;--grafite: #222724;--radius: 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--nevoa);color:var(--grafite)}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:.92rem}button:disabled{opacity:.5;cursor:not-allowed}input{font:inherit;border:1px solid #d4ddd7;border-radius:var(--radius);padding:.6rem .8rem;background:#fff}input:focus{outline:2px solid var(--verde-mata)}.login-screen{flex:1;display:flex;align-items:center;justify-content:center}.card{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:400px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;gap:.85rem}.card h1{margin:0;font-size:1.3rem;color:var(--verde-mata)}.card h1 .dot{color:var(--tangerina)}.card label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.btn-primary{background:var(--verde-mata);color:#fff;padding:.7rem;font-weight:600}.error-banner{background:#fdecea;color:#b3261e;border-radius:var(--radius);padding:.6rem .8rem;font-size:.88rem}.ok-banner{background:#e8f5ee;color:#14573a;border-radius:var(--radius);padding:.6rem .8rem;font-size:.88rem}.topbar{background:var(--verde-mata);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.4rem}.topbar .brand{font-weight:700}.topbar .brand .dot{color:var(--tangerina)}.topbar button{background:transparent;color:#cfe0d7}.content{max-width:860px;width:100%;margin:1.6rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:1.2rem}.content h2{color:var(--verde-mata);margin:0}.content p.hint{color:#6b7a72;margin:.2rem 0 0;font-size:.9rem}.key-table{display:flex;flex-direction:column;gap:.8rem}.key-row{background:#fff;border-radius:14px;padding:1rem 1.2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:0 1px 4px #0000000d}.key-row .provider-name{font-weight:700;min-width:130px;text-transform:capitalize}.key-row .status{font-size:.82rem;color:#6b7a72;min-width:160px}.key-row .status.on{color:#14573a;font-weight:600}.key-row input{flex:1;min-width:220px}.btn-save{background:var(--tangerina);color:#fff;padding:.6rem 1rem;font-weight:700}.btn-disable{background:transparent;color:#b3261e;padding:.6rem .4rem}.tabs{display:flex;gap:.2rem;background:#fff;padding:0 1.4rem;border-bottom:1px solid #e3eae5;overflow-x:auto}.tab{background:transparent;padding:.8rem 1rem;color:#6b7a72;border-radius:0;border-bottom:3px solid transparent;white-space:nowrap}.tab.active{color:var(--verde-mata);font-weight:700;border-bottom-color:var(--tangerina)}.content h3{color:var(--verde-mata);margin:.6rem 0 0}.form-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.form-row input,.form-row select{min-width:140px}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.data-table th,.data-table td{text-align:left;padding:.65rem .9rem;font-size:.88rem}.data-table thead{background:var(--verde-mata);color:#fff}.data-table tbody tr:nth-child(2n){background:#f7faf8}.data-table .actions{display:flex;gap:.4rem}.data-table .actions button{font-size:.8rem;padding:.35rem .6rem;background:#eef3f0}.alert-row{background:#fdecea!important}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.stat{background:#fff;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 1px 4px #0000000d}.stat strong{font-size:1.5rem;color:var(--verde-mata)}.stat span{color:#6b7a72;font-size:.82rem}.branding-form{display:flex;flex-direction:column;gap:.7rem;max-width:460px}.branding-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.branding-form label.inline{flex-direction:row;align-items:center;gap:.5rem}.preview{border-radius:12px;padding:1rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.preview button{color:#fff;padding:.5rem .9rem;font-weight:700}.key-once{display:block;margin-top:.4rem;word-break:break-all;font-size:.85rem;background:#fff;padding:.5rem;border-radius:8px}