@import url('/tahsilat/assets/app.css?v=1');
.filters{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;align-items:end;gap:15px}.filters label{margin:0}.stats .stat{cursor:pointer;text-align:left}.stats .stat:hover{border-color:#a46f69}.stats .stat strong{font-size:30px}.reminder{display:grid;grid-template-columns:115px minmax(0,1fr) auto;gap:18px;padding:22px 0;border-bottom:1px solid #e8ddd1}.reminder:last-child{border:0}.reminder h3{font-size:16px;margin:8px 0;overflow-wrap:anywhere}.reminder p{margin:5px 0;font-size:13px;color:#856b5b}.reminder .actions{margin:0;align-items:center}.reminder .actions button,.reminder .actions a{font-size:12px;padding:8px 10px}.when{padding-top:8px}.when strong{display:block;font-size:16px}.when small{font-size:12px}.reminder.overdue .when{color:#8d2944}.source-tag{display:inline-block;background:#eee1d1;color:#795239;border-radius:5px;padding:3px 8px;font-size:11px}.source-tag.quote{background:#efdce1;color:#713348}.source-tag.collection{background:#e6d6c2;color:#65432c}.reminder .pill{margin-left:6px;font-size:11px}.amount{font-size:14px;font-weight:700}.list-note{padding:16px 0;font-size:13px;color:#856b5b}#updated{white-space:nowrap}.pagination{justify-content:center}.stat small{font-size:11px}.empty strong{display:block;font-size:22px;color:#713348;margin:15px}.empty p{max-width:480px;margin:12px auto}.empty .actions{justify-content:center}.brand span{letter-spacing:1px}.reminder.closed{opacity:.7}
@media(max-width:1200px){.reminder{grid-template-columns:100px minmax(0,1fr)}.reminder .actions{grid-column:2}.filters{grid-template-columns:1fr 1fr}.filters button{width:max-content}}
@media(max-width:700px){.filters{grid-template-columns:1fr}.filters button{width:100%}.reminder{grid-template-columns:80px minmax(0,1fr);gap:12px}.reminder .actions{grid-column:1/-1;flex-wrap:wrap}.when strong{font-size:13px}.reminder h3{font-size:15px}.stats{gap:10px}.stat{font-size:12px}.brand span{font-size:9px}#updated{white-space:normal}}

.stat.accent small{color:#f0d6cd}
#notification-settings{scroll-margin-top:120px}#notification-message{color:#713348;font-weight:600}#notification-preferences .grid{align-items:start}#notification-preferences h3{font-size:17px}.device-row{display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #dfd0c2;padding:16px 0}.device-row .actions{margin:0}.device-row small{margin-top:5px}#notification-settings hr{border:0;border-top:1px solid #dfd0c2;margin:25px 0}#notification-settings details{margin-top:24px}@media(max-width:700px){.device-row{align-items:flex-start;flex-direction:column}}