*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,-apple-system,sans-serif}html,body,#root{height:98%}.loading-dots{display:flex;gap:6px;margin-bottom:10px}.loading-dots span{width:var(--dot-size);height:var(--dot-size);background-color:var(--dot-color);border-radius:50%;animation:jump 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes jump{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-8px);opacity:1}}.upload-cta>button{padding:20px 40px;text-align:center;font-size:30px;border-radius:20px;box-shadow:0 10px 25px #0003;background:#ef3d50;color:#fff;text-decoration:none;border:1px solid transparent}.upload-cta>button:hover{filter:brightness(.95);padding:21px 42px}.upload-cta{margin-top:auto;display:flex;flex-direction:column;align-items:center}#home{text-align:center;min-height:calc(100vh - 110px);padding-bottom:60px;padding-inline:20px}.hero-phone{width:320px;max-width:70vw;display:block;margin:30px auto;filter:drop-shadow(0 40px 80px rgba(0,0,0,.25))}@media(min-width:900px){.hero-phone{width:340px}}#home h1{font-size:42px;margin-bottom:12px}#home p{color:#6b7280;margin-bottom:40px}.receipt-item{display:flex;background:#fff;text-decoration:none;border:1px transparent;align-items:center;justify-content:left;margin:2px 2px 9px;padding:4px}@media(min-width:900px){.receipt-item{margin:2px;padding:0}}.receipt-item>p{color:#6b6b6b;font-size:15px;padding-block:10px}.item-quantity{margin-left:5px;margin-right:15px}.item-price{margin-left:auto;margin-right:3px}.receipt-item.isActive{border-radius:10px;background:#ff6f7e}.receipt-item.isActive>p{color:#fff}.dot-buffer{margin-left:4px;margin-top:3px}.receipt-page{display:flex;justify-content:center;flex-direction:column;margin-inline:30px;box-shadow:0 10px 25px #0000000d;padding:25px}@media(min-width:900px){.receipt-page{margin-inline:70px}}#receipt-top{display:flex;justify-content:left;border-bottom:1px grey solid;margin-bottom:10px}.items-div{border-bottom:1px grey solid;margin-bottom:10px}#receipt-top>div>h4{margin-bottom:7px}#receipt-top>div>p{color:gray;font-size:11px;margin-bottom:3px}.receipt-svg{margin-right:15px}.totals-item{display:flex;justify-content:space-between;margin-bottom:3px}.totals-item>h4{font-weight:600}.totals-item>p{color:gray}#last-totals-item{margin-bottom:10px}#show-claimed-btn{display:flex;background:#fff;color:#000;border:1px transparent;justify-content:left;padding:8px;font-weight:600;font-size:14px}#remove-header{font-size:12px;color:gray;margin-left:8px}#receipt-totals-header{margin-bottom:10px}#venmo-btn{padding:10px 20px;text-align:center;font-size:20px;border-radius:20px;box-shadow:0 10px 25px #0003;background:#ef3d50;color:#fff;border:1px solid transparent}#venmo-btn:hover{filter:brightness(.95)}.share-btn{padding:7px 12px;text-align:center;font-size:11px;border-radius:18px;background:#ef3d50;color:#fff;font-weight:600;border:1px solid transparent}@media(min-width:900px){.share-btn{padding:7px 12px;font-size:13px}}.share-btn:hover{filter:brightness(.95)}.context-header{background:#f3f4f6;padding:12px 16px;border-radius:10px;border-left:4px solid #d1d5db;border-bottom:4px solid #d1d5db;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;margin-inline:23px;margin-top:5px}@media(min-width:900px){.context-header{margin-inline:60px}}.context-text-div>h3{font-weight:700;font-size:16px}.context-text-div>p{font-size:14px;color:#6b7280}header{background:#ef3d50;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}header>a{color:#fff;text-decoration:none;margin:2px;padding-inline:7px;padding-block:3px;border-radius:4px}header>a:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;filter:brightness(.95)}@media(min-width:900px){header{border-top-left-radius:12px;border-top-right-radius:12px}}.editor-item>div{display:flex;align-items:center;justify-content:left}.editor-item{background:#f9f9f9;border-radius:8px;margin-bottom:8px;padding-block:13px;padding-inline:13px}.top-editor-item>p{color:#000;font-size:14px;margin-right:auto}.top-editor-item{display:flex;justify-content:space-between;margin-bottom:8px}.e-item-field{display:flex;justify-content:center;flex-direction:column}.e-item-field>input{background:#e6e6e6;text-decoration:none;border:2px solid transparent;color:#000;border-radius:5px;padding-block:7px;padding-inline:10px;font-size:15px;width:100%}.e-item-field>div{background:#e6e6e6;text-decoration:none;border:2px solid transparent;color:#000;border-radius:5px;width:100%;display:flex;align-items:center}.e-item-field>div>p{font-size:12;padding-left:10px;margin-bottom:1px}.e-item-field>div>input{background:#e6e6e6;text-decoration:none;border:2px solid transparent;color:#000;border-radius:5px;font-size:15px;width:100%;padding-block:7px;padding-right:10px;padding-left:3px}.e-item-field>input:focus-visible{border:3px solid #EF3D50;outline:none}.e-item-field>input::placeholder{color:#959595}.e-item-field>div>input:focus-visible{border:3px solid #EF3D50;outline:none}.e-item-field>div>input::placeholder{color:#959595}.qty{flex:0 0 40px;margin-right:15px}.name{flex:1 1 auto;margin-right:15px}@media(min-width:900px){.name{margin-right:30px}}.price{flex:0 0 90px}.e-item-field>p{color:#000;font-size:10px;margin-left:3px;margin-top:3px}.txn-delete-btn{background:#ef3d50;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.editor-input-div{background:#f9f9f9;border-radius:8px;margin-bottom:8px;padding-block:13px;padding-inline:13px}.editor-input-div>input{background:#e6e6e6;text-decoration:none;border:2px solid transparent;color:#000;border-radius:5px;padding-block:7px;padding-inline:10px;font-size:15px;width:100%}.editor-input-div>input::placeholder{color:#959595;font-size:13px}.editor-input-div>input:focus-visible{border:3px solid #EF3D50;outline:none}.editor-input-div>p{color:#000;font-size:10px;margin-left:3px;margin-top:3px}.editor-input-div>div>p{color:#000;font-size:10px;margin-left:3px;margin-top:3px}.editor-input-div>div{display:flex;align-items:center;margin-top:6px}.editor-input-div>div>button{padding:4px 7px;text-align:center;font-size:10px;border-radius:8px;background:#ef3d50;color:#fff;text-decoration:none;border:1px solid transparent;margin-left:auto;margin-top:6px}.editor-title{margin-bottom:8px;font-size:20px}.save-button{padding:20px 40px;text-align:center;font-size:30px;border-radius:20px;box-shadow:0 10px 25px #0003;background:#ef3d50;color:#fff;text-decoration:none;border:1px solid transparent;margin-top:10px}.edit{background:#f9f9f9;border-radius:8px;margin-bottom:8px;padding-block:5px;padding-inline:13px;align-items:center;color:#000}.totals-item>div{display:flex;background:#e6e6e6;color:#000;align-items:center;border-radius:5px;padding-inline:5px}.totals-item>div>p{margin-bottom:2px;font-size:15px}.totals-item>div>input{background:#e6e6e6;text-decoration:none;border:2px solid transparent;color:#000;border-radius:5px;padding-block:7px;padding-inline:10px;font-size:15px;width:65px;flex:0 0 65px}.totals-item>div>input::placeholder{color:#959595}.totals-item>div>input:focus-visible{border:3px solid #EF3D50;outline:none}#add-item{background:#ef3d50;text-decoration:none;border:2px solid transparent;color:#ffd5d5;border-radius:5px;padding-block:5px;padding-inline:10px;font-size:13px;width:100%;margin-bottom:10px}.create-div{background:#ef3d50;border-radius:8px;margin-bottom:8px;padding-block:13px;padding-inline:13px;display:flex;flex-direction:column}.create-div>div{display:flex}.create-div>div>h4{color:#fff;margin-bottom:8px}.create-div>div>button{margin-left:auto;text-decoration:none;border:2px solid transparent;color:#a02633;font-weight:800;border-radius:5px;padding-block:4px;padding-inline:7px;font-size:12px;margin-bottom:7px}.create-field{display:flex;flex-direction:column}.create-field>input{background:#b42e3b;text-decoration:none;border:2px solid transparent;color:#ffd5d5;border-radius:5px;padding-block:7px;padding-inline:10px;font-size:15px;width:100%}.create-field>p{color:#ffd5d5;font-size:10px;margin-left:3px;margin-top:3px}.create-div>button{margin-left:auto;text-decoration:none;border:2px solid transparent;color:#a02633;font-weight:800;border-radius:5px;padding-block:5px;padding-inline:10px;font-size:15px;margin-top:8px}.page,.app{min-height:100vh;background:#fff}@media(min-width:900px){.page{background:#f5f5f7;padding:32px 0}body{background:#f5f5f7}.app{min-height:calc(100vh - 60px);max-width:900px;margin:0 auto;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000000f}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}