@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--ink:#1c1c1e;--muted:#4f565b;--page:#f5f6f7;--white:#fff;--aluminium:#e4e7e9;--line:#a9b0b5;--cyan:#00aff2;color:var(--ink);background:var(--page);font-family:Space Grotesk,system-ui,sans-serif}body{margin:0}button,input{font:inherit;color:inherit;border-radius:0}*{box-sizing:border-box}h1,h2,p{margin:0}button{cursor:pointer;background:var(--white);border:1px solid var(--line);min-height:48px}button:disabled{cursor:default}input:not([type]),input[type=tel],input[type=email],input[type=password]{border:1px solid var(--line);background:var(--white);width:100%;height:52px;padding:0 12px;font-size:16px}label{font-size:14px}.stack{flex-direction:column;gap:10px;display:flex}.gap-l{gap:22px}.grow{flex-grow:1}.narrow{width:100%;max-width:460px}.center{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.title{letter-spacing:-.02em;font-size:34px;font-weight:500}.ruled{border-left:3px solid var(--cyan);padding-left:14px}.label{color:var(--muted);font-size:14px;font-weight:500}.small{font-size:14px}.muted{color:var(--muted)}.error{color:#b81e0e;font-size:15px}.big{letter-spacing:-.02em;font-size:28px;font-weight:500}.between{justify-content:space-between;align-items:baseline;display:flex}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.primary{background:var(--cyan);border:0;min-height:64px;font-size:20px;font-weight:500}.primary:disabled{background:var(--aluminium);color:var(--muted)}.outline{padding:0 16px}.on{background:var(--cyan)!important}.bar{background:var(--white);border-bottom:1px solid #dde1e4;align-items:center;gap:14px;padding:12px 16px;display:flex}.bar h1{letter-spacing:-.02em;font-size:26px;font-weight:500}.rule{background:var(--cyan);width:3px;height:36px}.page{padding:16px}.columns{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tile{text-align:left;flex-direction:column;gap:4px;min-height:112px;padding:14px;font-size:14px;display:flex}.tile strong{font-size:22px;font-weight:500}.row{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 14px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{padding:0 14px;font-size:15px}.photo{aspect-ratio:3/4;border:1px solid var(--line);background:var(--white);cursor:pointer;align-items:flex-end;padding:8px;font-size:13px;display:flex;position:relative;overflow:hidden}.photo.on{background:#dde1e4!important}.photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo span{background:var(--white);padding:2px 6px;position:relative}.photo input{opacity:0;width:1px;height:1px;position:absolute}.check{align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.check input{width:24px;height:24px;accent-color:var(--cyan);flex-shrink:0;margin:0}.panel{background:var(--aluminium);padding:16px}.who{grid-template-columns:minmax(0,1fr);align-content:start;gap:32px;min-height:100dvh;padding:24px 16px;display:grid}.person{text-align:left;min-height:72px;padding:0 20px;font-size:22px;font-weight:500}.pin{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.pin span{background:var(--white);border-bottom:3px solid var(--line);height:56px}.pin span.on{border-color:var(--cyan);background:#dde1e4!important}.keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.keys button{background:var(--aluminium);border:0;height:76px;font-size:28px;font-weight:500}@media (width>=768px){.page{padding:24px 28px}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.who{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding:48px}}.tight{gap:6px}.none{gap:2px;min-width:0}.late{color:#b81e0e}.back{background:0 0;border:0;align-self:flex-start;min-height:44px;padding:0}.huge{letter-spacing:-.05em;font-size:88px;font-weight:500;line-height:1}.white{background:var(--white);padding:16px}.pad{padding:12px}.tabs{background:var(--aluminium);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tabs button{background:0 0;border:0}.pair-row{text-align:left;border:0;border-top:1px solid #dde1e4;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:76px;padding:8px 14px;display:grid}.pair-row .tag{letter-spacing:-.03em;font-size:32px;font-weight:500}.row.end{justify-content:center;align-self:end;min-height:52px}.row.file{background:var(--white);border:1px solid var(--line);cursor:pointer;font-size:16px;position:relative}.row.file input{opacity:0;width:1px;height:1px;position:absolute}.chips.static span{background:var(--aluminium);padding:6px 10px;font-size:14px}.thumb{aspect-ratio:3/4;color:inherit;background:#dde1e4;align-items:flex-end;padding:6px;font-size:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb span{background:var(--white);padding:2px 6px;position:relative}.line{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.line li{color:var(--muted);border-left:3px solid #c9ced2;margin-left:6px;padding:10px 0 10px 28px;position:relative}.line li:before{content:"";box-sizing:border-box;border:2px solid var(--line);background:var(--white);width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;left:-8.5px}.line li.done,.line li.now{border-left-color:var(--cyan);color:var(--ink)}.line li.done:before{background:var(--cyan);border-color:var(--cyan)}.line li.now{font-weight:500}.line li.now:before{border-color:var(--cyan)}.nav{background:var(--white);border-bottom:1px solid #dde1e4}.split{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.desk{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.desk-empty{padding-top:26px}.pair-row.picked{border-left:3px solid var(--cyan)}.pair-row.with-action{background:var(--white);grid-template-columns:76px minmax(0,1fr) auto}.sum{flex-direction:column;display:flex}.line-item{border-top:1px solid #dde1e4;gap:12px;padding:9px 0}.total{border-top:1px solid var(--line);padding-top:10px}.amount{letter-spacing:-.03em;font-size:40px;font-weight:500}.row.sale{text-align:left;min-height:72px}.link{background:0 0;border:0;min-height:44px;font-size:15px;text-decoration:underline}@media (width>=800px){.split{grid-template-columns:minmax(280px,2fr) minmax(0,3fr)}}@media (width>=1100px){.desk{grid-template-columns:repeat(2,minmax(0,1fr))}}textarea{border:1px solid var(--line);background:var(--white);width:100%;font:inherit;color:inherit;resize:vertical;border-radius:0;padding:10px 12px;font-size:16px}h3{margin:0;font-weight:500}.client{max-width:720px;margin:0 auto}.compare{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=640px){.compare{grid-template-columns:repeat(2,minmax(0,1fr))}}.tabs.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.tabs.nav button{padding:0 2px;font-size:14px}.nowrap{white-space:nowrap}@media (width>=640px){.tabs.nav button{font-size:16px}}.more{border-top:1px solid var(--line);padding-top:4px}.more summary{cursor:pointer;align-items:center;min-height:44px;font-weight:500;display:flex}.tile:disabled{color:inherit;opacity:.6}.tile.on:disabled{opacity:1}
