.pnl{--g:#6cb52d;--g-dark:#4f9a23;--ink:#14210b;--ink-2:#5f6b57;--bg:#eef2e8;--card:#fff;--border:#e2e8da;--amber:#c98a00;--danger:#c23030;background:var(--bg);min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}.pnl-top{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffe6;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.pnl-brand{flex-direction:column;line-height:1;display:flex}.pnl-brand .w{letter-spacing:-.02em;color:var(--g-dark);font-family:Arial Black,Arial,sans-serif;font-size:20px;font-weight:900}.pnl-brand .w em{color:var(--g);font-style:normal}.pnl-brand .t{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:3px;font-size:10px;font-weight:700}.pnl-who{text-align:right;font-size:13px}.pnl-who .n{color:var(--ink);font-weight:700}.pnl-who button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px;text-decoration:underline}.pnl-shell{max-width:860px;margin:0 auto;padding:24px 20px 80px}.pnl-btn{background:var(--g);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:15px;font-weight:700;transition:background .15s;display:inline-flex}.pnl-btn:hover:not(:disabled){background:var(--g-dark)}.pnl-btn:disabled{opacity:.45;cursor:not-allowed}.pnl-btn.block{width:100%}.pnl-btn.ghost{color:var(--ink-2);border:1px solid var(--border);background:0 0;font-weight:600}.pnl-btn.ghost:hover:not(:disabled){background:var(--bg);color:var(--ink)}.pnl-card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;padding:16px 18px;box-shadow:0 1px 3px #14210b0a}.pnl-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pnl-name{color:var(--ink);font-size:16px;font-weight:700}.pnl-sub{color:var(--ink-2);margin-top:3px;font-size:13px}.pnl-actions{gap:8px;margin-top:14px;display:flex}@media (max-width:519px){.pnl-actions .pnl-btn:not(.ghost){flex:1}}.pnl-badge{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.pnl-badge.ok{color:var(--g-dark);background:#6cb52d29}.pnl-badge.pend{color:var(--amber);background:#c98a0024}.pnl-form{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 2px 12px #14210b0f}.pnl-form h2{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:800}.pnl-form .hint{color:var(--ink-2);margin:0 0 14px;font-size:13px}.pnl-grid{gap:12px;display:grid}@media (min-width:520px){.pnl-grid{grid-template-columns:1fr 1fr}.pnl-grid .full{grid-column:1/-1}}.pnl-field label{color:var(--ink);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.pnl-input{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:11px 13px;font-family:inherit;font-size:16px}.pnl-input:focus{border-color:var(--g);box-shadow:0 0 0 3px #6cb52d2e}.pnl-input.mono{letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,monospace}.pnl-h1{letter-spacing:-.02em;margin:0 0 14px;font-size:22px;font-weight:800}.pnl-empty{text-align:center;color:var(--ink-2);padding:30px 10px;font-size:14px}.pnl-toast{color:var(--g-dark);background:#6cb52d24;border:1px solid #6cb52d66;border-radius:11px;margin-bottom:14px;padding:11px 14px;font-size:14px;font-weight:600}.pnl-error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:12px;padding:10px 13px;font-size:14px}.pnl-login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.pnl-login{background:var(--card);border:1px solid var(--border);border-radius:18px;width:100%;max-width:380px;padding:30px 26px;box-shadow:0 8px 30px #14210b14}.pnl-login .pnl-brand{text-align:center;align-items:center;margin-bottom:18px}.pnl-login .pnl-brand .w{font-size:30px}.pnl-login h1{text-align:center;margin:0 0 4px;font-size:19px;font-weight:800}.pnl-login p.sub{color:var(--ink-2);text-align:center;margin:0 0 20px;font-size:14px}.pnl-login .pnl-field{margin-bottom:14px}