:root{--bg:#f6f4ef;--surface:#fff;--surface-soft:#f3f5f1;--ink:#101b25;--muted:#65717c;--forest:#0e4938;--forest-2:#0b6044;--green:#159653;--green-soft:#e6f5ea;--blue:#1268df;--blue-soft:#e8f1ff;--amber:#aa6900;--amber-soft:#fff1d6;--red:#c82b33;--red-soft:#ffeaeb;--line:#dce1dc;--radius:14px;--shadow:0 10px 30px rgba(16,27,37,.07)}*{box-sizing:border-box}body,html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:0 14px calc(92px + env(safe-area-inset-bottom))}.app-shell--focus{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;margin:0 -14px;padding:calc(10px + env(safe-area-inset-top)) 14px 12px;color:white;background:linear-gradient(145deg,#0b3c30,var(--forest-2));box-shadow:0 8px 28px rgba(8,45,34,.18)}.topbar__row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px}.topbar__copy span{display:block;color:rgba(255,255,255,.76);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.topbar h1{margin:0;overflow:hidden;font-size:1.3rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.topbar__right{display:grid;place-items:center}.brand-mark,.icon-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:12px;color:white;background:rgba(255,255,255,.1);font-weight:900;text-decoration:none}.screen-content{display:grid;gap:14px;padding:14px 0}.connectivity-banner{display:grid;gap:2px;margin:12px 0 0;border:1px solid #e2bc73;border-radius:12px;padding:11px 14px;color:#744a00;background:var(--amber-soft)}.connectivity-banner span{font-size:.82rem}.bottom-nav{position:fixed;right:max(12px,calc((100vw - 520px) / 2 + 12px));bottom:max(10px,env(safe-area-inset-bottom));left:max(12px,calc((100vw - 520px) / 2 + 12px));z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:1px solid var(--line);border-radius:18px;padding:7px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(16,27,37,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{display:grid;min-height:56px;place-items:center;align-content:center;gap:2px;border-radius:12px;color:var(--muted);text-decoration:none}.bottom-nav a span{font-size:1.25rem;line-height:1}.bottom-nav a small{font-size:.72rem;font-weight:750}.bottom-nav a.is-active{color:white;background:var(--forest)}.card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--surface);box-shadow:var(--shadow)}.card--soft{background:var(--surface-soft);box-shadow:none}.card--success{border-color:#b7ddc3;background:var(--green-soft)}.card--warning{border-color:#e4c181;background:var(--amber-soft)}.card--danger{border-color:#efb8bc;background:var(--red-soft)}.stack{display:grid;gap:12px}.stack--tight{gap:7px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h2,.card h3,.section-head h2{margin:0}.card p,.section-head p{color:var(--muted)}.kicker{color:var(--forest-2);font-size:.74rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.muted{color:var(--muted)}.error{margin:0;border-radius:10px;padding:12px;color:#8e1620;background:var(--red-soft)}.success{color:var(--forest-2);font-weight:750}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 16px;color:white;background:var(--forest-2);font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.48}.button--wide{width:100%}.button--secondary{border-color:var(--line);color:var(--ink);background:white}.button--blue{background:var(--blue)}.button--danger{background:var(--red)}.button--danger-outline{border-color:var(--red);color:var(--red);background:white}.button--ghost{min-height:44px;color:var(--forest);background:transparent}.sticky-action{position:sticky;bottom:8px;z-index:10;display:flex;gap:8px;border:1px solid var(--line);border-radius:16px;padding:8px;background:rgba(255,255,255,.94);box-shadow:0 16px 44px rgba(16,27,37,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sticky-action .button{flex:1 1}.status-row{display:flex;flex-wrap:wrap;gap:7px}.status-chip{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;padding:5px 10px;color:#44515c;background:#edf0ed;font-size:.78rem;font-weight:800}.status-chip--success{color:#0a6339;background:#dcf4e3}.status-chip--info{color:#0956ac;background:#e2efff}.status-chip--warning{color:#815000;background:#ffedc8}.status-chip--danger{color:#941d25;background:#ffe1e3}.hero{display:grid;gap:14px;padding:18px}.hero__title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hero__title h2{margin:4px 0 0;font-size:1.55rem}.hero__eta{color:var(--blue);font-size:1.35rem;font-weight:900}.progress{height:9px;overflow:hidden;border-radius:99px;background:#e9ece9}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--green)}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:54px 16px minmax(0,1fr);gap:10px;min-height:66px;color:inherit;text-decoration:none}.timeline-item__time{font-weight:850}.timeline-item__line{position:relative}.timeline-item__line:before{position:absolute;top:8px;bottom:-8px;left:7px;width:2px;content:"";background:var(--line)}.timeline-item:last-child .timeline-item__line:before{display:none}.timeline-item__dot{position:relative;z-index:1;display:block;width:16px;height:16px;border:4px solid white;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px var(--blue)}.timeline-item__main{display:flex;justify-content:space-between;gap:10px;padding-bottom:14px}.timeline-item__main strong{display:block}.timeline-item__main small{color:var(--muted)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-radius:14px;padding:5px;background:#e9ece9}.tabs button{min-height:42px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-weight:800}.tabs button.is-active{color:white;background:var(--forest)}.field{display:grid;gap:7px}.field>span{font-size:.84rem;font-weight:800}.input{width:100%;min-height:50px;border:1px solid #cfd6d2;border-radius:11px;padding:12px 13px;color:var(--ink);background:white;outline:none}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,104,223,.12)}textarea.input{resize:vertical}.file-field{display:grid;min-height:132px;place-items:center;border:1.5px dashed #aeb9b3;border-radius:12px;padding:16px;color:var(--forest);background:#fafbf9;text-align:center;cursor:pointer}.file-field input{position:absolute;width:1px;height:1px;opacity:0}.detail-list{display:grid;gap:0}.detail-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line);padding:11px 0}.detail-row:last-child{border:0}.detail-row span{color:var(--muted)}.detail-row strong{overflow-wrap:anywhere}.map{position:relative;min-height:240px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#dce8df,#f2ead8 48%,#d9ecf6)}.map:after,.map:before{position:absolute;content:"";border-radius:999px;background:var(--blue);transform:rotate(-28deg)}.map:before{top:22px;left:45%;width:8px;height:180px}.map:after{top:116px;left:27%;width:150px;height:8px}.map__pin{position:absolute;z-index:2;display:grid;width:38px;height:38px;place-items:center;border:4px solid white;border-radius:50% 50% 50% 0;color:white;background:var(--blue);box-shadow:var(--shadow);transform:rotate(-45deg)}.map__pin span{transform:rotate(45deg)}.map__pin--1{bottom:34px;left:28%}.map__pin--2{top:42%;left:52%}.map__pin--3{top:24px;right:17%}.empty-state{display:grid;min-height:300px;place-items:center;align-content:center;text-align:center}.empty-state__icon{display:grid;width:82px;height:82px;place-items:center;border-radius:50%;color:var(--forest);background:var(--surface-soft);font-size:2rem}.empty-state p{max-width:300px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:grid;min-height:86px;place-items:center;align-content:center;border-radius:12px;background:var(--surface-soft);text-align:center}.stat strong{font-size:1.4rem}.stat small{color:var(--muted)}.menu-list{display:grid}.menu-item{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);text-decoration:none}.menu-item:last-child{border-bottom:0}.menu-item span:first-child{font-weight:760}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.step{display:grid;place-items:center;gap:5px;color:var(--muted);font-size:.75rem;font-weight:750}.step span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#dce1dc}.step.is-active,.step.is-done{color:var(--forest)}.step.is-active span,.step.is-done span{color:white;background:var(--green)}.signature{min-height:150px;border:1px dashed #aeb9b3;border-radius:12px;background:repeating-linear-gradient(0deg,#fff,#fff 29px,#edf0ed 30px);touch-action:none}.reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.reason{display:grid;min-height:105px;place-items:center;align-content:center;gap:7px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:white;font-weight:750;text-align:center}.reason.is-selected{border-color:var(--red);color:var(--red);background:var(--red-soft)}.reason span:first-child{font-size:1.5rem}.login{display:grid;min-height:100dvh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#e0eee6,transparent 46%),var(--bg)}.login__card{width:min(100%,430px)}.login__brand{display:grid;place-items:center;gap:10px;margin-bottom:32px;text-align:center}.login__brand .brand-mark{width:68px;height:68px;color:white;background:var(--forest);font-size:2rem}.login__brand strong{display:block;font-size:1.05rem}.login__brand small{display:block;color:var(--muted)}.login__brand h1{margin:0;font-size:2rem}.login__brand p{margin:0;color:var(--muted)}.photo-preview{width:100%;max-height:240px;border-radius:12px;object-fit:cover}.success-mark{display:grid;width:112px;height:112px;margin:10px auto;place-items:center;border-radius:50%;color:var(--forest-2);background:var(--green-soft);font-size:4rem}@media (min-width:720px){body{background:linear-gradient(135deg,#e9eee9,#f8f6f1)}.app-shell{border-right:1px solid var(--line);border-left:1px solid var(--line);background:var(--bg)}.login__card{border:1px solid var(--line);border-radius:24px;padding:34px;background:white;box-shadow:0 26px 80px rgba(16,27,37,.12)}}@media (max-width:360px){.grid-2,.reason-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:90px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}