*{box-sizing:border-box}:root{--bg:#08101b;--surface:#111a27;--surface2:#162233;--line:#29394d;--text:#f7f9fc;--muted:#93a0b3;--accent:#4c9cff;--accent2:#78b9ff;--good:#45c58b;--warn:#ffb347;--bad:#ff8e9b;--shadow:0 12px 34px rgba(0,0,0,.24)}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 50% -10%,#14243a 0,#0a111b 38%,#070b11 100%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.45;letter-spacing:-.01em;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.launchLink{min-height:44px;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}#app{max-width:620px;margin:auto;min-height:100vh;padding:env(safe-area-inset-top) 16px calc(96px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 4px 18px}header small{display:block;color:#7f8ca0;font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}h1{font-size:34px;line-height:1.02;margin:6px 0 0;font-weight:850;letter-spacing:-.045em}.roleBadge{display:inline-flex;align-items:center;margin-top:12px;background:#162336;color:#c6e0ff;border:1px solid #2f4662;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;box-shadow:inset 0 1px 0 #ffffff08}.avatar{border:1px solid #6bb1ff55;width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#4aa0ff,#1f79e8);color:white;font-weight:850;box-shadow:0 10px 26px #1f79e844}.card{background:linear-gradient(160deg,#152236,#111a26 70%);border:1px solid #2a3b50;border-radius:24px;padding:18px;margin:14px 0;box-shadow:var(--shadow)}.hero{background:linear-gradient(145deg,#1a2a40,#131d2a 62%);border:1px solid #31465f;border-radius:24px;padding:18px;margin:14px 0;box-shadow:var(--shadow)}h2{margin:4px 0 14px;font-size:24px;letter-spacing:-.03em}h3{letter-spacing:-.02em}.eyebrow{font-size:11px;color:#72b4ff;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{position:relative;overflow:hidden;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end;padding-top:52px}.metric:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-34px;top:-36px;background:#4c9cff10}.metric:after{position:absolute;left:18px;top:17px;font-size:22px;opacity:.9}.grid>.metric:nth-child(1):after{content:"📋"}.grid>.metric:nth-child(2):after{content:"👥"}.grid>.metric:nth-child(3):after{content:"🕒"}.grid>.metric:nth-child(4):after{content:"₽";font-weight:850;color:#9ecbff}.grid>.metric:nth-child(5):after{content:"💳"}.metric span{font-size:14px}.metric strong{font-size:30px;display:block;margin-top:6px;letter-spacing:-.045em}.status{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status.info{background:#203956;color:#9bcaff}.status.new{background:#3a3218;color:var(--warn)}.status.ok{background:#163b2b;color:#86e5b5}.status.bad{background:#3a1d22;color:#ffb1bb}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.row>div,.grid>*,.two>*{min-width:0}.primary,.secondary,.linkBtn{border:1px solid transparent;border-radius:15px;padding:12px 15px;font-weight:800}.primary{background:linear-gradient(180deg,#4da2ff,#2e83ed);color:#fff;box-shadow:0 8px 20px #2b80ec2e}.secondary{background:#1d2a3a;color:#f4f7fb;border-color:#304157}.linkBtn{background:#17283c;border-color:#2d4562;color:#8fc6ff;padding:9px 12px}.wide{width:100%;margin-top:10px}.softChip{display:inline-flex;align-items:center;background:#1a2a3f;border:1px solid #2d435e;border-radius:999px;padding:7px 10px;font-size:12px;color:#c8dcf3;font-weight:800}.loadCard{padding:18px 16px 16px;background:linear-gradient(150deg,#162842,#101925);border-color:#2f4663}.loadCard h2{font-size:22px;margin:3px 0}.loadLegend{display:flex;gap:13px;flex-wrap:wrap;color:#aeb9c8;font-size:11px;margin:14px 0 12px}.loadLegend span{display:flex;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.busyDot{background:#419aff}.freeDot{background:#47c58b}.offDot{background:#647286}.loadBars{height:205px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;padding-top:4px}.loadDay{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:0}.loadDay .bar{height:136px;width:100%;max-width:34px;border-radius:9px;overflow:hidden;background:#202a36;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px #ffffff0b}.bar span{display:block;width:100%}.barBusy{background:linear-gradient(#50a7ff,#2d83ef)}.barFree{background:linear-gradient(#58d29a,#35af78)}.barOff{background:linear-gradient(#6a788b,#526073)}.loadDay b{font-size:11px;color:#d0d9e5}.loadDay small{font-size:9px;letter-spacing:0;color:#738197}.loadDay strong{font-size:12px;color:#f4f8ff}.chartHint{font-size:11px;margin:12px 0 0;line-height:1.35}.dashMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.dashMetric{min-height:145px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.dashMetric:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;top:-30px;background:#4c9cff0c}.dashIcon{position:absolute;left:18px;top:17px;font-size:22px}.dashMetric strong{font-size:31px;line-height:1;margin:7px 0 8px;letter-spacing:-.04em}.dashMetric small{color:#7f8ea2}.dashSection{margin-top:24px}.dashSection h2{margin:0}.dashOrder{width:100%;display:grid;grid-template-columns:92px 1fr 20px;gap:14px;align-items:center;text-align:left;background:linear-gradient(160deg,#142238,#0f1926);border:1px solid #2c4058;border-radius:23px;color:var(--text);padding:16px;margin:12px 0;box-shadow:var(--shadow)}.dashOrderTime{display:flex;flex-direction:column;gap:6px;border-right:1px solid #29394c;padding-right:12px}.dashOrderTime b{font-size:13px}.dashOrderTime span{font-size:14px;color:#b9c9dc}.dashOrderBody{display:flex;flex-direction:column;gap:4px;min-width:0}.dashOrderBody strong{font-size:16px}.dashOrderBody>span,.dashOrderBody>small{color:#8fa0b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashArrow{font-size:30px;color:#78b9ff}.dashChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dashChips span{display:inline-flex;padding:6px 8px;background:#182b42;border:1px solid #2d4b69;border-radius:999px;color:#cbe3ff;font-size:10px;font-weight:800}.order{cursor:pointer;position:relative;overflow:hidden}.order h3{margin:8px 0}.form{display:flex;flex-direction:column;gap:10px}.form input,.form select,.form textarea,.card select{width:100%;min-width:0;background:#172333;color:#f5f7fb;border:1px solid #304157;border-radius:14px;padding:13px;font-size:16px}.form textarea{min-height:90px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:30;display:flex;align-items:flex-end;justify-content:center}.modal{position:relative;background:linear-gradient(180deg,#152131,#0f1621);width:100%;max-width:620px;max-height:88dvh;overflow:auto;border-radius:28px 28px 0 0;padding:54px 18px calc(24px + env(safe-area-inset-bottom));border:1px solid #304157;box-shadow:0 -18px 48px #0008}.modalClose{position:absolute;right:14px;top:9px;border:1px solid #3b4b60;background:#213046;color:white;border-radius:50%;width:42px;height:42px;font-size:24px}nav{position:fixed;bottom:0;left:0;right:0;max-width:620px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(9,14,22,.94);border-top:1px solid #243247;padding:9px 8px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:5;box-shadow:0 -10px 30px #0005}nav button{border:0;background:none;color:#7f8b9d;padding:7px 2px 6px;font-size:11px;font-weight:800;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}nav button:before{font-size:20px;line-height:1;filter:grayscale(.35);opacity:.9}nav button[data-page="home"]:before{content:"🏠"}nav button[data-page="orders"]:before{content:"📄"}nav button[data-page="dispatch"]:before{content:"🗓️"}nav button[data-page="team"]:before{content:"👥"}nav button.active{color:#67adff}nav button.active:before{filter:none;opacity:1}.conditionChips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.conditionChip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#1c3047;border:1px solid #315170;color:#d8eaff;font-size:11px;font-weight:800}.conditionChip.warn{background:#392d18;border-color:#72562d;color:#ffd18a}.conditionChip.note{background:#26293d;border-color:#444b6b;color:#d9dcff}.masterOrderTime{margin-top:10px;color:#b8c7d9;font-size:13px;font-weight:750}.masterComment{margin-top:12px;padding:12px 13px;border-radius:15px;background:#101b29;border:1px solid #283b52}.masterComment span{display:block;color:#7f93aa;font-size:11px;margin-bottom:4px}.masterComment b{display:block;font-size:14px;line-height:1.35}.upcomingMasterOrder{text-align:left}.upcomingMasterOrder>div{display:flex;flex-direction:column;gap:5px}.upcomingMasterOrder span{font-size:12px;color:#9aa8ba}@media(max-width:359px){#app{padding-left:10px;padding-right:10px}.card{padding:14px}.grid,.dashMetrics{gap:8px}.metric,.dashMetric{min-height:118px}.loadBars{gap:4px}.loadDay .bar{max-width:27px}.loadLegend{gap:8px}h1{font-size:31px}.conditionChip{font-size:10px;padding:6px 8px}.dashOrder{grid-template-columns:80px 1fr 16px;padding:13px;gap:10px}.dashChips span{font-size:9px}}