.brand .brand-logo{width:48px;height:48px;flex:0 0 48px;border-radius:11px;background:#fff;color:var(--black);display:grid;place-items:center;font-weight:900;font-size:14px;overflow:hidden}
.brand .brand-logo img,.brand-logo img{display:none;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px;filter:none}
.brand-logo.has-image span{display:none}
.brand-logo.has-image img{display:block}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.settings-grid .panel{padding:25px}
.settings-grid h3{margin:0 0 5px}
.settings-grid>article>p{font-size:12px;margin-top:0}
.logo-editor{display:flex;align-items:center;gap:17px;background:var(--paper);border-radius:15px;padding:18px;margin:22px 0}
.brand-logo.preview{width:76px;height:76px;flex-basis:76px;background:var(--black);color:white;font-size:20px}
.logo-editor>div:last-child{display:flex;align-items:flex-start;flex-direction:column;gap:7px}
.logo-editor small{color:var(--muted)}
.upload-button{display:inline-block;margin:0;background:var(--black);color:white;border-radius:9px;padding:9px 13px;cursor:pointer}
.text-button{border:0;background:none;text-decoration:underline;color:var(--muted);padding:0;font-size:11px}
.color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.color-row label{margin:0}
.color-row input{width:100%;height:52px;padding:4px;cursor:pointer}
.theme-preview{display:flex;align-items:center;gap:12px;background:var(--paper);border-radius:14px;padding:16px;margin:22px 0}
.theme-preview>span{width:42px;height:42px;border-radius:11px;background:var(--black);box-shadow:inset 0 0 0 9px var(--graphite)}
.theme-preview div{display:flex;flex-direction:column}.theme-preview small{color:var(--muted);margin-top:4px}
.settings-actions{display:flex;justify-content:flex-end;gap:9px}
@media(max-width:850px){.settings-grid{grid-template-columns:1fr}}
@media(max-width:500px){.color-row{grid-template-columns:1fr}.settings-actions{flex-direction:column-reverse}.settings-actions button{width:100%}}
.chip b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:10px;background:var(--soft);color:var(--muted);font-size:9px}
.chip.active b{background:#fff;color:var(--black)}
.month-card{font:inherit;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}
.month-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.month-card:focus-visible{outline:3px solid var(--graphite);outline-offset:2px}
.panel-title .add-plan-item{border:1px solid var(--black);background:var(--black);color:white;text-decoration:none;border-radius:9px;padding:8px 12px;font-weight:700}
.plan-row.editable{grid-template-columns:minmax(150px,1fr) 130px 2fr 34px}
.plan-row .plan-name{font-weight:700}
.remove-plan-item{width:32px;height:32px;border:0;border-radius:50%;background:var(--soft);color:var(--muted);font-size:19px}
.remove-plan-item:hover{background:#f1dddd;color:#8b2727}
.empty-plan{text-align:center;padding:38px;color:var(--muted)}
.empty-plan p{font-size:12px}
@media(max-width:760px){.plan-row.editable{grid-template-columns:1fr 95px 32px}.plan-row.editable .bar{grid-column:1/-1;grid-row:2}.panel-title{align-items:flex-start;gap:10px}.panel-title .add-plan-item{white-space:nowrap}}