/* ═══════════════════════════════════════════════════════════
   РИВ — личный кабинет
   ═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/manrope@5.0.0/cyrillic.css');

:root{
  --тёмный:   #10141c;
  --тёмный-2: #171d28;
  --фон:      #f4f6fa;
  --карточка: #ffffff;
  --текст:    #121823;
  --серый:    #5f6b7f;
  --серый-2:  #8a94a6;
  --линия:    #e4e8ef;
  --акцент:   #22c55e;
  --акцент-т: #16a34a;
  --акцент-ф: #ecfdf3;
  --синий:    #3b82f6;
  --красный:  #ef4444;
  --жёлтый:   #f59e0b;
  --шрифт: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --шрифт-загол: "Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --моно: "SF Mono",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--шрифт);background:var(--фон);color:var(--текст);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* ─── ШАПКА ─── */
.к-шапка{background:var(--тёмный);display:flex;align-items:center;gap:22px;padding:0 24px;height:60px;position:sticky;top:0;z-index:100}
.к-лого{display:flex;align-items:center;gap:9px;flex-shrink:0}
.к-лого b{color:#fff;font-size:20px;font-weight:800;letter-spacing:-.026em;font-family:var(--шрифт-загол)}
.к-поиск{position:relative;width:330px;flex-shrink:0}
.к-поиск svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);pointer-events:none}
.к-поиск input{width:100%;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 13px 9px 38px;color:#fff;font-family:var(--шрифт);font-size:14px}
.к-поиск input::placeholder{color:#78839a}
.к-поиск input:focus{outline:none;border-color:var(--акцент);background:rgba(255,255,255,.1)}
.к-меню{display:flex;gap:4px;margin-left:6px;overflow-x:auto}
.к-меню a{color:#b9c2d0;font-size:14.5px;font-weight:500;padding:7px 13px;border-radius:7px;white-space:nowrap;transition:all .16s}
.к-меню a:hover{background:rgba(255,255,255,.08);color:#fff}
.к-меню a.активна{background:rgba(255,255,255,.13);color:#fff;font-weight:600}
.к-профиль{display:flex;align-items:center;gap:14px;margin-left:auto;flex-shrink:0}
.к-колокол{background:none;border:none;cursor:pointer;position:relative;padding:6px;border-radius:7px;display:flex;transition:background .16s}
.к-колокол:hover{background:rgba(255,255,255,.08)}
.к-колокол .точка{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--красный);border:2px solid var(--тёмный)}
.к-ава{width:34px;height:34px;border-radius:50%;background:var(--акцент);color:#052e16;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;cursor:pointer}

/* ─── СТРАНИЦА ─── */
.к-страница{max-width:1480px;margin:0 auto;padding:28px 24px 48px}
.к-верх{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px;flex-wrap:wrap}
.к-верх h1{font-size:33px;font-weight:800;letter-spacing:-.028em;margin-bottom:7px;font-family:var(--шрифт-загол)}
.к-статус{color:var(--серый);font-size:15.5px}
.к-статус b{font-weight:600}
.красным{color:var(--красный)}
.жёлтым{color:var(--жёлтый)}
.зелёным{color:var(--акцент-т)}
.к-кнопки{display:flex;gap:10px;flex-shrink:0}
.к-кнопка{background:var(--акцент);color:#052e16;border:none;border-radius:8px;padding:11px 22px;font-family:var(--шрифт);font-size:14.5px;font-weight:700;cursor:pointer;transition:all .16s;white-space:nowrap}
.к-кнопка:hover{background:var(--акцент-т);color:#fff}
.к-кнопка.пустая{background:#fff;border:1.5px solid var(--линия);color:var(--текст);font-weight:600}
.к-кнопка.пустая:hover{border-color:var(--серый-2);background:#fff;color:var(--текст)}

.к-сетка{display:grid;grid-template-columns:268px 1fr;gap:22px;align-items:start}

/* ─── БОКОВАЯ ─── */
.к-боковая{display:flex;flex-direction:column;gap:14px;position:sticky;top:88px}
.к-метрика{background:var(--карточка);border:1px solid var(--линия);border-radius:12px;padding:20px}
.к-метрика.выделена{border-color:var(--акцент);background:var(--акцент-ф)}
.к-метрика-шапка{font-size:13px;font-weight:600;color:var(--серый);margin-bottom:8px}
.к-число{font-size:36px;font-weight:800;letter-spacing:-.03em;font-family:var(--шрифт-загол);line-height:1;margin-bottom:14px;font-variant-numeric:tabular-nums}
.к-число.зелёное{color:var(--акцент-т);font-size:28px}
.к-метрика ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.к-метрика li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--серый)}
.к-метрика li i{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.к-метрика li i.кр{background:var(--красный)}
.к-метрика li i.жёл{background:var(--жёлтый)}
.к-метрика li i.зел{background:var(--акцент)}
.к-метрика li i.сер{background:#cbd3e0}

/* ─── КАРТОЧКИ ─── */
.к-основное{display:flex;flex-direction:column;gap:22px;min-width:0}
.к-карточка{background:var(--карточка);border:1px solid var(--линия);border-radius:12px;padding:26px}
.к-карточка-шапка{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}
.к-карточка h2{font-size:20px;font-weight:700;letter-spacing:-.016em;font-family:var(--шрифт-загол)}
.к-подпись{font-size:14px;color:var(--серый-2);margin-bottom:22px}
.к-ссылка{color:var(--акцент-т);font-size:14px;font-weight:600}
.к-ссылка:hover{text-decoration:underline}
.к-период{display:flex;gap:3px;background:var(--фон);border-radius:8px;padding:3px}
.к-период button{background:none;border:none;padding:6px 13px;border-radius:6px;font-family:var(--шрифт);font-size:13px;font-weight:600;color:var(--серый);cursor:pointer;transition:all .16s}
.к-период button.активен{background:#fff;color:var(--текст);box-shadow:0 1px 3px rgba(0,0,0,.08)}

/* ─── ГРАФИК ─── */
.к-график{position:relative;padding-left:0}
.к-строка{display:grid;grid-template-columns:215px 1fr 34px;align-items:center;gap:16px;padding:7px 0;transition:background .14s;border-radius:6px}
.к-строка:hover{background:var(--фон)}
.к-ярлык{font-size:14px;color:var(--серый);text-align:right}
.к-полоса{height:26px;background:linear-gradient(90deg,var(--линия) 1px,transparent 1px);background-size:12.5% 100%;position:relative;border-left:1px solid var(--линия)}
.к-полоса i{position:absolute;left:0;top:4px;bottom:4px;border-radius:0 4px 4px 0;display:block;transition:width .8s cubic-bezier(.16,1,.3,1)}
.к-полоса i.низкая{background:#93b4e8}
.к-полоса i.средняя{background:#f5c173}
.к-полоса i.высокая{background:#f08f8f}
.к-строка b{font-family:var(--моно);font-size:14.5px;font-weight:700;text-align:left}
.к-строка b.ноль{color:#c3cad6;font-weight:500}
.к-ось{display:grid;grid-template-columns:215px 1fr 34px;gap:16px;margin-top:6px}
.к-ось span{display:none}
.к-ось{position:relative;height:18px}
.к-ось::before{content:"0";position:absolute;left:231px;font-size:12px;color:var(--серый-2)}
.к-ось::after{content:"8";position:absolute;right:48px;font-size:12px;color:var(--серый-2)}
.к-легенда{display:flex;gap:22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--линия);flex-wrap:wrap}
.к-легенда span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--серый)}
.к-легенда i{width:11px;height:11px;border-radius:3px}
.к-легенда i.низкая{background:#93b4e8}
.к-легенда i.средняя{background:#f5c173}
.к-легенда i.высокая{background:#f08f8f}

/* ─── ТАБЛИЦА ─── */
.к-таблица{width:100%;border-collapse:collapse;margin-top:16px}
.к-таблица th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--серый-2);padding:0 14px 11px;border-bottom:1px solid var(--линия)}
.к-таблица td{padding:14px;border-bottom:1px solid var(--линия);font-size:14.5px;vertical-align:top}
.к-таблица tr:last-child td{border-bottom:none}
.к-таблица tbody tr{transition:background .14s}
.к-таблица tbody tr:hover{background:var(--фон)}
.к-таблица tbody tr.внимание{background:#fffbf5}
.к-таблица tbody tr.внимание:hover{background:#fff6ea}
.к-таблица td b{font-weight:600;display:block}
.к-мелко{display:block;font-size:12.5px;color:var(--серый-2);margin-top:3px}
.к-метка{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}
.к-метка.путь{background:#e8f1ff;color:#1d4ed8}
.к-метка.риск{background:#fef2e8;color:#b45309}
.к-метка.перегруз{background:#f1ecfe;color:#6d28d9}
.к-метка.выпуск{background:var(--акцент-ф);color:var(--акцент-т)}

/* ─── НИЖНИЙ РЯД ─── */
.к-ряд{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.к-карточка.малая{padding:22px}
.к-платёж{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:13px 0;border-bottom:1px solid var(--линия)}
.к-платёж:last-child{border-bottom:none;padding-bottom:0}
.к-платёж b{font-weight:600;font-size:14.5px;display:block}
.к-сумма{font-family:var(--моно);font-weight:700;font-size:15.5px;text-align:right;white-space:nowrap}
.к-сумма .к-мелко{font-family:var(--шрифт);font-weight:400;text-align:right}

.к-задача{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--линия)}
.к-задача:last-child{border-bottom:none;padding-bottom:0}
.к-задача i{width:17px;height:17px;border-radius:5px;border:1.8px solid var(--линия);flex-shrink:0;margin-top:2px}
.к-задача.срочная i{border-color:var(--красный);background:#fef2f2}
.к-задача.сделана i{background:var(--акцент);border-color:var(--акцент);position:relative}
.к-задача.сделана i::after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid #052e16;border-width:0 2px 2px 0;transform:rotate(45deg)}
.к-задача.сделана b{color:var(--серый-2);text-decoration:line-through}
.к-задача b{font-weight:600;font-size:14.5px;display:block}

/* ─── АДАПТИВ ─── */
@media(max-width:1200px){
  .к-поиск{width:220px}
  .к-сетка{grid-template-columns:1fr}
  .к-боковая{position:static;display:grid;grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .к-меню{display:none}
  .к-боковая{grid-template-columns:1fr 1fr}
  .к-ряд{grid-template-columns:1fr}
  .к-строка{grid-template-columns:140px 1fr 30px;gap:10px}
  .к-ярлык{font-size:12.5px}
  .к-ось::before{left:152px}
  .к-таблица{display:block;overflow-x:auto;white-space:nowrap}
  .к-верх h1{font-size:24px}
}
@media(max-width:600px){
  .к-поиск{display:none}
  .к-боковая{grid-template-columns:1fr}
  .к-кнопки{width:100%}
  .к-кнопка{flex:1}
}