:root{--navy:#102a43;--navy-2:#183c5c;--cream:#f7f2e8;--paper:#fffdf8;--ink:#192b36;--muted:#60727d;--green:#287657;--green-soft:#e3f1e9;--gold:#c89c45;--line:#ded8cb;--danger:#a23d37;--shadow:0 9px 28px rgba(16,42,67,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}
.source-button:disabled{cursor:not-allowed;opacity:.6}.notice.success{background:var(--green-soft);color:#19553d}.upload-status.warning{background:#fbf0d9!important;color:#745418}.upload-status.error{background:#f9e5e3!important;color:#812f2a}.upload-status{padding:10px!important;border-radius:9px}.spinner{flex:0 0 auto}.thumbnail.preview-error{display:none}.remove-button:disabled{color:#7a8580!important;cursor:not-allowed;max-width:130px}.xero-email-note{font-size:12px;color:var(--muted);margin:4px 2px 0}.result-link,.connect-link{display:inline-block;margin-top:5px;color:inherit;font-weight:800;text-underline-offset:2px}.result-note{font-size:12px;font-weight:400;color:var(--muted)}.button-link{border:0;background:transparent;padding:0;text-decoration:underline;cursor:pointer}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--cream);line-height:1.45}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:12px;top:-50px;background:#fff;color:var(--navy);padding:10px;z-index:5}.skip:focus{top:12px}.app-header{height:72px;padding:11px max(18px,calc((100vw - 760px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand img{width:40px;height:40px}.brand span{display:grid;line-height:1.05}.brand strong{font-size:15px;letter-spacing:.03em}.brand small{font-size:12px;color:#d2e1da;margin-top:3px}.text-button{border:0;background:transparent;color:#fff;font:inherit;padding:9px 6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}main{max-width:760px;margin:auto;padding:28px 16px 42px}.hero{padding:7px 4px 23px}.eyebrow{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green)}h1,h2,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,7vw,42px);letter-spacing:-.03em;line-height:1.08;color:var(--navy);margin-bottom:11px}.hero>p:last-child{color:#435662;max-width:590px;margin-bottom:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:19px;margin:0 0 16px}.section-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.section-heading h2{font-size:20px;line-height:1.1;margin:0;color:var(--navy)}label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}input,select,button{font:inherit}input[type=password],select{width:100%;min-height:48px;border:1px solid #aeb8bb;border-radius:9px;background:#fff;padding:0 12px;color:var(--ink)}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(200,156,69,.48);outline-offset:2px}.primary{background:var(--green);color:#fff;border:0;border-radius:10px;min-height:50px;padding:12px 16px;font-weight:800;cursor:pointer;box-shadow:0 2px 0 #155039}.primary:disabled{cursor:not-allowed;background:#9aa9a3;box-shadow:none}.full{width:100%;margin-top:12px}.icon-button{border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);width:38px;height:38px;font-size:23px;line-height:1;cursor:pointer}.help{font-size:13px;color:var(--muted);margin:9px 0 0}.field-error{color:var(--danger);font-size:14px;min-height:20px;margin:6px 0}.auth-shell{max-width:460px;margin:9vh auto 0}.auth-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:28px}.auth-card>p:not(.eyebrow):not(.field-error){color:#50616b}.invoice-summary{margin-top:14px;padding:12px 13px;border-radius:10px;background:var(--green-soft);border-left:4px solid var(--green);display:grid;gap:2px;font-size:14px}.invoice-summary strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#245f4a}.invoice-summary small{color:#526863}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.source-button{min-height:82px;border:1px solid #b7c6c0;border-radius:11px;background:#fff;color:var(--navy);padding:9px 5px;font-size:13px;font-weight:750;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.source-button span{font-size:24px;color:var(--green);line-height:1}.source-button:hover{background:#f3f8f5}.notice,.operation-result{margin-top:13px;border-radius:9px;padding:10px 12px;background:#eaf0f0;color:#30444b;font-size:13px}.notice.warning,.operation-result.warning{background:#fbf0d9;color:#745418}.notice.error,.operation-result.error{background:#f9e5e3;color:#812f2a}.operation-result.success{background:var(--green-soft);color:#19553d}.upload-status{display:flex;align-items:center;gap:9px;padding:10px 0;font-size:14px;color:var(--muted)}.spinner{width:16px;height:16px;border:2px solid #b8c8c2;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.photo-item{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.thumbnail-wrap{aspect-ratio:1.25;background:#e6e4df;position:relative}.thumbnail{display:block;width:100%;height:100%;object-fit:cover}.photo-position{position:absolute;left:7px;top:7px;min-width:24px;text-align:center;padding:2px 6px;border-radius:12px;background:var(--navy);color:#fff;font-size:12px;font-weight:800}.photo-controls{padding:8px}.photo-check{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;line-height:1.2}.photo-check input,.check-row input{accent-color:var(--green);width:18px;height:18px;flex:0 0 auto}.photo-actions{display:flex;gap:4px;margin-top:8px}.move-button,.remove-button{min-height:31px;border:1px solid var(--line);background:#fff;border-radius:6px;color:var(--navy);cursor:pointer}.move-button{width:32px;font-size:16px}.move-button:disabled{color:#a2aaa6;cursor:not-allowed}.remove-button{margin-left:auto;padding:3px 6px;font-size:12px;color:#8d352f}.empty-state{color:var(--muted);font-size:14px;text-align:center;padding:17px 5px;margin:0}.count,.status-pill{white-space:nowrap;font-size:12px;font-weight:800;border-radius:99px;padding:5px 9px;background:#edf0ed;color:#53635b}.status-pill.good{background:var(--green-soft);color:#205d43}.status-pill.bad{background:#f9e5e3;color:#812f2a}.check-row{display:flex;gap:10px;align-items:flex-start;margin:15px 0 0;padding:12px 2px;border-top:1px solid #ece7db;font-size:14px}.check-row span{display:grid;gap:2px}.check-row small{font-size:12px;font-weight:400;color:var(--muted)}footer{max-width:760px;margin:auto;padding:0 20px calc(22px + env(safe-area-inset-bottom));color:#68757a;font-size:11px}footer p{margin:0}@media(max-width:390px){main{padding-left:12px;padding-right:12px}.card{padding:16px}.source-grid{gap:6px}.source-button{font-size:11px;min-height:76px}.photo-grid{gap:8px}.photo-controls{padding:7px}.remove-button{font-size:11px;padding:3px}.auth-card{padding:22px}}@media(min-width:600px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.source-grid{grid-template-columns:repeat(3,165px)}}