style(pwa): палитра приложения переведена на палитру сайта pptaxi.ru

Светлый сине-серый фон #EEF1F5, белые карточки, чернильный текст #0F172A,
фирменный красный акцент #DC2626 у кнопки действия, зелёный #059669 у прихода
денег, янтарный #D97706 у предупреждений — токены сняты с живого сайта
(переменные --s-* в его инлайн-CSS).

Имена токенов теперь роли, а не краски: canvas / surface / line / ink / muted /
accent / pos / neg / warn. Прежние cream и ink описывали конкретный цвет, и при
смене палитры «cream» стал бы синим.

Тема браузера и манифест PWA переведены на новый фон — иначе шторка адресной
строки и заставка запуска остаются от прежней темы.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

driver-pwa/frontend/src/components/DriverPicker.tsx

@@ -46,7 +46,7 @@ export function DriverPicker({ onPicked }: { onPicked: (d: DriverBrief) => void
 
   return (
     <div>
-      <div className="card flex items-center gap-2 px-3 py-2.5 mb-3 bg-white">
+      <div className="card flex items-center gap-2 px-3 py-2.5 mb-3 bg-surface">
         <Search size={16} className="text-muted shrink-0" />
         <input
           autoFocus

driver-pwa/frontend/src/components/ImpersonationBar.tsx

@@ -18,7 +18,7 @@ export function ImpersonationBar() {
   const onDebug = loc.pathname === "/debug";
 
   return (
-    <div className="flex items-center gap-2 mb-3 px-3 py-2 rounded-xl2 bg-ink text-cream text-xs">
+    <div className="flex items-center gap-2 mb-3 px-3 py-2 rounded-xl2 border border-warn/40 bg-warn/10 text-warn text-xs">
       <Eye size={14} className="shrink-0" />
       <span className="min-w-0 truncate">
         Смотрю как <b>{driverName ?? `водитель #${driverId}`}</b>

driver-pwa/frontend/src/components/Segment.tsx

@@ -8,7 +8,7 @@ export function Segment({ value, options, onChange }: Props) {
           type="button"
           onClick={() => onChange(o.value)}
           className={`flex-1 py-2.5 rounded-xl2 text-xs border ${
-            value === o.value ? "bg-ink text-cream border-ink font-bold" : "bg-surface border-line text-muted"
+            value === o.value ? "bg-ink text-white border-ink font-bold" : "bg-surface border-line text-muted"
           }`}
         >
           {o.label}

driver-pwa/frontend/src/components/Statement.tsx

@@ -37,11 +37,11 @@ export function Statement({ from, to, kind, onFrom, onTo, onKind }: {
         {/* Нативный date-input: календарь телефона знакомее любого нашего. */}
         <input type="date" value={from} max={to} onChange={(e) => onFrom(e.target.value)}
                aria-label="Начало периода"
-               className="card flex-1 px-3 py-2 text-xs bg-white" />
+               className="card flex-1 px-3 py-2 text-xs bg-surface" />
         <span className="text-muted text-xs">—</span>
         <input type="date" value={to} min={from} onChange={(e) => onTo(e.target.value)}
                aria-label="Конец периода"
-               className="card flex-1 px-3 py-2 text-xs bg-white" />
+               className="card flex-1 px-3 py-2 text-xs bg-surface" />
       </div>
 
       <div className="flex gap-1.5 mb-3 overflow-x-auto">

driver-pwa/frontend/src/components/operationIcon.tsx

@@ -45,7 +45,7 @@ export function OperationIcon({ title }: { title: string }) {
   return (
     <span
       aria-hidden
-      className="shrink-0 w-8 h-8 rounded-xl2 border border-line bg-cream flex items-center justify-center text-muted"
+      className="shrink-0 w-8 h-8 rounded-xl2 border border-line bg-canvas flex items-center justify-center text-muted"
     >
       <Icon size={16} strokeWidth={1.5} />
     </span>