:root{--green:#163d2d;--lime:#a6d75c}*{box-sizing:border-box}body{margin:0;background:#f4f7ef;color:var(--green);font:15px/1.6 system-ui,sans-serif}header{position:sticky;top:0;background:white;z-index:3;border-bottom:1px solid #dbe4d6;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}header>a{font-weight:800;font-size:26px;text-decoration:none;color:var(--green)}main{max-width:1280px;margin:40px auto;padding:0 25px}h1{font-size:36px;letter-spacing:-1px}section{background:white;border:1px solid #dae4d5;padding:26px;border-radius:18px;margin:25px 0;scroll-margin-top:100px}label{display:block;font-weight:600;margin:15px 0}input{display:block;padding:12px;border:1px solid #bbccb5;border-radius:8px;font:inherit;width:100%;max-width:460px}button{padding:11px 16px;color:white;background:var(--green);border:0;border-radius:8px;font:inherit;cursor:pointer;margin:6px 4px 6px 0}button:hover{background:#315c35}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats article{background:#e7f0da;padding:22px;border-radius:14px}.stats b{display:block;font-size:38px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px;border-bottom:1px solid #e2e9dc;vertical-align:top}small{display:block;color:#68775f;font-size:12px;overflow-wrap:anywhere}.notice{background:#e8f4d8;padding:22px;border-radius:12px;overflow-wrap:anywhere}code{font-size:16px}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{color:var(--green)}details{min-width:200px}summary{cursor:pointer}header form{margin:0}.create{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end}.create button{align-self:end}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.create{display:block}header{flex-wrap:wrap}h1{font-size:28px}main{padding:0 15px}section{padding:18px}}

.panel-brand{display:block;flex-shrink:0}.panel-brand img{display:block;width:316px;height:72px;object-fit:contain;object-position:left center}@media(max-width:700px){.panel-brand img{width:248px;height:60px}}

.license-table{table-layout:fixed}.license-table th:nth-child(1){width:16%}.license-table th:nth-child(2){width:21%}.license-table th:nth-child(3){width:27%}.license-table th:nth-child(4){width:17%}.license-table th:nth-child(5){width:19%}.license-table td{overflow-wrap:anywhere}.license-table details{min-width:0;margin:10px 0}.license-table summary{font-weight:650}.license-keys[open]{padding:14px;background:#f1f6f0;border:1px solid #d7e3d2;border-radius:10px}.license-keys strong{display:block;margin-top:12px;font-size:13px}.license-key{display:block;overflow-wrap:anywhere;word-break:break-all;padding:12px;background:white;border:1px solid #d6e0d1;border-radius:8px;font:13px/1.7 ui-monospace,monospace;user-select:all;margin:8px 0}.usage-count{font-size:12px;color:#526650}.delete-license summary{color:#9b3027}.danger{background:#9b3027}.danger:hover{background:#78221c}.check{display:flex;align-items:flex-start;gap:8px}.check input{display:inline-block;width:20px;height:20px;flex:0 0 20px;margin:3px 0}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #80ad82;outline-offset:3px}button{min-height:44px}.license-table td form{max-width:100%}
@media(max-width:900px){.license-table,.license-table tbody,.license-table tr,.license-table td{display:block;width:100%}.license-table thead{display:none}.license-table tr{border:1px solid #d7e3d2;border-radius:14px;padding:12px;margin:18px 0}.license-table td{border:0;padding:10px}.license-table td:nth-child(1){font-weight:700;font-size:18px}.license-table td:nth-child(4)::before{content:'Estado: ';font-weight:700}.license-key{font-size:14px}}