@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#0f172a}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;max-width:1180px;margin:0 auto;background:#fff;padding-bottom:92px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e8edf4;position:sticky;top:0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.brand,.logo-big{font-weight:900;letter-spacing:-.04em}.brand{font-size:24px}.brand span,.logo-big span{color:#16a34a}.company-line{font-size:13px;color:#64748b;display:flex;gap:6px;align-items:center;margin-top:2px}.content{padding:20px}.hero-card{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:24px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:end}.hero-card h1{margin:6px 0 8px;font-size:30px;line-height:1.05;letter-spacing:-.04em}.hero-card p{margin:0;color:#cbd5e1;max-width:520px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#64748b}.hero-card .eyebrow{color:#86efac}.primary-btn,.secondary-btn,.text-btn,.icon-btn,.back-btn{border:0;cursor:pointer}.primary-btn{width:100%;min-height:48px;border-radius:14px;background:#16a34a;color:#fff;font-weight:800;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.primary-btn.compact{width:auto;white-space:nowrap}.secondary-btn{background:#eef2ff;color:#1e293b;border-radius:12px;padding:12px 16px;font-weight:700}.icon-btn{width:44px;height:44px;border-radius:12px;background:#f1f5f9;color:#334155;display:grid;place-items:center}.text-btn{background:transparent;color:#2563eb;font-weight:700;display:flex;align-items:center;gap:6px}.back-btn{background:transparent;color:#334155;font-weight:700;display:flex;align-items:center;gap:7px;padding:8px 0;margin-bottom:14px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 26px}.stat-card{border:1px solid #e7edf4;border-radius:18px;padding:16px;display:flex;align-items:center;gap:12px;background:#fff}.stat-card.wide{grid-column:1/-1}.stat-icon{width:38px;height:38px;border-radius:12px;background:#eefbf2;color:#16a34a;display:grid;place-items:center}.stat-label{font-size:12px;color:#64748b}.stat-value{font-size:21px;font-weight:900;letter-spacing:-.02em;margin-top:2px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:8px 0 12px}.section-head h1,.section-head h2{margin:3px 0 0;letter-spacing:-.03em}.row-actions{display:flex;gap:12px;flex-wrap:wrap}.order-list{display:flex;flex-direction:column;gap:10px}.order-row{width:100%;border:1px solid #e7edf4;background:#fff;border-radius:16px;padding:15px;text-align:left;display:flex;justify-content:space-between;gap:16px;align-items:center}.order-row:hover{border-color:#cbd5e1}.order-main{min-width:0}.order-number{font-weight:900;font-size:14px}.order-client{font-weight:700;margin-top:3px}.order-meta{font-size:12px;color:#64748b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.order-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-new{background:#f1f5f9;color:#475569}.status-sent{background:#e0f2fe;color:#0369a1}.status-route{background:#dbeafe;color:#1d4ed8}.status-done{background:#dcfce7;color:#15803d}.status-failed{background:#ffedd5;color:#c2410c}.status-cancel{background:#fee2e2;color:#b91c1c}.empty-card{border:1px dashed #cbd5e1;border-radius:18px;padding:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#64748b;text-align:center}.empty-card strong{color:#0f172a}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(1180px,100%);background:#fffffff7;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:20}.bottom-nav button{border:0;background:transparent;min-height:58px;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px}.bottom-nav button.active{color:#16a34a}.bottom-nav button:disabled{opacity:.45}.bottom-nav .new-nav{color:#fff;background:#16a34a;border-radius:15px;margin:0 6px;min-height:52px}.notice{margin:12px 20px 0;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:12px;padding:10px 12px;font-size:13px}.form-page h1,.detail-page h1{font-size:30px;margin:4px 0;letter-spacing:-.04em}.muted{color:#64748b}.order-form{margin-top:20px;display:flex;flex-direction:column;gap:8px}.order-form label,.status-editor label{font-size:13px;font-weight:800;margin-top:5px}.order-form input,.order-form textarea,.status-editor select,.search-box input{border:1px solid #dbe3ec;border-radius:13px;padding:13px 14px;background:#fff;color:#0f172a;outline:none;font-size:16px}.order-form input:focus,.order-form textarea:focus,.status-editor select:focus,.search-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1c}.money-input{display:flex;border:1px solid #dbe3ec;border-radius:13px;overflow:hidden;align-items:center}.money-input span{padding-left:14px;font-weight:800;color:#475569}.money-input input{border:0;flex:1}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #dbe3ec;border-radius:14px;padding:0 12px;margin-bottom:14px;background:#fff;color:#64748b}.search-box input{border:0;flex:1;padding-left:0}.detail-card{border:1px solid #e7edf4;border-radius:20px;padding:20px}.detail-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.detail-grid div{border-bottom:1px solid #eef2f7;padding-bottom:12px}.detail-grid .full{grid-column:1/-1}.detail-grid dt{font-size:12px;color:#64748b;margin-bottom:3px}.detail-grid dd{margin:0;font-weight:700}.status-editor{display:flex;flex-direction:column;gap:8px;border-top:1px solid #eef2f7;padding-top:18px}.center-screen,.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#eafaf0,#f6f8fb 42%)}.logo-big{font-size:38px}.center-screen{text-align:center;gap:8px;align-content:center}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 24px 70px #0f172a14}.login-card form{display:flex;flex-direction:column;gap:9px;margin-top:24px}.login-card label{font-size:13px;font-weight:800}.login-card input{border:1px solid #dbe3ec;border-radius:13px;padding:13px 14px;font-size:16px}.form-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:10px;border-radius:12px;font-size:13px}.login-foot{margin-top:18px;text-align:center;color:#94a3b8;font-size:12px}@media(min-width:1100px){.content{padding:24px 28px}.topbar{padding-left:28px;padding-right:28px}.order-meta{max-width:720px}}@media(max-width:640px){.content{padding:16px}.topbar{padding:14px 16px}.hero-card{display:block;padding:20px}.hero-card h1{font-size:27px}.hero-card .primary-btn{margin-top:18px;width:100%}.stats-grid{gap:9px}.stat-card{padding:13px;align-items:flex-start}.stat-value{font-size:18px}.order-row{align-items:flex-start}.order-meta{max-width:180px}.detail-grid{grid-template-columns:1fr}.detail-grid .full{grid-column:auto}.section-head{align-items:center}.row-actions .text-btn:first-child{display:none}.login-card{padding:22px;border-radius:20px}}@keyframes gj-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gj-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gj-login-card{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gj-logo-enter{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gj-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell{animation:gj-fade-in .28s ease-out both}.content>section,.content>.order-list,.content>.stats-grid,.content>.hero-card{animation:gj-fade-up .34s ease-out both}.login-card{animation:gj-login-card .48s cubic-bezier(.22,.8,.26,1) both}.login-page .logo-big,.center-screen .logo-big{animation:gj-logo-enter .5s cubic-bezier(.22,.8,.26,1) both}.center-screen .muted{animation:gj-fade-up .42s ease-out .08s both}.primary-btn,.secondary-btn,.text-btn,.icon-btn,.back-btn,.bottom-nav button,.order-row{transition:transform .16s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.primary-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px #16a34a33}.primary-btn:not(:disabled):active,.secondary-btn:not(:disabled):active,.icon-btn:not(:disabled):active,.back-btn:not(:disabled):active,.text-btn:not(:disabled):active,.bottom-nav button:not(:disabled):active,.order-row:active{transform:scale(.97)}.secondary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a14}.icon-btn:hover{transform:translateY(-1px);background:#e8edf4}.text-btn:hover,.back-btn:hover{transform:translate(1px)}.bottom-nav .new-nav:hover{transform:translateY(-2px);box-shadow:0 9px 22px #16a34a38}.bottom-nav .new-nav:active{transform:translateY(0) scale(.97)}.bottom-nav button svg{transition:transform .18s ease}.bottom-nav button:hover svg{transform:translateY(-2px)}.bottom-nav button.active svg{transform:scale(1.06)}.hero-card,.stat-card,.detail-card,.empty-card,.login-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card:hover,.detail-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0f172a0f}.order-row{animation:gj-card-enter .3s ease-out both}.order-row:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0f;border-color:#cbd5e1}.order-list .order-row:nth-child(1){animation-delay:.02s}.order-list .order-row:nth-child(2){animation-delay:.05s}.order-list .order-row:nth-child(3){animation-delay:.08s}.order-list .order-row:nth-child(4){animation-delay:.11s}.order-list .order-row:nth-child(5){animation-delay:.14s}.order-list .order-row:nth-child(n+6){animation-delay:.16s}.order-form input,.order-form textarea,.order-form select,.login-card input,.status-editor select,.search-box{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.order-form input:focus,.order-form textarea:focus,.order-form select:focus,.login-card input:focus,.status-editor select:focus{transform:translateY(-1px)}.brand{animation:gj-logo-enter .36s ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 12% 8%,rgba(22,163,74,.12),transparent 32%),#f5f7fb}.login-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);background:#fff;border:1px solid #e5e7eb;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px #0f172a21}.login-cover{min-height:690px;background:#071a2f;overflow:hidden}.login-cover img{display:block;width:100%;height:100%;min-height:690px;object-fit:cover;object-position:center center}.login-shell .login-card{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:44px 42px;align-self:center}.login-shell .login-card textarea{width:100%;resize:vertical;border:1px solid #dbe3ec;border-radius:13px;padding:13px 14px;font:inherit;color:#0f172a;outline:none}.login-shell .login-card textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1c}@media(max-width:860px){.login-page{padding:16px;place-items:start center}.login-shell{grid-template-columns:1fr;width:min(560px,100%);border-radius:24px}.login-cover{min-height:0;height:280px}.login-cover img{min-height:0;height:100%;object-position:center 16%}.login-shell .login-card{padding:28px 24px 26px}}@media(max-width:480px){.login-page{padding:0;background:#fff}.login-shell{width:100%;border:0;border-radius:0;box-shadow:none}.login-cover{height:220px}.login-shell .login-card{padding:24px 20px calc(26px + env(safe-area-inset-bottom))}.login-shell .logo-big{font-size:34px}}