:root{font-family:DM Sans,sans-serif;color:#18312a;background:#f3f4ef;font-synthesis:none;--green:#0b3b2d;--lime:#d8ef68;--yellow:#f5bd3b;--paper:#fafaf7;--line:#dfe3dc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 90% 10%,#e6eedf 0,transparent 28%),#f3f4ef}.topbar{height:72px;padding:0 max(22px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(11,59,45,.1);background:#fafaf7c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{border:0;background:none;color:var(--green);display:flex;gap:10px;align-items:center;font-family:Manrope;font-size:18px;font-weight:800;letter-spacing:-.5px}.brand b{font-weight:500}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--yellow);display:inline-grid;place-items:center;color:var(--green)}.avatar{border:0;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-weight:700}.offline{background:#a74231;color:#fff;padding:9px 16px;text-align:center;font-size:13px;display:flex;gap:8px;align-items:center;justify-content:center}.page{width:min(760px,calc(100% - 36px));margin:0 auto;padding:64px 0 110px}.eyebrow{font-weight:800;letter-spacing:2px;font-size:11px;color:#688077}.page h1,.login-panel h1{font-family:Manrope;font-size:clamp(36px,7vw,58px);line-height:1.04;letter-spacing:-2.5px;color:var(--green);margin:13px 0 16px}.intro{color:#66746f;font-size:16px;line-height:1.6;margin:0 0 30px}.search{height:58px;border:1px solid #d7dcd5;background:#fff;border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 17px;box-shadow:0 10px 30px #15352b0d}.search:focus-within{border-color:#5d8a79;box-shadow:0 0 0 3px #5d8a791f}.search input{border:0;outline:0;flex:1;min-width:0;color:#18312a}.search button{border:0;background:none;color:#6e7c77}.section-label{display:flex;justify-content:space-between;color:#75817d;font-weight:700;font-size:11px;letter-spacing:1.3px;margin:34px 2px 12px}.project-list{display:grid;gap:10px}.project-card{border:1px solid var(--line);background:#fffc;border-radius:15px;padding:17px;display:flex;align-items:center;gap:14px;text-align:left;color:#214138;transition:.18s}.project-card:hover{transform:translateY(-1px);border-color:#9eb7ad;box-shadow:0 8px 28px #1c3b3112}.project-icon{background:#e8eee7;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:var(--green)}.project-copy{display:grid;gap:2px;flex:1;min-width:0}.project-copy b{color:#537269;font-size:12px;letter-spacing:.4px}.project-copy strong{font:700 15px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-copy small{color:#7a8581}.empty,.photo-empty{border:1px dashed #c8d0c9;border-radius:16px;padding:40px;text-align:center;color:#78847f}.back{border:0;background:none;color:#58736a;display:flex;gap:8px;align-items:center;padding:0;margin-bottom:25px}.project-summary{background:var(--green);color:#fff;border-radius:22px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 20px 50px #0b3b2d24}.project-summary span{color:var(--lime);font-size:12px;font-weight:800}.project-summary h2{font:700 22px Manrope;margin:4px 0}.project-summary p{margin:0;color:#b9cbc5}.project-summary button{border:1px solid rgba(255,255,255,.2);background:#ffffff14;border-radius:13px;padding:10px 13px;color:#fff;text-align:left;display:grid;gap:2px;max-width:210px}.project-summary button small{color:#9fb5ad;font-size:9px;letter-spacing:1px}.project-summary button b{overflow:hidden;text-overflow:ellipsis}.capture-title{display:flex;align-items:center;justify-content:space-between;margin-top:38px}.capture-title h1{font-size:34px;margin:0}.capture-title span{font-weight:700;color:#77847f}.actions{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.actions button{border:0;border-radius:16px;padding:18px;display:flex;align-items:center;gap:13px;text-align:left}.actions svg{width:26px;height:26px}.actions span{display:grid}.actions small{opacity:.67}.action-primary{background:var(--yellow);color:#203c33}.action-secondary{background:#e1e7df;color:#29463d}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.photo{aspect-ratio:1;position:relative;border-radius:13px;overflow:hidden;background:#dde3dc}.photo img{width:100%;height:100%;object-fit:cover}.photo>span{position:absolute;left:8px;bottom:8px;color:#fff;background:#081e17b8;padding:4px 7px;border-radius:7px;font-size:10px;font-weight:800}.photo button{position:absolute;top:7px;right:7px;border:0;background:#081e17bf;color:#fff;width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.photo-empty{margin-top:22px;display:grid;justify-items:center;gap:7px}.photo-empty svg{color:#8a9a94}.photo-empty b{color:#566b64}.photo-empty span{font-size:13px}.upload-bar{position:fixed;bottom:0;left:0;right:0;background:#fafaf7ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:14px max(18px,calc((100vw - 760px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:8}.upload-bar>div{display:grid;min-width:0}.upload-bar small{font-size:9px;letter-spacing:1.2px;color:#7c8984;font-weight:800}.upload-bar b,.upload-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-bar b{font-size:12px}.upload-bar>div span{color:#6d7d77;font-size:11px}.upload-bar>button{border:0;border-radius:13px;background:var(--green);color:#fff;min-height:51px;padding:0 20px;display:flex;align-items:center;gap:9px;font-weight:700}.upload-bar>button:disabled{opacity:.4}.upload-bar svg{width:19px}.error{display:flex;align-items:flex-start;gap:9px;color:#9b382a;background:#f8e4df;border-radius:12px;padding:12px 14px;margin-top:14px;font-size:13px}.error svg{flex:none}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:36px;color:#73817c}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#061d16a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;display:grid;place-items:center;padding:20px}.modal{width:min(450px,100%);background:var(--paper);border-radius:24px;padding:30px;position:relative;box-shadow:0 30px 90px #0000004d}.modal-close{position:absolute;right:18px;top:18px;border:0;background:#e8ece7;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.modal-icon{width:48px;height:48px;background:var(--yellow);color:var(--green);border-radius:14px;display:grid;place-items:center;margin-bottom:21px}.modal h2{font:800 28px Manrope;color:var(--green);letter-spacing:-1px;margin:8px 0}.modal p{color:#687872;line-height:1.5}.modal label{display:grid;gap:7px;margin:24px 0 8px}.modal label span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#72817b}.modal input{height:55px;border:1px solid #ccd4cd;border-radius:12px;padding:0 14px;outline:0;background:#fff}.modal input:focus{border-color:#5d8a79;box-shadow:0 0 0 3px #5d8a791f}.modal-submit,.new-upload{width:100%;height:54px;border:0;border-radius:13px;background:var(--green);color:#fff;font-weight:700;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px}.success-page{text-align:center;max-width:600px}.success-icon{width:78px;height:78px;background:var(--lime);color:var(--green);display:grid;place-items:center;border-radius:50%;margin:15px auto 25px;box-shadow:0 0 0 13px #d8ef682e}.success-page h1{font-size:47px}.success-page>p{color:#687872}.receipt{background:#fff;border:1px solid var(--line);border-radius:18px;text-align:left;margin:32px 0 14px}.receipt div{padding:16px 19px;display:grid;gap:3px;border-bottom:1px solid #edf0eb}.receipt div:last-child{border:0}.receipt small{font-size:9px;letter-spacing:1px;color:#81908a}.receipt b{font-size:13px;word-break:break-word}.folder-link{height:50px;border:1px solid #b9c8c0;color:var(--green);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper)}.login-art{background:var(--green);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid rgba(216,239,104,.15);border-radius:50%;width:520px;height:520px;right:-230px;top:80px}.login-art:after{width:340px;height:340px;right:-140px;top:170px}.login-logo{display:flex;align-items:center;gap:10px;font:800 18px Manrope;z-index:1}.login-logo b{font-weight:500}.art-copy{display:grid;z-index:1;font:500 clamp(38px,5vw,68px)/1.05 Manrope;letter-spacing:-3px}.art-copy strong{color:var(--lime)}.art-path{display:flex;align-items:center;color:var(--lime);font-size:11px;font-weight:800;z-index:1}.art-path i{height:1px;background:#d8ef6859;width:70px;margin:0 10px}.login-panel{display:flex;flex-direction:column;justify-content:space-between;padding:10vh 10%;background:radial-gradient(circle at 100% 0,#eef3e9,transparent 40%)}.login-panel>div{margin:auto 0}.login-panel h1{font-size:clamp(42px,5vw,63px)}.login-panel p{max-width:500px;color:#697872;line-height:1.7}.microsoft-login{margin-top:30px;border:0;background:var(--green);color:#fff;height:58px;padding:0 18px;border-radius:13px;width:min(390px,100%);display:flex;align-items:center;gap:12px;font-weight:700;text-align:left}.microsoft-login>svg{margin-left:auto}.ms-grid{display:grid;grid-template-columns:repeat(2,8px);gap:2px}.ms-grid i{width:8px;height:8px;background:#f35325}.ms-grid i:nth-child(2){background:#81bc06}.ms-grid i:nth-child(3){background:#05a6f0}.ms-grid i:nth-child(4){background:#ffba08}.secure-note{display:block;color:#7c8984;margin:13px 4px}.login-panel footer{color:#93a09b;font-size:10px;letter-spacing:2px;font-weight:800}@media(max-width:720px){.login-page{display:block;background:var(--paper)}.login-art{min-height:230px;padding:28px}.art-copy{font-size:39px;margin-top:50px}.art-path{display:none}.login-panel{min-height:calc(100vh - 230px);padding:45px 28px}.login-panel h1{font-size:42px}.login-panel footer{margin-top:45px}.page{padding-top:42px}.actions{grid-template-columns:1fr}.project-summary{align-items:flex-start;flex-direction:column}.project-summary button{max-width:100%;width:100%}.photo-grid{grid-template-columns:repeat(3,1fr)}.upload-bar>div{max-width:43%}.upload-bar>button{padding:0 14px}.success-page h1{font-size:39px}}@media(min-width:900px){.photo-grid{grid-template-columns:repeat(4,1fr)}}