:root{--color-bg:#e7efe9;--color-bg-elevated:#fffdf8;--color-ink:#101a15;--color-ink-muted:#5a6b62;--color-brand:#0a3a2c;--color-brand-soft:#1b6349;--color-accent:#c45c26;--color-accent-soft:#f3e0d2;--color-line:#101a151a;--color-ok:#1f7a4c;--color-warn:#b45309;--radius:16px;--radius-lg:24px;--shadow:0 14px 36px #0a3a2c1a;--shadow-soft:0 8px 24px #0a3a2c12;--font-display:"Source Serif 4", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--top-bar-h:60px;--bottom-nav-h:96px;color:var(--color-ink);background-color:var(--color-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 520px at 0 -5%,#c45c261f,#0000 55%),radial-gradient(780px 480px at 110% 5%,#0a3a2c29,#0000 50%),radial-gradient(600px 400px at 50% 110%,#1b634914,#0000 55%),linear-gradient(#f2f6f2 0%,#e7efe9 48%,#e3ebe5 100%);background-attachment:fixed}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}input,textarea{font:inherit}.app-shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.app-shell--bare{padding:0 18px 28px}.app-shell--chrome{padding:0}.app-shell-body{padding:10px 16px calc(var(--bottom-nav-h) + var(--safe-bottom));flex:1;animation:.35s cubic-bezier(.22,1,.36,1) pageIn}.page-main{padding-top:4px}.page-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-brand);margin:0 0 4px;font-size:1.55rem;font-weight:700;line-height:1.15}.page-sub{color:var(--color-ink-muted);margin:0 0 18px;font-size:.92rem;font-weight:600}.brand-mark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-brand);font-size:1.65rem;font-weight:700;line-height:1.15}.muted{color:var(--color-ink-muted)}.form-error{color:var(--color-accent);margin:0;font-weight:700}.field{gap:7px;display:grid}.field>span{letter-spacing:.02em;text-transform:uppercase;color:var(--color-ink-muted);font-size:.8rem;font-weight:800}.field-input{background:linear-gradient(#fff 0%,#fbfaf6 100%);border:1px solid #101a151a;border-radius:16px;min-height:52px;padding:0 16px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffffe6}.field-input:focus{border-color:#0a3a2c59;outline:none;box-shadow:0 0 0 4px #0a3a2c1a,inset 0 1px #ffffffe6}textarea.field-input{resize:vertical;min-height:96px;padding:14px 16px}.btn{color:#f7f3ea;cursor:pointer;background:linear-gradient(#1a5c45 0%,#0a3a2c 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-weight:800;transition:transform .15s,filter .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 24px #0a3a2c47,inset 0 1px #ffffff38}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{color:var(--color-brand);box-shadow:var(--shadow-soft);background:#fffdf8b8;border:1px solid #101a151a}.btn--accent{background:linear-gradient(#d9783d 0%,#c45c26 100%);box-shadow:0 12px 24px #c45c2647,inset 0 1px #ffffff40}.panel{border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(165deg,#fffdf8fa 0%,#fffaf2f0 100%);border:1px solid #101a1514;padding:18px}.empty-state{text-align:center;padding:36px 22px}.empty-state h2{font-family:var(--font-display);color:var(--color-brand);margin:0;font-size:1.35rem}.empty-state p{color:var(--color-ink-muted);margin:10px 0 0;line-height:1.5}.status-chip{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--color-brand-soft);background:#1b63491a;border-radius:999px;align-items:center;padding:5px 10px;font-size:.72rem;font-weight:800;display:inline-flex;overflow:hidden}.status-chip--offer{background:var(--color-accent-soft);color:#8a3a12;animation:2.2s ease-in-out infinite pulseSoft}.status-chip--work{color:var(--color-brand);background:#1b634924}.status-chip--sd{color:var(--color-warn);background:#b453091f}@keyframes pulseSoft{0%,to{box-shadow:0 0 #c45c2640}50%{box-shadow:0 0 0 6px #c45c2600}}.order-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.order-card{padding:16px 16px 16px 18px;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;overflow:hidden}.order-card:before{content:"";background:linear-gradient(180deg, var(--color-brand-soft), var(--color-brand));width:4px;position:absolute;top:0;bottom:0;left:0}.order-card--offer:before{background:linear-gradient(#e0894d,#c45c26)}.order-card:first-child{animation-delay:20ms}.order-card:nth-child(2){animation-delay:60ms}.order-card:nth-child(3){animation-delay:.1s}.order-card:nth-child(4){animation-delay:.14s}.order-card:nth-child(5){animation-delay:.18s}.order-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.order-card-id{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-brand);font-size:1.28rem;font-weight:700;line-height:1}.order-card-name{margin:0 0 6px;font-size:1.05rem;font-weight:800}.order-card-meta{color:var(--color-ink-muted);margin:0 0 4px;font-size:.92rem;line-height:1.45}.order-card-phone{color:var(--color-brand);margin:8px 0 0;font-weight:800;display:inline-flex}.order-card-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.order-card-actions .btn{flex:120px}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.top-bar{z-index:40;min-height:calc(var(--top-bar-h) + var(--safe-top));padding:calc(10px + var(--safe-top)) 14px 10px;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:#e7efe9c7;border-bottom:1px solid #101a150d;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.top-brand{font-family:var(--font-display);color:var(--color-brand);letter-spacing:-.03em;padding:4px 2px;font-size:1.22rem;font-weight:700}.top-actions{align-items:center;gap:7px;display:flex}.top-icon-btn{border-radius:999px;padding:0}.top-icon-orb{width:44px;height:44px;color:var(--color-brand);background:radial-gradient(circle at 30% 26%,#fff 0%,#f5f8f5 40%,#d5e4db 100%);border-radius:50%;place-items:center;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:grid;box-shadow:0 12px 20px #0a3a2c24,inset 0 1px #fffffff2,inset 0 -4px 8px #0a3a2c14}.top-icon-orb svg{width:18px;height:18px}.top-icon-orb--badge{position:relative}.icon-badge{color:#fffdf8;background:var(--color-accent);pointer-events:none;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:800;line-height:1;display:inline-grid;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #e7efe9f2}.icon-badge--nav{min-width:16px;height:16px;font-size:.6rem;top:-2px;right:-2px;box-shadow:0 0 0 2px #fffdf8f2}.top-icon-btn:active .top-icon-orb,.top-icon-btn.is-open .top-icon-orb{transform:scale(.93)}.top-icon-btn.is-open .top-icon-orb{color:#f4f7f1;background:radial-gradient(circle at 32% 26%,#25805c 0%,#0a3a2c 72%);box-shadow:0 12px 22px #0a3a2c57,inset 0 1px #ffffff40}.top-more-wrap{position:relative}.top-menu{-webkit-overflow-scrolling:touch;z-index:50;background:#fffdf8f7;border:1px solid #101a1514;border-radius:20px;min-width:196px;max-height:min(70vh,420px);padding:8px;animation:.2s cubic-bezier(.22,1,.36,1) menuIn;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 22px 48px #0a3a2c33}.top-menu button{text-align:left;border-radius:14px;width:100%;padding:13px 14px;font-size:.95rem;font-weight:800;display:block}.top-menu a.top-menu-link{box-sizing:border-box;text-align:left;width:100%;color:inherit;border-radius:14px;padding:13px 14px;font-size:.95rem;font-weight:800;text-decoration:none;display:block}.top-menu button:hover,.top-menu button:focus-visible,.top-menu a.top-menu-link:hover,.top-menu a.top-menu-link:focus-visible{background:#0a3a2c12}.copy-toast{left:50%;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px);z-index:60;color:#f6faf6;background:#0a3a2cf0;border-radius:14px;max-width:min(440px,100% - 24px);padding:10px 16px;font-size:.9rem;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 12px 28px #0a3a2c47}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.bottom-nav{left:50%;bottom:calc(10px + var(--safe-bottom));z-index:40;-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#fffdf8e0;border:1px solid #ffffffa6;border-radius:30px;grid-template-columns:repeat(3,1fr);gap:2px;width:min(440px,100% - 20px);padding:12px 14px 10px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #0a3a2c29,inset 0 2px #fffc}.bottom-nav-item{color:var(--color-ink-muted);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:5px;padding:2px;display:flex}.nav-orb{width:56px;height:56px;color:var(--color-brand-soft);background:radial-gradient(circle at 32% 26%,#fff 0%,#eef4f0 44%,#c5d8cc 100%);border-radius:50%;place-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,color .2s,background .3s;display:grid;box-shadow:0 14px 24px #0a3a2c29,inset 0 2px #ffffffbf,inset 0 -6px 12px #0a3a2c1a}.nav-orb svg{width:22px;height:22px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.nav-label{letter-spacing:.02em;font-size:.7rem;font-weight:800;transition:color .2s,transform .2s}.bottom-nav-item:active .nav-orb{transform:scale(.9)}.bottom-nav-item.active{color:var(--color-brand)}.bottom-nav-item.active .nav-orb{color:#f6faf6;background:radial-gradient(circle at 30% 22%,#3a9870 0%,#0a3a2c 55%,#06251c 100%);animation:.45s cubic-bezier(.22,1,.36,1) orbPop;box-shadow:0 16px 30px #0a3a2c66,0 0 0 5px #0a3a2c1a,inset 0 1px #ffffff4d,inset 0 -7px 14px #0003}.bottom-nav-item.active .nav-orb svg{transform:scale(1.1)}.bottom-nav-item.active .nav-label{color:var(--color-brand)}.bottom-nav--4{border-radius:24px;grid-template-columns:repeat(4,1fr);gap:0;padding:8px 8px 6px}.bottom-nav--4 .bottom-nav-item{gap:3px;min-width:0}.bottom-nav--4 .nav-orb{width:42px;height:42px}.bottom-nav--4 .nav-orb svg{width:18px;height:18px}.bottom-nav--4 .nav-label{letter-spacing:0;white-space:nowrap;font-size:.62rem}.bottom-nav--4 .bottom-nav-item.active .nav-orb{box-shadow:0 10px 18px #0a3a2c59,0 0 0 3px #0a3a2c1a,inset 0 1px #ffffff4d,inset 0 -5px 10px #0000002e}.app-shell--chrome:has(.bottom-nav--4){--bottom-nav-h:78px}@keyframes orbPop{0%{transform:scale(.84)}55%{transform:scale(1.1)}to{transform:scale(1)}}.search-box{min-height:54px;box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fbfaf6 100%);border:1px solid #101a1514;border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:0 16px;display:flex}.search-box-icon{width:20px;height:20px;color:var(--color-brand);flex:none}.search-box input{font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 0;font-weight:600}.order-hit{text-align:left;background:inherit;width:100%;font:inherit;color:inherit;cursor:pointer;border:none;padding:16px 16px 16px 18px;transition:transform .15s;display:block;position:relative;overflow:hidden}.order-hit:before{content:"";background:linear-gradient(180deg, var(--color-brand-soft), var(--color-brand));width:4px;position:absolute;top:0;bottom:0;left:0}.order-hit--unread:before{background:linear-gradient(180deg, #e07a3a, var(--color-accent));width:5px}.order-hit--unread{box-shadow:inset 0 0 0 1px #c45c261f}.order-hit:active{transform:scale(.985)}.order-hit-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.notif-dot{background:var(--color-accent);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #c45c262e}.page-heading-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.page-heading-row .page-title{margin-bottom:0}.order-hit-name{margin:0;font-weight:800}.order-hit-meta{margin:4px 0 0;line-height:1.4}.order-status{color:var(--color-brand-soft);font-size:.72rem;font-weight:800}.login-hero{padding:calc(36px + var(--safe-top)) 4px 28px;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 35% 35%,#c45c2647,#0000 68%);border-radius:50%;width:220px;height:220px;animation:7s ease-in-out infinite floatOrb;position:absolute;top:-40px;right:-60px}.login-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 40% 40%,#0a3a2c38,#0000 70%);border-radius:50%;width:180px;height:180px;animation:9s ease-in-out infinite reverse floatOrb;position:absolute;top:80px;left:-50px}.login-hero .brand-mark{z-index:1;font-size:clamp(2.2rem,8vw,2.8rem);position:relative}.login-hero .muted{z-index:1;max-width:18em;margin-top:10px;font-size:1.02rem;line-height:1.5;position:relative}.login-panel{z-index:1;gap:14px;animation:.45s cubic-bezier(.22,1,.36,1) cardIn;display:grid;position:relative}@keyframes floatOrb{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.stat-row{border-bottom:1px solid #101a150f;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.stat-row:last-child{border-bottom:0;padding-bottom:0}.reg-steps{justify-content:space-between;gap:8px;display:flex}.reg-step{color:#0000;background:#101a151f;border-radius:999px;flex:1;height:6px;font-size:0}.reg-step.is-active,.reg-step.is-done{background:var(--color-brand)}.reg-step.is-active{background:var(--color-accent)}.check-row{align-items:center;gap:10px;font-weight:600;display:flex}.spec-grid{flex-wrap:wrap;gap:8px;display:flex}.spec-chip{border:1px solid var(--color-line);background:#fffdf8b3;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:600}.spec-chip.is-on{color:#fffdf8;background:linear-gradient(#1b6349 0%,#0a3a2c 100%);border-color:#0000;box-shadow:0 4px 12px #0a3a2c38}.passport-preview{object-fit:cover;border:1px solid var(--color-line);border-radius:12px;width:100%;max-height:180px}select.field-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-ink-muted) 50%), linear-gradient(135deg, var(--color-ink-muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;padding-right:28px}.pager{justify-content:space-between;align-items:center;gap:10px;display:flex}.pager .btn{flex:1;min-height:44px;padding:0 16px}.pager-label{text-align:center;flex:none;min-width:4.5em;font-weight:700}.stat-row:first-child{padding-top:0}.passport-modal{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1a128c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.passport-modal-card{background:var(--color-bg-elevated);border-radius:22px;width:min(520px,100%);max-height:min(88vh,900px);padding:16px;overflow:auto;box-shadow:0 24px 48px #00000047}.passport-modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.passport-gallery{gap:12px;display:grid}.passport-shot{color:inherit;gap:6px;font-size:.85rem;font-weight:700;text-decoration:none;display:grid}.passport-shot img{object-fit:contain;background:#0f1a14;border:1px solid #101a1514;border-radius:14px;width:100%;max-height:360px}