:root{color-scheme:light dark;--safe-top:0px;--safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{margin:0;min-height:100%;background:var(--tg-theme-bg-color,light-dark(#fff,#191b20))}
#app .ma{width:100%;max-width:900px;min-height:100dvh;margin:0 auto;border:0;border-radius:0}
#app .ma-header{border-radius:0;padding-top:max(6px,var(--safe-top));min-height:62px}
#app .ma-main{padding-bottom:110px}
#app .ma-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:900px;border-radius:0;padding-bottom:max(10px,var(--safe-bottom));z-index:10}
#app .ma-toast{position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;transform:translateX(-50%);width:min(85%,600px);margin:0;pointer-events:none}
#app .ma-error{background:var(--ma-warn-soft);color:var(--ma-warn);padding:12px;border-radius:6px;margin:0 0 16px;overflow-wrap:anywhere}
#app .ma-error p{margin-top:6px}
#app .ma .ma-heading h1{overflow-wrap:anywhere}
#app .ma .ma-subtitle{overflow-wrap:anywhere}
#app .ma .ma-busy{opacity:.7;pointer-events:none}
#app .ma .ma-label{color:var(--ma-muted)}
#app .ma .ma-empty{padding:30px 8px}
#app .ma .ma-assign-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 40px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ma-border)}
#app .ma .ma-assign-row label{margin:0}
#app .ma .ma-assign-row strong{font-weight:500;overflow-wrap:anywhere}
#app .ma .ma-select-row{display:flex;gap:10px;align-items:center;margin:14px 0 20px}
#app .ma .ma-select-row select{flex:1;min-width:0}
#app .ma .ma-check{display:flex;align-items:center;gap:9px;min-height:44px;margin:8px 0 18px}
#app .ma .ma-check input{width:18px;height:18px;accent-color:var(--ma-blue)}
#app .ma .ma-note p{white-space:pre-wrap}
#app .ma .ma-preview{white-space:pre-wrap}
#app .ma .ma-preview strong{font-weight:600}
#app .ma .ma-compact-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#app .ma .ma-compact-toolbar label{flex:1;margin:0;min-width:140px}
#app .ma .ma-modal-shade{position:fixed;overflow:auto;padding:24px;align-items:center;border-radius:0}
#app .ma .ma-modal{position:relative;top:0}
#app .ma .ma-locked{max-width:440px;margin:80px auto 0;text-align:center}
#app .ma .ma-locked p{margin:14px 0 22px;color:var(--ma-muted)}
#app .ma .ma-locked a{text-decoration:none}
#app .ma .ma-desktop-id{color:var(--ma-muted);font-size:12px;text-align:right}
#app .ma .ma-group-date{margin:22px 0 2px;font-size:13px;color:var(--ma-muted)}
#app .ma .ma-no-wrap{white-space:nowrap}
@media(min-width:680px){
  #app .ma-main{padding:28px 36px 115px}
  #app .ma-header{padding-left:28px;padding-right:28px}
  #app .ma .ma-row{min-height:70px}
  #app .ma .ma-summary-value{font-size:32px}
  #app .ma .ma-form{max-width:680px}
}
@media(max-width:380px){
  #app .ma .ma-assign-row{grid-template-columns:minmax(0,1fr) 40px}
  #app .ma .ma-assign-row label{grid-row:2;grid-column:1/3}
  #app .ma .ma-row-end{gap:3px}
  #app .ma .ma-row-end .ma-amount{font-size:12px}
  #app .ma .ma-fields{grid-template-columns:1fr;gap:0}
}