:root{--bg: #eef5f0;--surface: #ffffff;--border: #d5e4d9;--text: #1f3328;--muted: #667d6f;--green: #3f9160;--green-dark: #2c6e47;--green-deep: #1f5237;--green-soft: #e0f0e5;--green-mid: #bfe0ca;--accent: #2c6e47;--input-bg: #fbfdfb;--notice-bg: #fbf3f1;--danger-border: #e6cbc4;--danger-hover: #f8ece9;--danger: #b5533f;--radius: 14px;--shadow: 0 1px 2px rgba(31, 82, 55, .06), 0 8px 24px rgba(31, 82, 55, .08);--shadow-hover: 0 2px 4px rgba(31, 82, 55, .08), 0 14px 32px rgba(31, 82, 55, .14);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 .5rem;font-weight:700;letter-spacing:-.01em}h1{font-size:2rem}h2{font-size:1.2rem}h3{font-size:1rem;margin-top:1.75rem}.container{max-width:980px;margin:0 auto;padding:0 1rem}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(14px,10px)}}@keyframes pulse{0%{box-shadow:0 0 #3f91608c}to{box-shadow:0 0 0 14px #3f916000}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.topbar{background:var(--green-deep);position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #1f523740}.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:64px}.brand{font-weight:800;color:#fff;font-size:1.2rem;letter-spacing:.02em}.brand:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#8fd6a9;margin-left:6px;animation:pulse 1.8s infinite}nav{display:flex;gap:.35rem}nav a{padding:.45rem 1rem;border-radius:999px;color:#c5e4d0;font-size:.92rem;transition:background .25s,color .25s}nav a:hover{background:#ffffff1f;color:#fff}nav a.active{background:#fff;color:var(--green-deep);font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem;box-shadow:var(--shadow);animation:fade-up .6s var(--ease) both;transition:box-shadow .3s,transform .3s var(--ease)}.card:hover{box-shadow:var(--shadow-hover)}input,select{width:100%;padding:.7rem .85rem;border:1.5px solid var(--border);border-radius:10px;background:var(--input-bg);color:var(--text);font:inherit;transition:border-color .2s,box-shadow .2s,background .2s}input:hover,select:hover{border-color:var(--green-mid)}input:focus,select:focus{outline:none;border-color:var(--green);background:var(--surface);box-shadow:0 0 0 4px var(--green-soft)}label{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:.9rem}label input,label select{margin-top:.3rem}.btn{background:var(--green);color:#fff;border:0;padding:.75rem 1.5rem;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--green-deep);transition:transform .15s var(--ease),box-shadow .15s,background .2s}.btn:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 6px 0 var(--green-deep)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--green-deep)}.btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--green-mid);box-shadow:none;padding:.55rem 1.1rem}.btn.ghost:hover{background:var(--green-soft);transform:none;box-shadow:none}.btn.danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger-border);box-shadow:none;padding:.5rem 1rem}.btn.danger:hover{background:var(--danger-hover);transform:none;box-shadow:none}.badge{display:inline-block;background:var(--green-soft);color:var(--accent);padding:.3rem .85rem;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.badge.done{background:var(--green);color:#fff}.muted,.hint{color:var(--muted);font-size:.85rem}.error{color:var(--danger);font-size:.9rem;margin:0 0 .8rem;animation:shake .35s}.success{background:var(--green-soft);color:var(--accent);padding:.7rem 1rem;border-radius:10px;margin:1rem 0 0;border-left:4px solid var(--green);animation:slide-in .4s var(--ease)}.notice{border-color:var(--danger-border);background:var(--notice-bg);animation:shake .4s,fade-up .5s var(--ease)}.hero{background:var(--green-deep);position:relative;overflow:hidden;padding:4.5rem 0 6rem;text-align:center;color:#fff}.hero .container{position:relative;z-index:1}.hero h1{font-size:clamp(2rem,5vw,3.2rem);animation:fade-up .7s var(--ease) both}.hero p{color:#b8dcc6;margin:0 auto 2rem;max-width:460px;animation:fade-up .7s .1s var(--ease) both}.blob{position:absolute;border-radius:50%;opacity:.55}.blob.b1{width:280px;height:280px;background:#2c6e47;top:-90px;left:-70px;animation:drift 9s ease-in-out infinite}.blob.b2{width:160px;height:160px;background:#3f9160;right:9%;top:30px;animation:float 6s ease-in-out infinite}.blob.b3{width:90px;height:90px;background:#8fd6a9;right:24%;bottom:20px;opacity:.3;animation:float 7.5s 1s ease-in-out infinite}.blob.b4{width:220px;height:220px;background:#2c6e47;right:-60px;bottom:-110px;animation:drift 11s 2s ease-in-out infinite}.search{display:flex;gap:.6rem;max-width:520px;margin:0 auto;background:#fff;padding:.5rem;border-radius:14px;box-shadow:0 12px 32px #00000040;animation:fade-up .7s .2s var(--ease) both;transition:transform .3s var(--ease)}.search:focus-within{transform:scale(1.03)}.search input{color:#1f3328;border:0;background:transparent;font-size:1.1rem;padding:.7rem 1rem}.search input:focus{box-shadow:none;background:transparent}.results{margin-top:-3rem;position:relative;z-index:2;padding-bottom:3rem}.hero-tip{margin:2.5rem 0 0}.chips{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;animation:fade-in 1s .5s both}.chips span{font-size:.8rem;color:#b8dcc6;background:#ffffff1a;padding:.25rem .8rem;border-radius:999px}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.detail-head h2{margin:0;font-size:1.6rem}.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.detail .badge{font-size:.9rem;padding:.4rem 1.1rem;animation:pop .5s .3s var(--ease) both}.steps{list-style:none;display:flex;padding:0;margin:2.25rem 0 2rem}.steps li{flex:1;position:relative;text-align:center;font-size:.78rem;color:var(--muted);opacity:0;animation:fade-up .5s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .2s)}.steps li:before,.steps li:after{content:"";position:absolute;top:10px;left:-50%;width:100%;height:4px;border-radius:2px}.steps li:before{background:var(--border)}.steps li:after{background:var(--green);transform:scaleX(0);transform-origin:left}.steps li:first-child:before,.steps li:first-child:after{display:none}.steps li.past:after,.steps li.current:after{animation:grow-x .6s var(--ease) both;animation-delay:calc(var(--i) * .14s + .4s)}.dot{display:block;width:24px;height:24px;border-radius:50%;background:var(--surface);border:4px solid var(--border);margin:0 auto .5rem;position:relative;z-index:1;transition:transform .3s var(--ease)}.steps li:hover .dot{transform:scale(1.2)}.past .dot{background:var(--green);border-color:var(--green)}.current .dot{background:var(--surface);border-color:var(--green);animation:pulse 1.6s infinite}.current .step-name{color:var(--accent);font-weight:700}.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:0}.info div{padding:.85rem 1rem;background:var(--bg);border-radius:10px;border-left:4px solid var(--green-mid);transition:transform .25s var(--ease),border-color .25s,background .25s}.info div:hover{transform:translate(4px);border-color:var(--green);background:var(--green-soft)}.info dt{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.info dd{margin:0;font-weight:600}.timeline{list-style:none;padding:0 0 0 1rem;margin:.75rem 0 0;border-left:3px solid var(--green-mid)}.timeline li{position:relative;padding:0 0 1.25rem 1.25rem;animation:slide-in .5s var(--ease) both;animation-delay:calc(var(--i) * 90ms)}.timeline li:before{content:"";position:absolute;left:-1.72rem;top:.2rem;width:14px;height:14px;border-radius:50%;background:var(--green-mid);border:3px solid var(--surface)}.timeline li.latest:before{background:var(--green);animation:pulse 1.6s infinite}.tl-status{font-weight:700}.timeline li.latest .tl-status{color:var(--accent)}.tl-meta{font-size:.85rem;color:var(--muted)}.tl-note{font-size:.9rem;margin-top:.2rem}.admin-head{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;animation:fade-in .5s both}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.25rem}.stat{background:var(--green-deep);color:#fff;border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow);animation:fade-up .6s var(--ease) both;animation-delay:calc(var(--i) * 80ms);transition:transform .3s var(--ease),box-shadow .3s}.stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.stat:nth-child(2){background:var(--green-dark)}.stat:nth-child(3){background:var(--green)}.stat:nth-child(4){background:#8fc9a4;color:var(--green-deep)}.stat b{display:block;font-size:2rem;line-height:1.1}.stat span{font-size:.8rem;opacity:.85;font-weight:600}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;align-items:start}.row{display:grid;grid-template-columns:1fr 1fr;gap:0 .85rem}.login{max-width:400px;margin:5rem auto}.login .btn{width:100%}.login .hint{margin:1rem 0 0;text-align:center}.list-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}.list-head h2{margin:0}.small{width:150px;padding:.45rem .7rem}.guide-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}.guide-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem;margin-bottom:4px;cursor:pointer;border-radius:10px;border-left:4px solid transparent;animation:slide-in .4s var(--ease) both;animation-delay:calc(var(--i) * 50ms);transition:background .2s,transform .25s var(--ease),border-color .2s}.guide-list li:hover{background:var(--bg);transform:translate(4px);border-color:var(--green-mid)}.guide-list li.selected{background:var(--green-soft);border-color:var(--green)}.update{border-top:5px solid var(--green)}@media(max-width:720px){.admin-grid,.row{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.steps{flex-direction:column;gap:.6rem}.steps li{display:flex;align-items:center;gap:.7rem;text-align:left}.steps li:before,.steps li:after{display:none}.dot{margin:0}.hero{padding:3rem 0 5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.center{text-align:center;margin-top:2rem}.btn:disabled{opacity:.6;cursor:wait;transform:none}.actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}a.btn{display:inline-block;text-decoration:none}.info .highlight{background:var(--green-soft);border-color:var(--green)}.label-page{max-width:460px;margin:0 auto;padding:1.5rem 1rem 3rem}.label-actions{display:flex;justify-content:space-between;margin-bottom:1rem}.sticker{background:#fff;border:2px solid var(--text);border-radius:8px;padding:1rem 1.1rem;color:#000}.sticker-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000;padding-bottom:.5rem;margin-bottom:.8rem}.sticker-head strong{font-size:1.2rem}.sticker-body{display:flex;gap:1rem;align-items:center;margin-bottom:.8rem}.sticker-qr{width:140px;height:140px;flex-shrink:0}.sticker-qr svg{width:100%;height:100%;display:block}.sticker-number{font-size:1.7rem;font-weight:800;letter-spacing:.02em}.sticker-scan{font-size:.75rem;color:#444;margin:.3rem 0 0}.sticker-route{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border-top:2px solid #000;border-bottom:2px solid #000;padding:.6rem 0;margin-bottom:.6rem}.sticker-route b{display:block;font-size:1.15rem}.sticker-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .8rem}.sticker-grid b{display:block;font-size:.92rem}.sticker .label{color:#444}@media print{.no-print{display:none!important}body{background:#fff}.label-page{max-width:none;padding:0}.sticker{border-radius:0}@page{margin:8mm}}input:disabled{background:var(--bg);color:var(--muted);cursor:not-allowed}.update .hint{margin:0 0 1rem}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1712;--surface: #15221a;--border: #29402f;--text: #e2efe6;--muted: #8ea699;--green-deep: #163524;--green-soft: #1e3a2a;--green-mid: #2f5a41;--accent: #7fd3a1;--input-bg: #101c15;--notice-bg: #2a1a16;--danger: #e58b76;--danger-border: #5a3229;--danger-hover: #33201b;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .3);--shadow-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 14px 32px rgba(0, 0, 0, .45)}:root[data-theme=dark] .stat:nth-child(4){background:#5aa578;color:#0e1712}:root[data-theme=dark] .sticker{border-color:#000}.theme-toggle{margin-left:.5rem;background:transparent;border:1.5px solid rgba(255,255,255,.25);color:#c5e4d0;padding:.35rem .9rem;border-radius:999px;font:inherit;font-size:.85rem;cursor:pointer;transition:background .25s,color .25s}.theme-toggle:hover{background:#ffffff1f;color:#fff}.nav-right{display:flex;align-items:center}.history-item{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.link-danger{background:none;border:0;color:var(--danger);font:inherit;font-size:.8rem;cursor:pointer;padding:.1rem .3rem;border-radius:6px}.link-danger:hover{background:var(--danger-hover)}.editing{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed var(--border);animation:fade-in .3s both}.form-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:600px){.topbar-inner{height:auto;padding-top:.6rem;padding-bottom:.6rem;flex-wrap:wrap;gap:.4rem}.nav-right{width:100%;justify-content:space-between}}.brand{display:flex;align-items:center;gap:.6rem}.brand:after{display:none}.brand-logo{height:52px;width:auto;mix-blend-mode:screen;display:block}.hero-logo{display:block;width:min(300px,70%);height:auto;margin:0 auto 1rem;mix-blend-mode:screen;animation:fade-up .7s var(--ease) both,float 7s 1s ease-in-out infinite}.hero{padding-top:2.5rem}@media(max-width:600px){.brand span{font-size:1rem}.brand-logo{height:40px}}#root{min-height:100vh;display:flex;flex-direction:column}#root>main{flex:1}.footer{background:var(--green-deep);color:#c5e4d0;margin-top:3rem}.footer-inner{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:1.25rem;padding-bottom:1.25rem;text-align:left}.footer-logo{height:56px;width:auto;mix-blend-mode:screen}.footer strong{display:block;color:#fff}.footer span{font-size:.85rem}.results{padding-bottom:1rem}.how{text-align:center;padding-top:4.5rem}.how h2{font-size:1.5rem;margin-bottom:1.5rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;text-align:left}.how-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);animation:fade-up .6s var(--ease) both;animation-delay:calc(var(--i) * .12s + .3s);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}.how-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--green)}.how-card h3{margin:.9rem 0 .35rem;font-size:1.05rem}.how-card p{margin:0;color:var(--muted);font-size:.92rem}.how-num{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:#fff;font-weight:800;transition:transform .3s var(--ease)}.how-card:hover .how-num{transform:scale(1.15) rotate(-8deg)}@media(max-width:720px){.how-grid{grid-template-columns:1fr}.how{padding-top:4rem}}.badge.s0{background:#e6ebe7;color:#4d5f54}.badge.s1{background:#d9efe0;color:#2c6e47}.badge.s2{background:#f3ecd0;color:#7a6420}.badge.s3{background:#d6ebef;color:#23616e}.badge.s4{background:#f7e2cc;color:#8a4f1c}.badge.s5{background:var(--green);color:#fff}:root[data-theme=dark] .badge.s0{background:#2a3830;color:#b6c8bc}:root[data-theme=dark] .badge.s1{background:#1f4630;color:#8fdcaf}:root[data-theme=dark] .badge.s2{background:#453d1c;color:#ebd48b}:root[data-theme=dark] .badge.s3{background:#1c3f47;color:#8ed3e0}:root[data-theme=dark] .badge.s4{background:#4a3218;color:#f0c08e}.welcome{position:relative;overflow:hidden;background:var(--green-deep);color:#fff;border-radius:var(--radius);padding:1.75rem 2rem;margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:var(--shadow);animation:fade-up .6s var(--ease) both}.welcome .blob.b1{width:200px;height:200px;top:-90px;left:auto;right:22%}.welcome .blob.b2{width:110px;height:110px;right:-30px;top:auto;bottom:-50px}.welcome-text{position:relative;z-index:1}.welcome h1{margin:.15rem 0 .25rem;font-size:1.6rem}.welcome p{margin:0;color:#b8dcc6;font-size:.9rem}.welcome-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#8fd6a9;font-weight:700}.btn.light{position:relative;z-index:1;background:#ffffff1f;color:#fff;box-shadow:none;border:1.5px solid rgba(255,255,255,.3);padding:.55rem 1.1rem}.btn.light:hover{background:#ffffff38;transform:none;box-shadow:none}.admin-head{display:none}.tabs{display:inline-flex;gap:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.25rem;margin-top:1.5rem;box-shadow:var(--shadow)}.tabs button{background:transparent;border:0;color:var(--muted);font:inherit;font-weight:600;padding:.55rem 1.3rem;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,transform .2s var(--ease)}.tabs button:hover{color:var(--accent)}.tabs button.active{background:var(--green);color:#fff}.tabs button:active{transform:scale(.96)}.empty{text-align:center;padding:2rem 1rem 1.5rem}.empty-logo{width:150px;height:auto;border-radius:12px;margin-bottom:.5rem;animation:float 6s ease-in-out infinite}.empty h3{margin:0 0 .3rem;font-size:1.2rem}.empty p{color:var(--muted);margin:0 0 1.25rem}.detail.delivered{position:relative;overflow:hidden;border-color:var(--green)}.arrived{background:var(--green-soft);border-left:5px solid var(--green);border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;animation:pop .6s .1s var(--ease) both}.arrived strong{font-size:1.25rem;color:var(--accent)}.arrived span{font-size:.9rem;color:var(--muted)}.confetti{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.confetti span{position:absolute;top:-16px;border-radius:2px;opacity:0;animation-name:fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(420px) rotate(520deg);opacity:0}}@media(max-width:600px){.welcome{padding:1.4rem 1.25rem}.tabs{display:flex}.tabs button{flex:1;padding:.55rem .5rem}}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}.sk{display:block;background:var(--border);border-radius:8px;animation:breathe 1.4s ease-in-out infinite}.sk-row{display:flex;justify-content:space-between;align-items:center}.sk-sm{width:50px;height:10px;margin-bottom:.5rem}.sk-lg{width:190px;height:26px}.sk-pill{width:120px;height:30px;border-radius:999px}.sk-steps{display:flex;justify-content:space-between;margin:2.25rem 0 2rem}.sk-dot{width:24px;height:24px;border-radius:50%;animation-delay:calc(var(--i) * .12s)}.sk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.sk-box{height:52px;border-radius:10px;animation-delay:calc(var(--i) * .12s)}.skeleton .center{margin:1.25rem 0 0}.faq{margin-top:4rem;max-width:720px;margin-left:auto;margin-right:auto}.faq h2{text-align:center;font-size:1.5rem;margin-bottom:1.25rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:.6rem;overflow:hidden;transition:border-color .3s,box-shadow .3s}.faq-item:hover,.faq-item.open{border-color:var(--green)}.faq-item.open{box-shadow:var(--shadow)}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:0;text-align:left;font:inherit;font-weight:600;color:var(--text);padding:1rem 1.25rem;cursor:pointer}.faq-item button b{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--accent);font-size:1.2rem;line-height:1;transition:transform .35s var(--ease),background .3s,color .3s}.faq-item.open button b{transform:rotate(135deg);background:var(--green);color:#fff}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 1.25rem 1.1rem;color:var(--muted);font-size:.95rem}.proof-form{margin-top:.5rem;padding:1rem 1.1rem 1.1rem;background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--green);border-radius:10px;animation:fade-up .4s var(--ease) both}.proof-form h3{margin:0 0 .6rem}.proof-form input[type=file]{padding:.5rem}.proof-form .label{display:block;margin:.4rem 0}.proof-preview{display:block;max-width:220px;border-radius:10px;border:1px solid var(--border);margin:0 0 .9rem}.sig canvas{display:block;width:100%;max-width:420px;height:auto;aspect-ratio:3 / 1;background:#fff;border:1.5px dashed var(--green-mid);border-radius:10px;touch-action:none;cursor:crosshair}.sig-foot{display:flex;justify-content:space-between;align-items:center;max-width:420px;margin:.3rem 0 1rem}.link-danger:disabled{opacity:.4;cursor:default}.proof-form+.hint,.proof-form~button{margin-top:1rem}.proof{margin-top:1.5rem;padding:1rem 1.1rem;background:var(--green-soft);border-radius:10px;border-left:5px solid var(--green);animation:fade-up .5s var(--ease) both}.proof h3{margin:0 0 .3rem}.proof-who{margin:0 0 .8rem;color:var(--muted)}.proof-who strong{color:var(--text)}.proof-media{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.proof-photo{max-width:min(320px,100%);border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow)}.proof-sign{margin:0;background:#fff;border-radius:10px;border:1px solid var(--border);padding:.5rem .6rem .3rem}.proof-sign img{display:block;width:220px;max-width:100%}.proof-sign figcaption{font-size:.72rem;color:#667d6f;text-align:center;margin-top:.2rem}.proof-done{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--green-soft);border-left:4px solid var(--green);border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1rem;animation:fade-in .3s both}.proof-done p{margin:0;color:var(--accent);font-weight:600}