*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#233d39;font:15px 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d5dfdb;border-radius:8px;padding:11px 17px;background:white;color:#28463f;font-weight:600}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #d29e4b;outline-offset:3px}.primary{background:#087e72;color:white;border-color:#087e72}aside{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e0e7e3;padding:35px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#087e72;text-decoration:none;font-size:45px;font-weight:700}.brand span{font-size:21px;letter-spacing:2px;color:#244b42}.brand small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:5px}.side-caption{font-size:10px;color:#8a9b94;letter-spacing:1.5px;margin:60px 0 16px}.side-active{text-align:left;background:#e9f4ef;color:#087e72;border:none}.side-note{margin-top:auto;font:26px Georgia,serif;line-height:1.3}.side-note p{font:13px 'Segoe UI',sans-serif;color:#84958e;line-height:1.7}.privacy{font-size:11px;color:#84958e;margin-top:30px;line-height:1.6}main{max-width:1450px;margin-left:240px;padding:42px 48px}header,.editor-heading,.list-heading,.editor-top,.form-footer,.backup{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.9px;color:#788c81;font-weight:700}h1{font-size:29px;margin:8px 0 28px;letter-spacing:-1px}h2{font-size:20px;margin:0}.welcome{background:#e6eee6;border-radius:14px;padding:40px 42px;display:flex;justify-content:space-between;overflow:hidden;min-height:320px}.pill{font-size:9px;letter-spacing:1.5px;color:#547b60;font-weight:700}.welcome h2{font:42px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:20px 0 14px}.welcome p{color:#627a6c;line-height:1.7;font-size:13px}.welcome button{margin-top:12px}.welcome button span{margin-left:26px}.paper-art{background:#fff;position:relative;width:260px;min-width:220px;transform:rotate(7deg) translate(8px,12px);padding:25px;box-shadow:0 10px 30px #344e4420;font-size:9px}.paper-art b{font-size:17px;color:#087e72;display:block}.paper-art span{display:block;font-size:7px;margin:14px 0}.paper-art i{display:block;height:3px;background:#087e72;margin-bottom:25px}.paper-art strong{display:block;color:#087e72;font-size:8px;margin-top:24px}.paper-art hr{border:0;border-top:1px solid #e1e6e3;margin:12px 0}.stamp{position:absolute;right:17px;bottom:35px;border:1px solid #b2cdc0;border-radius:50%;height:76px;width:76px;text-align:center;padding-top:9px;font-size:28px;color:#81a18f;transform:rotate(-15deg)}.stamp small{display:block;font-size:7px}.list-heading{margin:35px 0 20px}.list-heading h2{font-size:18px}.list-heading span{margin-left:8px;background:#e4ebe7;padding:3px 7px;border-radius:5px;font-size:12px;color:#658071}.search{background:white;border:1px solid #dde5df;border-radius:8px;padding:9px 12px;display:flex;gap:10px}.search input{border:0;outline:0;width:230px;font-size:12px}.empty{padding:40px;text-align:center;border:1px dashed #ccd9d0;border-radius:12px;background:#fafcf9;color:#788e7e}.empty b{color:#425e4c;display:block;margin:12px}.record{background:white;padding:22px;border:1px solid #dfe7e0;border-radius:10px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.record h3{margin:0 0 9px;font-size:16px}.record p{font-size:12px;color:#84968b;margin:0}.record .actions{display:flex;gap:8px}.record .actions button{font-size:12px;padding:8px 12px}.badge{display:inline-block;font-size:10px;background:#e9f3ed;color:#52745f;padding:4px 7px;margin-left:10px;border-radius:4px}.backup{font-size:12px;color:#839589;margin-top:24px}.backup button{font-size:11px;border:0;background:transparent}.editor-top{margin:0 0 24px}.editor-top button{border:0;background:none;padding-left:0;font-size:12px}.editor-top span{color:#71877a;font-size:12px}.editor-heading h2{font-size:28px;margin-top:8px}nav{display:flex;gap:5px;margin:28px 0;overflow-x:auto;padding-bottom:4px}nav button{white-space:nowrap;border:0;background:transparent;color:#829389;font-size:12px;padding:11px 15px}nav button.active{background:#dfeee7;color:#087e72}form{background:white;border:1px solid #e0e7e2;border-radius:12px;padding:30px}form h3{font-size:20px;margin:0 0 8px}form .intro{font-size:13px;color:#819186;margin:0 0 28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.field.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #d7e0d9;border-radius:7px;padding:11px;background:#fff;color:#2e483a;font-weight:400;min-height:44px}textarea{min-height:105px;resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid #a8d5be;outline-offset:1px}.form-footer{margin:22px 0}.form-footer span{font-size:12px;color:#839589}.hint{font-size:11px;line-height:1.6;color:#829186}.checkrow{display:grid;grid-template-columns:1.2fr 150px 1.4fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0ed;font-size:12px}.photo-upload{padding:25px;background:#f3f7f2;border:1px dashed #b5cbbb;border-radius:10px;display:block;text-align:center;font-size:13px;cursor:pointer}.photo-upload input{margin-top:15px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.photo img{width:100%;height:160px;object-fit:contain;background:#eef2ee;border-radius:6px}.photo input{font-size:12px;margin:8px 0}.photo button{font-size:11px;padding:6px 10px}.notice{padding:14px 18px;background:#eff5ef;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#244b3c;color:white;padding:14px 24px;border-radius:9px;display:none;z-index:10;max-width:90vw}.error{color:#ac4436!important} [hidden]{display:none!important}@media(min-width:1500px){main{padding-top:55px}}@media(max-width:1000px){aside{width:190px;padding:26px 18px}main{margin-left:190px;padding:30px 24px}.paper-art{width:220px}.welcome{padding:28px}.welcome h2{font-size:35px}}@media(max-width:700px){aside{position:static;width:auto;padding:16px 20px;border-right:0;border-bottom:1px solid #e0e7e3}.brand{font-size:32px}.brand span{font-size:17px}.brand small{font-size:8px}aside>*:not(.brand){display:none}main{margin:0;padding:24px 18px}header{align-items:flex-start}h1{font-size:25px;margin-bottom:20px}header button{font-size:11px;padding:12px}.welcome{padding:26px;min-height:280px}.welcome h2{font-size:35px}.welcome p br{display:none}.paper-art{display:none}.list-heading{flex-direction:column;align-items:stretch;gap:16px}.search input{width:100%}.backup{flex-direction:column;align-items:flex-start;gap:8px}.grid{grid-template-columns:1fr;gap:18px}form{padding:22px 18px}.editor-heading h2{font-size:23px}.editor-heading button{font-size:12px;padding:12px}.checkrow{grid-template-columns:1fr 110px}.checkrow input{grid-column:1/-1}.photos{grid-template-columns:1fr 1fr}.photo img{height:130px}.record{align-items:flex-start;flex-direction:column}.record .actions{align-self:flex-end}nav{margin:20px 0}.eyebrow{font-size:9px}.form-footer button{font-size:12px;padding:10px}.form-footer span{font-size:10px}}

.brand img{width:100%;max-width:185px;height:auto;display:block}.paper-art>img{width:115px;height:auto;display:block}@media(max-width:700px){.brand img{max-width:145px}}