.konto-form{margin-top:1.6rem;max-width:400px;display:flex;flex-direction:column;gap:.5rem}.konto-form label{font-weight:600}.konto-form input{padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius-lg);font:inherit;background:var(--surface);color:var(--text)}.konto-form input:focus{outline:2px solid var(--brand);outline-offset:1px}.konto-form .btn{align-self:flex-start;margin-top:.5rem}.form-msg{font-size:.95rem;min-height:1.3em;margin:.2rem 0 0}.form-msg.err{color:#a03a2e;font-weight:600}.konto-hint{font-size:.9rem;color:var(--muted)}.konto-section-title{font-size:1.2rem;margin:1.8rem 0 .2rem}.konto-card{margin-top:1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem 1.6rem;box-shadow:var(--shadow-soft)}.konto-card+.konto-card{margin-top:1.1rem}.konto-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border-soft, #eef2f1)}.konto-icon{flex:none}.konto-icon svg{display:block;border-radius:13px;box-shadow:0 6px 16px -8px #5c54d499}.konto-headtext{display:flex;flex-direction:column;gap:.12rem}.konto-prodname{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--ink);letter-spacing:-.01em}.konto-desc{font-size:.88rem;color:var(--muted)}.konto-badge{margin-left:auto;align-self:flex-start;border-radius:999px;padding:.3em .95em;font-size:.78rem;font-weight:700;white-space:nowrap}.konto-more{margin-top:1.6rem;background:var(--surface-soft, #f2f6f5);border:1px dashed var(--border);border-radius:var(--radius-xl);padding:1.4rem 1.6rem}.konto-more h3{font-size:1.05rem;margin-bottom:.35rem}.konto-more p{color:var(--muted);font-size:.92rem;margin:0}@media(max-width:560px){.konto-head{flex-wrap:wrap}.konto-badge{margin-left:0;order:3;flex-basis:100%;align-self:flex-start}}.konto-badge.green{background:#e7f5ee;color:#177a53;border:1px solid #BFE5D2}.konto-badge.amber{background:#fff7ed;color:#9a3412;border:1px solid #FDBA74}.konto-badge.gray{background:var(--surface-soft, #f1f5f4);color:var(--muted);border:1px solid var(--border)}.konto-card h2{font-size:1.22rem;margin-bottom:.9rem}.konto-table{width:100%;border-collapse:collapse;font-size:.95rem;margin-bottom:.4rem}.konto-table th{text-align:left;font-weight:600;color:var(--muted);white-space:nowrap;width:1%;padding:.5rem 1.4rem .5rem 0;vertical-align:top}.konto-table td{padding:.5rem 0;vertical-align:top}.konto-table tr:not(:last-child) th,.konto-table tr:not(:last-child) td{border-bottom:1px solid var(--border-soft, #eef2f1)}.konto-card p{margin:1rem 0}.konto-card .konto-note{font-size:.88rem;color:var(--muted)}.konto-card .btn{margin-right:.5rem;margin-top:.2rem}.konto-loading{color:var(--muted)}.konto-logout{background:none;border:none;padding:0;font:inherit;color:var(--brand);cursor:pointer;text-decoration:underline}@media(max-width:480px){.konto-table,.konto-table tbody,.konto-table tr,.konto-table th,.konto-table td{display:block;width:auto}.konto-table th{padding:.5rem 0 0;border-bottom:none}.konto-table td{padding:0 0 .5rem}.konto-table tr:not(:last-child) td{border-bottom:1px solid var(--border-soft, #eef2f1)}}