.settings-shell{max-width:760px;margin-inline:auto}.settings-shell h1{font-size:25px;margin-bottom:6px}.settings-shell>.sub{margin-bottom:18px}.settings-version{font-size:11px;background:var(--button);padding:5px 9px;border-radius:20px;color:var(--muted);white-space:nowrap}.settings-search{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);padding:0 13px;border-radius:15px;margin-bottom:18px}.settings-search svg{width:20px;flex:0 0 20px;color:var(--muted)}.settings-search input{border:0;background:none;color:var(--text);margin:0;width:100%;min-width:0;padding:13px 0;outline-offset:3px}.settings-group{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:14px 0;overflow:hidden}.settings-section-label{padding:14px 15px 5px;margin:0;font-size:10px;letter-spacing:.08em;color:var(--muted)}.settings-row{display:flex;align-items:center;gap:11px;width:100%;min-height:70px;text-align:start;background:transparent;color:var(--text);padding:13px 15px;border-radius:0;border-bottom:1px solid var(--line);transition:background .16s,transform .16s}.settings-row:last-child{border-bottom:0}.settings-row:active{background:var(--button);transform:scale(.99)}.settings-row[hidden],.settings-group[hidden]{display:none!important}.settings-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--button);color:var(--primary);flex:0 0 35px}.settings-icon svg{width:19px;height:19px}.settings-row-label{flex:1;min-width:0}.settings-row-label strong{display:block;font-size:14px;font-weight:600}.settings-row-label small{display:block;font-size:11px;color:var(--muted);line-height:1.45;margin-top:3px}.settings-row-value{font-size:10px;color:var(--muted);max-width:90px;text-align:end}.settings-chevron{width:14px;height:14px;flex:0 0 14px;color:var(--muted)}.settings-back-row button{display:flex;align-items:center;gap:5px;font-size:13px;padding:8px 0;margin-bottom:6px}.settings-back-icon{width:15px;height:15px;transform:rotate(180deg)}.settings-detail .card{padding:16px;border-radius:18px;margin:12px 0}.settings-detail .card h2{font-size:16px;margin-bottom:12px}.settings-detail .card .sub{font-size:12px;margin-bottom:14px}.settings-detail .appearance-grid{gap:10px}.settings-detail .theme-preview{height:65px!important}.settings-detail .theme-option{padding:10px!important}.settings-detail .theme-option strong{font-size:13px}.settings-detail .theme-check{font-size:10px}.settings-detail .split{gap:8px;flex-wrap:wrap}.settings-detail .split button{font-size:13px;min-height:44px}.settings-detail .card .card{margin:8px 0 0;padding:12px}.settings-explanation{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.settings-explanation>summary{cursor:pointer;font-size:12px;color:var(--muted);min-height:32px;padding:7px 0}.settings-explanation p{line-height:1.6}.settings-note{font-size:12px;line-height:1.6;color:var(--muted);padding:10px 12px;background:var(--card);border-radius:12px}.menu-panel .drawer-header{padding:20px 18px 14px}.menu-panel .drawer-scroll{padding:0 12px 14px}.menu-panel .drawer-section{margin:14px 8px 7px;font-size:10px}.menu-panel .drawer-item{padding:10px 12px;min-height:49px;border-radius:12px;gap:12px}.menu-panel .drawer-item strong{font-size:13px;font-weight:600}.menu-panel .drawer-item>svg{width:20px;height:20px}.menu-panel .drawer-footer{padding:14px 10px;font-size:11px}.menu-panel .drawer-header h2{font-size:20px}.menu-panel .drawer-brand{width:40px;height:40px}.menu-panel .drawer-close{min-width:44px;min-height:44px}[dir=rtl] .settings-chevron{transform:rotate(180deg)}[dir=rtl] .settings-back-icon{transform:rotate(0deg)}
@media(max-width:380px){.settings-row{padding:12px;gap:8px}.settings-row-label strong{font-size:13px}.settings-row-value{max-width:65px;font-size:10px}.settings-icon{width:31px;height:31px;flex-basis:31px}.settings-shell h1{font-size:23px}}

.template-list{display:grid;gap:6px}.template-row{display:flex;align-items:center;border:1px solid var(--border);border-radius:14px;overflow:hidden}.template-use{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:start;background:transparent;color:var(--text);border:0;padding:12px 10px;border-radius:0}.template-description{flex:1;min-width:0}.template-description strong,.template-description small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-description small,.template-amount small{font-size:11px;opacity:.7;margin-top:3px}.template-amount{flex-shrink:0;text-align:end;font-size:13px}.template-amount small{display:block;color:var(--primary)}.template-symbol{display:flex;color:var(--primary)}.template-symbol svg{width:22px;height:22px}.template-delete{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;background:transparent;color:var(--text);border:0}.template-delete svg{width:18px;height:18px}.template-use:disabled{opacity:.5}
.ub-section h3{margin:0}.ub-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.ub-name{min-width:0;flex:1}.ub-name strong{display:block;font-size:13px;overflow-wrap:anywhere}.ub-name small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.ub-row>b{font-size:12px;white-space:nowrap}.ub-row button{font-size:12px;min-height:44px;max-width:110px;flex-shrink:0}.ub-section details{margin-top:12px}.ub-section summary{font-size:13px;padding:8px 0;cursor:pointer}

.ab-clickable{text-align:start;color:var(--text);background:var(--pill);border:1px solid var(--border);cursor:pointer}.ab-category-link{display:block;width:100%;text-align:start;background:transparent;color:var(--text);border:0;padding:12px 0;cursor:pointer}.ab-category-link:hover,.ab-clickable:hover{background:var(--hover)}.ub-row .ub-spending{max-width:none;padding:8px 3px;white-space:nowrap}.ab-record small{display:block}.ab-record span{min-width:0;overflow-wrap:anywhere}
