@font-face{font-family:Onest;src:url('/fonts/onest-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url('/fonts/onest-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}

:root {
  color-scheme: dark;
  --blue: #5e9eff;
  --blue-pressed: #79adff;
  --bg: #080b11;
  --surface: rgba(21, 26, 36, .82);
  --surface-solid: #151a24;
  --surface-raised: #1b2230;
  --text: #f4f7fb;
  --secondary: #939daf;
  --separator: rgba(183, 197, 221, .13);
  --green: #48d781;
  --orange: #ffad42;
  --red: #ff6b66;
  --shadow: 0 20px 55px rgba(0, 0, 0, .30);
}

html, body { background:#080b11 }
body {
  color:var(--text);
  font-family:Onest,"YS Text","Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  font-weight:450;
  letter-spacing:-.01em;
  background:
    radial-gradient(900px 520px at 78% -12%,rgba(50,112,219,.13),transparent 68%),
    radial-gradient(620px 420px at 12% 105%,rgba(48,71,118,.09),transparent 70%),
    var(--bg);
}

.login {
  background:
    radial-gradient(650px 450px at 50% -8%,rgba(63,130,246,.22),transparent 70%),
    linear-gradient(180deg,#0d111a,#080b11 68%);
}
.login-card {
  border-color:rgba(255,255,255,.1);
  background:rgba(19,25,36,.82);
  box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.045);
}
.login h1,.top h1,.modal h2,.brand b,.stat strong { font-weight:720 }
.login-kicker,.eyebrow { color:#78aaff;letter-spacing:.045em }

.side {
  border-color:var(--separator);
  background:rgba(12,16,23,.84);
  box-shadow:inset -1px 0 rgba(255,255,255,.015);
}
.brand>span,.boot-logo {
  background:transparent;
  box-shadow:none;
}
.brand-logo,.boot-logo img { display:block;width:100%;height:100% }
.brand-logo { filter:drop-shadow(0 6px 12px rgba(41,112,232,.3)) }
.boot-logo img { filter:drop-shadow(0 12px 26px rgba(41,112,232,.34)) }
.nav { color:#a9b2c2;font-weight:590 }
.nav:hover { background:rgba(255,255,255,.055);color:#eef4ff }
.nav.active {
  color:#fff;
  background:linear-gradient(135deg,#367fef,#2868d5);
  box-shadow:0 9px 24px rgba(38,104,213,.25),inset 0 1px rgba(255,255,255,.18);
}

.user>i { background:linear-gradient(135deg,#233b61,#172c4e);color:#87b8ff;box-shadow:inset 0 0 0 1px rgba(110,168,255,.18) }
.connection{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--separator);border-radius:999px;color:var(--secondary);font-size:11px;font-weight:650}.connection::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.connection.online{color:#63dd91;background:rgba(72,215,129,.07)}.connection.offline{color:#ffb354;background:rgba(255,173,66,.08)}
.btn { background:linear-gradient(180deg,#5999fa,#3479e8);box-shadow:0 7px 18px rgba(38,104,213,.22),inset 0 1px rgba(255,255,255,.19) }
.btn:hover { background:linear-gradient(180deg,#6ba7ff,#4184ed) }
.btn.secondary { border-color:var(--separator);background:rgba(255,255,255,.045);color:#8ebcff;box-shadow:inset 0 1px rgba(255,255,255,.025) }
.btn.secondary:hover { background:rgba(255,255,255,.085);color:#b5d3ff }
.btn.danger { border:1px solid rgba(255,107,102,.16);background:rgba(255,82,77,.11);color:#ff8581;box-shadow:none }

.stat,.panel {
  border-color:rgba(255,255,255,.075);
  background:linear-gradient(145deg,rgba(25,31,43,.88),rgba(17,22,31,.84));
  box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);
}
.stat strong { color:#f8faff }
.stat:hover { box-shadow:0 24px 60px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05) }
.price-summary>div,.summary-card {
  border-color:var(--separator);
  background:rgba(255,255,255,.03);
}
.summary-card.warning { border-color:rgba(255,173,66,.3);background:rgba(255,153,0,.07) }

th { background:rgba(255,255,255,.025);color:#7f899b }
th,td { border-color:var(--separator) }
tr.click:hover { background:rgba(93,157,255,.055) }
.photo { background:#202735 }
.badge { background:rgba(148,158,176,.13);color:#bdc5d2 }
.badge.sold { background:rgba(72,215,129,.13);color:#70e49a }
.badge.reserved { background:rgba(255,173,66,.13);color:#ffc16d }
.badge.archived { background:rgba(147,157,175,.10);color:#929caf }

label { color:#a4adbd }
input,select,textarea {
  border-color:rgba(183,197,221,.15);
  background:#0f141d;
  color:var(--text);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.24);
}
input::placeholder,textarea::placeholder { color:#606a7b }
input:focus,select:focus,textarea:focus { border-color:#5e9eff;box-shadow:0 0 0 3px rgba(55,126,239,.18),inset 0 1px 2px rgba(0,0,0,.2) }
select { color-scheme:dark }

.modal-bg { background:rgba(1,3,7,.72) }
.modal {
  border-color:rgba(255,255,255,.1);
  background:linear-gradient(160deg,#1a202c,#111620 72%);
  box-shadow:0 38px 110px rgba(0,0,0,.64),inset 0 1px rgba(255,255,255,.045);
}
.modal-close { border-color:var(--separator);background:rgba(255,255,255,.055) }
.modal-close::before,.modal-close::after { background:#aab4c4 }
.modal-close:hover { background:rgba(255,255,255,.11) }
.tabs { border-color:var(--separator) }
.tab { color:#8791a3 }
.tab.active { color:#77abff;border-color:#5e9eff }

.file-picker { border-color:rgba(94,158,255,.35);background:rgba(53,120,231,.055) }
.icon-btn { background:rgba(255,82,77,.12);color:#ff7a75 }
.check-label { border-color:var(--separator);background:#0f141d;color:var(--text) }
.file-full-preview,.file-pdf-preview { background:#0b0f16 }
.sales-chart { border-color:var(--separator);background:rgba(5,8,13,.33) }
.sales-chart text { fill:#7f899a }
.sales-chart line { stroke:#30394a }
.sales-chart rect { filter:drop-shadow(0 5px 8px rgba(28,103,222,.18)) }
.network-loader { border-color:var(--separator);background:rgba(21,27,38,.92);box-shadow:0 14px 40px rgba(0,0,0,.36) }
.notice { border:1px solid rgba(255,255,255,.08);background:#1c2431;box-shadow:0 18px 46px rgba(0,0,0,.48) }
.notice.error { background:#6d2929 }

::-webkit-scrollbar { width:11px;height:11px }
::-webkit-scrollbar-track { background:transparent }
::-webkit-scrollbar-thumb { border:3px solid transparent;border-radius:999px;background:#30394a;background-clip:padding-box }
::-webkit-scrollbar-thumb:hover { background:#465166;background-clip:padding-box }
::selection { background:rgba(75,142,247,.35);color:#fff }
.mobile-notifications { display:none }

@media(max-width:720px) {
  .side { background:rgba(11,15,22,.94);box-shadow:0 8px 24px rgba(0,0,0,.28) }
  .mobile-notifications { display:block }
  .main { padding-top:24px }
  .modal { border-color:rgba(255,255,255,.08) }
  .mobile-add { box-shadow:0 12px 30px rgba(37,105,218,.42) }
}