html{background:var(--col-bg-gradient);min-height:100%}body{padding-top:80px;vertical-align:-3px}h2{margin-block:32px 20px}.box-shadow{background:var(--col-bg-primary);border:3px solid #fff;border-radius:0;font-family:Aref Ruqaa,Aref Ruqaa Fallback;box-shadow:6px 6px 0 #fff}.wrapper{padding:0 80px 32px}.page{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;display:grid;grid-template-rows:20px 1fr 20px;align-items:center;justify-items:center;min-height:100svh;padding:80px;grid-gap:64px;gap:64px;font-family:var(--font-geist-sans)}@media(prefers-color-scheme:dark){.page{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a}}.main{display:flex;flex-direction:column;gap:32px;grid-row-start:2}.main ol{font-family:var(--font-geist-mono);padding-left:0;margin:0;font-size:14px;line-height:24px;letter-spacing:-.01em;list-style-position:inside}.main li:not(:last-of-type){margin-bottom:8px}.main code{font-family:inherit;background:var(--gray-alpha-100);padding:2px 4px;border-radius:4px;font-weight:600}.ctas{display:flex;gap:16px}.ctas a{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:128px;height:48px;padding:0 20px;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:20px;font-weight:500}a.primary{background:var(--foreground);color:var(--background);gap:8px}a.secondary{border-color:var(--gray-alpha-200);min-width:180px}.footer{grid-row-start:3;display:flex;gap:24px}.footer a{display:flex;align-items:center;gap:8px}.footer img{flex-shrink:0}@media(hover:hover)and (pointer:fine){a.primary:hover{background:var(--button-primary-hover);border-color:transparent}a.secondary:hover{background:var(--button-secondary-hover);border-color:transparent}.footer a:hover{text-decoration:underline;text-underline-offset:4px}}@media(max-width:600px){.page{padding:32px 32px 80px}.main{align-items:center}.main ol{text-align:center}.ctas{flex-direction:column}.ctas a{font-size:14px;height:40px;padding:0 16px}a.secondary{min-width:auto}.footer{flex-wrap:wrap;align-items:center;justify-content:center}}@media(prefers-color-scheme:dark){.logo{filter:invert(1)}}.timeline{width:100%;position:relative;margin-bottom:64px}.timeline .bar{margin-block:20px;height:40px;overflow:hidden;text-overflow:ellipsis;padding:2px 12px 0;white-space:nowrap;background:var(--col-bg-primary);border:3px solid #fff;border-radius:0;font-family:Aref Ruqaa,Aref Ruqaa Fallback;box-shadow:6px 6px 0 #fff}.timeline:before{content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:250%;background:radial-gradient(50% 50% at 50% 50%,rgba(36,244,255,.6) 15%,rgba(45,79,107,0) 90%);pointer-events:none}.back-layer{position:absolute;inset:0;display:flex;justify-content:stretch;z-index:1}.back-layer hr:not(:first-child){margin-left:auto}.back-layer hr{border:1px solid #888;border-right:none}.date-ticks{display:flex;position:absolute;top:100%;width:100%;margin-top:16px}.date-ticks>span{display:flex;width:0;justify-content:center;font-weight:600}.date-ticks>span:not(:first-child){margin-left:auto}.front-layer{position:relative;z-index:2;padding:3px;min-height:200px;max-height:40vh;overflow:auto}.receipt-list{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:32px;gap:32px;position:relative;z-index:1}.receipt{display:flex;padding:16px 20px;gap:16px;align-items:center;background:var(--col-bg-primary);border:3px solid #fff;border-radius:0;font-family:Aref Ruqaa,Aref Ruqaa Fallback;box-shadow:6px 6px 0 #fff;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:opacity .2s}.receipt:not(:has(.delete-btn:hover)){transition:opacity .2s}.receipt:not(:has(.delete-btn:hover)):not([disabled]){cursor:pointer}.receipt:not(:has(.delete-btn:hover)):not([disabled]):hover{opacity:.8}.receipt:not(:has(.delete-btn:hover)):not([disabled]):active{opacity:.5}.receipt .receipt-icon{font-size:48px}.receipt .delete-btn{background:none;border:none;padding:0;font-size:24px;transition:opacity .2s}.receipt .delete-btn:not([disabled]){cursor:pointer}.receipt .delete-btn:not([disabled]):hover{opacity:.6}.receipt .delete-btn:not([disabled]):active{opacity:.4}.receipt .delete-btn>*{pointer-events:none}.receipt .receipt-details{display:flex;flex-direction:column;margin-block:-12px;padding-bottom:12px;font-size:16px;width:100%}.receipt .receipt-name{font-size:24px;margin-bottom:-4px}.receipt.new-receipt{background-color:transparent;box-shadow:none;border:3px dashed #fff;transition:opacity .2s}.receipt.new-receipt:not([disabled]){cursor:pointer}.receipt.new-receipt:not([disabled]):hover{opacity:.7}.receipt.new-receipt:not([disabled]):active{opacity:.5}.receipt .new-btn{background:none;border:2px;color:#fff;font-size:28px;font-weight:900;display:flex;gap:8px;justify-content:center;align-items:center;width:100%;pointer-events:none;font-family:Aref Ruqaa,Aref Ruqaa Fallback}.receipt .new-btn span{margin-top:-8px}dialog{background:var(--col-bg-primary);border:3px solid #fff;border-radius:0;font-family:Aref Ruqaa,Aref Ruqaa Fallback;box-shadow:6px 6px 0 #fff;margin:auto;padding:32px}dialog::-webkit-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog::backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog h2{margin-top:-8px;margin-right:60px}dialog .close-btn{position:absolute;top:0;right:0;margin:16px 20px;background:none;border:none;padding:0;font-size:24px;transition:opacity .2s}dialog .close-btn:not([disabled]){cursor:pointer}dialog .close-btn:not([disabled]):hover{opacity:.8}dialog .close-btn:not([disabled]):active{opacity:.5}dialog input:is([type=text],[type=submit]){background:var(--col-bg-primary);border:1.5px solid #fff;border-radius:0;font-family:Aref Ruqaa,Aref Ruqaa Fallback;box-shadow:3px 3px 0 #fff;padding:0 10px 4px;margin-block:4px 16px;display:block;width:100%}dialog input[type=file]{padding-block:8px;margin-bottom:16px}dialog input[type=submit]{transition:opacity .2s;margin-bottom:0;width:-moz-fit-content;width:fit-content}dialog input[type=submit]:not([disabled]){cursor:pointer}dialog input[type=submit]:not([disabled]):hover{opacity:.8}dialog input[type=submit]:not([disabled]):active{opacity:.5}:root{--col-bg-primary:#000;--col-bg-secondary:#0d4ba0;--col-bg-gradient:linear-gradient(180deg,#122a6a,#0c071b)}body,html{color-scheme:dark;max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.header{position:fixed;top:0;left:0;width:100%;height:80px;padding:16px 16px 16px 20px;z-index:10;background-color:var(--col-bg-secondary);display:flex;align-items:center;box-shadow:0 0 16px 2px rgba(0,0,0,.251)}.header h1{margin-right:auto;margin-top:-8px;font-family:Aref Ruqaa,Aref Ruqaa Fallback}.header>button{font:inherit;padding:0 12px 4px;margin:10px;background:var(--col-bg-primary);border:3px solid #fff;border-radius:0;font-family:Aref Ruqaa,Aref Ruqaa Fallback;transition:opacity .2s}.header>button:not([disabled]){cursor:pointer}.header>button:not([disabled]):hover{opacity:.8}.header>button:not([disabled]):active{opacity:.5}