:before,:after{box-sizing:border-box;margin:0;padding:0}.sl-page{color:#fff;background:#3d5072;min-height:100vh;padding:24px 20px 80px;font-size:14px}.sl-inner{max-width:400px;margin:1px auto}.sl-title{border-bottom:1px solid #ccc;margin-bottom:16px;padding-bottom:0;font-size:28px;font-weight:700}.new-item-form{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.form-row{flex-wrap:wrap;align-items:flex-end;gap:4px;display:flex}.form-group{flex-direction:column;flex:120px;gap:4px;display:flex}.form-group--sm{flex:0 64px}.form-group label{color:#fff;font-size:16px;font-weight:700}.form-group input,.form-group select{color:#000;background-color:#fff;border:1px solid #aaa;border-radius:4px;width:100%;padding:6px 8px;font-size:12px}.form-group input:focus,.form-group select:focus{border-color:#0057e3}.add-btn{color:#fff;white-space:nowrap;background:#0057e3;border:none;border-radius:4px;padding:6px 16px;font-size:13px;font-weight:700}.add-btn:active{opacity:.85}.sort-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.sort-label{color:#fff;white-space:nowrap;font-size:13px}.sort-btn{cursor:pointer;color:#111;background:#fff;border:1px solid #aaa;border-radius:4px;padding:4px 14px;font-size:13px;transition:background .1s,color .1s}.sort-btn--active{color:#211818;font-weight:semibold;background:#d99517;border-color:#0057e3}.item-cards{flex-direction:column;gap:6px;display:flex}.item-card{background:#fff;border:1px solid #111;border-radius:2px;padding:8px 12px;line-height:1.7}.item-name{color:#111;font-size:14px;font-weight:400}.item-detail{color:#333;font-size:15px}