:root{
  --accent:#c79a3b !important;
  --accent-2:#f0d28a !important;
  --accent-strong:#9d7021 !important;
  --accent-soft:rgba(199,154,59,.14) !important;
  --primary:#c79a3b !important;
  --primary-ring:rgba(199,154,59,.13) !important;
  --success:#1f8a57 !important;
  --success-hover:#197247 !important;
  --bg:#090a0c !important;
  --bg-secondary:#0e1014 !important;
  --bg-glow:rgba(199,154,59,.10) !important;
  --panel:#0d0f13 !important;
  --panel-2:#101217 !important;
  --card:#12151a !important;
  --text:#f7f4ec !important;
  --muted:#9b9da5 !important;
  --border:rgba(255,255,255,.09) !important;
  --surface-soft:rgba(255,255,255,.045) !important;
  --surface-soft-hover:rgba(255,255,255,.075) !important;
  --surface-soft-2:rgba(255,255,255,.055) !important;
  --table-head:#0b0d11 !important;
  --table-head-text:#e8d7ae !important;
  --table-cell-text:#e9e9e7 !important;
  --table-odd:rgba(255,255,255,.014) !important;
  --table-hover:rgba(199,154,59,.055) !important;
  --input-bg:#0d1015 !important;
  --input-placeholder:#6f737d !important;
  --shadow:0 18px 45px rgba(0,0,0,.24) !important;
  --radius:18px !important;
}

body[data-theme="light"]{
  --bg:#f1f2f4 !important;
  --bg-secondary:#f7f7f8 !important;
  --bg-glow:rgba(199,154,59,.08) !important;
  --panel:#ffffff !important;
  --panel-2:#ffffff !important;
  --card:#ffffff !important;
  --text:#17181b !important;
  --muted:#70737b !important;
  --border:#e2e3e6 !important;
  --surface-soft:#f5f5f6 !important;
  --surface-soft-hover:#ececee !important;
  --surface-soft-2:#f3f3f4 !important;
  --table-head:#111318 !important;
  --table-head-text:#f3e6c8 !important;
  --table-cell-text:#2a2c31 !important;
  --table-odd:#fafafa !important;
  --table-hover:#fbf7ee !important;
  --input-bg:#ffffff !important;
  --input-placeholder:#9a9ca2 !important;
  --shadow:0 14px 36px rgba(20,22,28,.07) !important;
}

html,body{
  min-height:100%;
}

body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  letter-spacing:-.01em;
  background:
    radial-gradient(900px 420px at 58% -120px,var(--bg-glow),transparent 70%),
    linear-gradient(180deg,var(--bg-secondary),var(--bg)) !important;
}

.sidebar{
  width:252px !important;
  padding:18px 14px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%),
    #0b0c0f !important;
  border-right:1px solid rgba(255,255,255,.07) !important;
  box-shadow:14px 0 34px rgba(0,0,0,.12) !important;
}
.sidebar::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
}
.sidebar-brand{
  min-height:78px;
  padding:8px 8px 18px !important;
  margin-bottom:16px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.sidebar-logo{
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  background:#050505 !important;
  border:1px solid rgba(199,154,59,.45) !important;
  box-shadow:0 10px 25px rgba(0,0,0,.34),0 0 0 3px rgba(199,154,59,.07) !important;
}
.sidebar-logo img{
  width:48px !important;
  height:48px !important;
  border-radius:50%;
}
.sidebar-title .name{
  color:#fff !important;
  font-size:15px !important;
  letter-spacing:.055em !important;
}
.sidebar-title .sub{
  color:#a88747 !important;
  font-size:10px !important;
  letter-spacing:.15em !important;
  text-transform:uppercase;
}
.nav-section{
  gap:6px !important;
}
.nav-item{
  min-height:46px;
  padding:11px 12px !important;
  border-radius:12px !important;
  color:#9da0a9 !important;
  font-size:13px !important;
  font-weight:650;
}
.nav-item i{
  width:22px;
  font-size:16px !important;
  color:#777b85;
  text-align:center;
}
.nav-item:hover{
  color:#fff !important;
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.06) !important;
  transform:translateX(2px);
}
.nav-item:hover i{color:var(--accent-2);}
.nav-item.active,
body[data-theme="light"] .nav-item.active,
body[data-theme="dark"] .nav-item.active,
body:not([data-theme="light"]) .nav-item.active{
  color:#f8e8c1 !important;
  background:linear-gradient(90deg,rgba(199,154,59,.20),rgba(199,154,59,.075)) !important;
  border-color:rgba(199,154,59,.24) !important;
  box-shadow:inset 3px 0 0 var(--accent) !important;
}
.nav-item.active i{color:var(--accent-2) !important;}

.topbar{
  left:252px !important;
  height:72px !important;
  padding:0 24px !important;
  background:color-mix(in srgb,var(--panel-2) 94%,transparent) !important;
  border-bottom:1px solid var(--border) !important;
  box-shadow:0 4px 18px rgba(0,0,0,.05) !important;
  backdrop-filter:blur(18px);
}
.topbar-title{
  color:var(--text) !important;
  font-size:15px !important;
  font-weight:800 !important;
}
.content{
  margin-left:252px !important;
  margin-top:72px !important;
  padding:26px !important;
  min-height:calc(100vh - 72px);
}
.user-area{gap:8px !important;}
.lang-switch{
  border-radius:12px !important;
  padding:3px !important;
  border-color:var(--border) !important;
  background:var(--surface-soft) !important;
}
.lang-pill{
  min-width:32px !important;
  height:30px !important;
  border-radius:9px !important;
  color:var(--muted) !important;
}
.lang-pill.active{
  color:#17120a !important;
  background:linear-gradient(135deg,var(--accent-2),var(--accent)) !important;
  box-shadow:0 5px 14px rgba(199,154,59,.22);
}
.theme-toggle,.btn-ghost,.user-pill{
  border-color:var(--border) !important;
  background:var(--surface-soft) !important;
  color:var(--text) !important;
}
.theme-toggle,.btn-ghost{
  width:38px !important;
  height:38px !important;
  border-radius:11px !important;
}
.user-pill{
  min-height:38px !important;
  border-radius:11px !important;
  padding:8px 12px !important;
  font-weight:700 !important;
}

.card-pro{
  background:var(--card) !important;
  border:1px solid var(--border) !important;
  border-radius:18px !important;
  box-shadow:var(--shadow) !important;
}
body[data-theme="light"] .card-pro{
  border-color:#e0e1e4 !important;
}

.form-label,label{
  color:var(--muted) !important;
  font-size:12px !important;
  font-weight:750 !important;
  margin-bottom:7px !important;
}
.form-control,.form-select{
  min-height:44px !important;
  border-radius:11px !important;
  border:1px solid var(--border) !important;
  background:var(--input-bg) !important;
  color:var(--text) !important;
  font-size:13px !important;
}
.form-control:hover,.form-select:hover{
  border-color:color-mix(in srgb,var(--accent) 45%,var(--border)) !important;
}
.form-control:focus,.form-select:focus{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px rgba(199,154,59,.13) !important;
}

.btn{
  min-height:42px;
  border-radius:11px !important;
  font-size:13px !important;
  font-weight:800 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  transition:.18s ease !important;
}
.btn:hover{transform:translateY(-1px);}
.btn-primary{
  color:#17120a !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,var(--accent-2),var(--accent)) !important;
  box-shadow:0 8px 20px rgba(199,154,59,.18) !important;
}
.btn-primary:hover{
  filter:brightness(1.03);
  box-shadow:0 11px 26px rgba(199,154,59,.24) !important;
}
.btn-outline-light{
  color:var(--text) !important;
  border:1px solid var(--border) !important;
  background:var(--surface-soft) !important;
}
.btn-outline-light:hover{
  color:var(--text) !important;
  background:var(--surface-soft-hover) !important;
}
.btn-success{
  background:#1f8a57 !important;
  border-color:#1f8a57 !important;
  color:#fff !important;
}
.btn-danger{
  background:#be4545 !important;
  border-color:#be4545 !important;
  color:#fff !important;
}
.btn:disabled,.btn.disabled{
  opacity:.48 !important;
  color:var(--muted) !important;
  background:var(--surface-soft) !important;
  border-color:var(--border) !important;
}

.table-responsive{
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
}
.table thead th{
  height:48px;
  padding:12px 14px !important;
  color:var(--table-head-text) !important;
  background:var(--table-head) !important;
  font-size:11px !important;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
.table tbody td{
  min-height:54px;
  padding:13px 14px !important;
  font-size:13px;
}
.table tbody tr{transition:.15s ease;}
.table tbody tr:hover td{
  background:var(--table-hover) !important;
}
.pill{
  border-radius:999px !important;
  padding:6px 10px !important;
  font-size:11px !important;
  letter-spacing:.02em;
}
.pill.ok{
  color:#3db77b !important;
  background:rgba(35,155,96,.10) !important;
}
.pill.bad{
  color:#e26d6d !important;
  background:rgba(190,69,69,.10) !important;
}
.btn-icon{
  width:36px !important;
  height:36px !important;
  border-radius:10px !important;
  border-color:var(--border) !important;
  background:var(--surface-soft) !important;
  color:var(--text) !important;
}

.dashboard-hero{
  position:relative;
  overflow:hidden;
  padding:26px 28px !important;
  background:
    radial-gradient(620px 220px at 88% 8%,rgba(199,154,59,.13),transparent 68%),
    var(--card) !important;
}
.dashboard-hero::after{
  content:"";
  position:absolute;
  right:28px;
  top:50%;
  width:130px;
  height:130px;
  transform:translateY(-50%);
  border:1px solid rgba(199,154,59,.15);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(199,154,59,.035),0 0 0 44px rgba(199,154,59,.02);
  pointer-events:none;
}
.dashboard-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
  color:var(--accent) !important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.dashboard-kicker::before{
  content:"";
  width:22px;
  height:2px;
  background:var(--accent);
}
.dashboard-hero h1{
  margin:0 0 6px;
  color:var(--text);
  font-size:28px;
  font-weight:850;
  letter-spacing:-.035em;
}
.dashboard-hero p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}
.filter-card{
  padding:18px !important;
}
.metric-card{
  position:relative;
  min-height:210px;
  padding:20px !important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.metric-card:hover{
  transform:translateY(-2px);
  border-color:rgba(199,154,59,.24) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.10) !important;
}
.metric-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.metric-title{
  color:var(--text);
  font-size:13px;
  font-weight:850;
}
.metric-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:var(--accent-2);
  background:rgba(199,154,59,.10);
  border:1px solid rgba(199,154,59,.16);
}
.metric-value{
  color:var(--text);
  font-size:44px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.055em;
}
.metric-note{
  min-height:38px;
  margin-top:10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.money-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 0;
  border-bottom:1px solid var(--border);
}
.money-row:last-child{border-bottom:0;}
.money-code{color:var(--muted);font-size:12px;font-weight:800;}
.money-value{color:var(--text);font-size:20px;font-weight:900;}
.quick-actions-card{padding:20px !important;}
.quick-actions-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.quick-action{
  min-height:70px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px;
  color:var(--text) !important;
  text-decoration:none;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface-soft);
  transition:.18s ease;
}
.quick-action:hover{
  transform:translateY(-2px);
  border-color:rgba(199,154,59,.28);
  background:var(--surface-soft-hover);
}
.quick-action i{
  width:38px;height:38px;display:grid;place-items:center;
  border-radius:11px;color:var(--accent-2);
  background:rgba(199,154,59,.10);
}
.quick-action strong{display:block;font-size:13px;}
.quick-action span{display:block;color:var(--muted);font-size:11px;margin-top:2px;}

.page-heading{
  position:relative;
  padding:23px 25px !important;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(199,154,59,.075),transparent 36%),
    var(--card) !important;
}
.page-heading::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--accent-2),var(--accent-strong));
}
.page-heading h1,.page-heading h2{
  margin:0 0 5px !important;
  color:var(--text) !important;
  font-size:25px !important;
  font-weight:900 !important;
  letter-spacing:-.035em;
}
.page-heading .text-secondary{
  color:var(--muted) !important;
  font-size:13px;
}
.table-card{padding:14px !important;}

.fab-btn{
  width:56px !important;
  height:56px !important;
  color:#17120a !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(135deg,var(--accent-2),var(--accent)) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.25),0 6px 18px rgba(199,154,59,.23) !important;
}
.fab-menu{
  background:color-mix(in srgb,var(--panel) 96%,transparent) !important;
  border-color:var(--border) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.30) !important;
}
.fab-item{color:var(--text) !important;}
.fab-item:hover{background:rgba(199,154,59,.09) !important;}
.fab-label{color:var(--accent) !important;}

#orderCreateModal .modal-dialog{
  max-width:min(1280px,94vw) !important;
}
#orderCreateModal .modal-content{
  overflow:hidden;
  background:var(--panel) !important;
  border:1px solid rgba(199,154,59,.20) !important;
  border-radius:20px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.44) !important;
}
#orderCreateModal .modal-header{
  min-height:62px;
  padding:15px 20px !important;
  color:var(--text);
  background:
    linear-gradient(90deg,rgba(199,154,59,.10),transparent 34%),
    #0d0f13 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
#orderCreateModal .modal-title{
  font-size:15px;
  font-weight:850;
  letter-spacing:.01em;
}
#orderCreateModal .modal-body{
  background:var(--bg) !important;
}
#orderCreateModal .btn-close{filter:invert(1) grayscale(1);}
.modal-backdrop.show{
  opacity:.72 !important;
  backdrop-filter:blur(5px);
}

@media(max-width:992px){
  .sidebar{width:84px !important;}
  .topbar{left:84px !important;}
  .content{margin-left:84px !important;padding:18px !important;}
  .dashboard-hero::after{display:none;}
  .quick-actions-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .topbar{padding:0 12px !important;}
  .content{padding:14px !important;}
  .dashboard-hero{padding:21px !important;}
  .dashboard-hero h1{font-size:23px;}
  .metric-card{min-height:unset;}
  .lang-switch{display:none !important;}
}

/* Shared page polish */
.text-secondary,.text-muted{
  color:var(--muted) !important;
}
.page-h1,.page-title,.ov-title{
  color:var(--text) !important;
  font-size:30px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}
.page-heading .page-h1,
.page-heading .page-title{
  margin:0 0 6px !important;
}
.page-heading .page-sub{
  margin:0 !important;
}
.page-sub,.ov-sub{
  color:var(--muted) !important;
  font-size:13px !important;
}
.card-b{
  padding:18px !important;
}
.card-h,.staff-card-head{
  min-height:52px;
  padding:15px 18px !important;
  color:var(--text) !important;
  background:
    linear-gradient(90deg,rgba(199,154,59,.075),transparent 40%),
    var(--surface-soft) !important;
  border-bottom:1px solid var(--border) !important;
}
.staff-card,.cp-card{
  overflow:hidden;
  color:var(--text) !important;
  background:var(--card) !important;
  border:1px solid var(--border) !important;
  border-radius:18px !important;
  box-shadow:var(--shadow) !important;
}
.staff-card-body,.cp-card-bd{
  padding:20px !important;
}
.page-wrap{
  padding:0 0 24px !important;
}
.inp,.sel,.cp-input,.colf{
  min-height:44px !important;
  padding:10px 13px !important;
  color:var(--text) !important;
  background:var(--input-bg) !important;
  border:1px solid var(--border) !important;
  border-radius:11px !important;
  outline:none !important;
}
.inp:focus,.sel:focus,.cp-input:focus,.colf:focus{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px rgba(199,154,59,.13) !important;
}
.lbl,.cp-field label,.muted,.cp-help{
  color:var(--muted) !important;
}
.badge-mini,.badge-pro,.cp-chip{
  color:var(--accent-2) !important;
  background:rgba(199,154,59,.10) !important;
  border-color:rgba(199,154,59,.20) !important;
}
.tab.active{
  color:var(--accent-2) !important;
  background:rgba(199,154,59,.12) !important;
  border-color:rgba(199,154,59,.22) !important;
}
.btn-blue,.cp-btn-primary,.print-btn{
  color:#17120a !important;
  background:linear-gradient(135deg,var(--accent-2),var(--accent)) !important;
  border-color:transparent !important;
}
.btn-green{
  color:#fff !important;
  background:#1f8a57 !important;
}
.btn-red{
  color:#fff !important;
  background:#be4545 !important;
}
.btn-pro,.cp-btn{
  min-height:42px !important;
  padding:10px 14px !important;
  border-radius:11px !important;
}
.btn-outline-pro,.cp-btn-ghost{
  color:var(--text) !important;
  background:var(--surface-soft) !important;
  border:1px solid var(--border) !important;
}
.iconbtn,.icon-btn{
  width:36px !important;
  height:36px !important;
  display:inline-grid !important;
  place-items:center;
  color:var(--text) !important;
  background:var(--surface-soft) !important;
  border:1px solid var(--border) !important;
  border-radius:10px !important;
}
.tablewrap,.table-wrap,.reservation-table-wrap{
  overflow:auto;
  border:1px solid var(--border) !important;
  border-radius:14px !important;
  background:var(--card) !important;
}
.tablewrap table,.table-wrap table,.reservation-table-wrap table{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
.tablewrap thead th,.table-wrap thead th,.reservation-table-wrap thead th{
  padding:12px 13px !important;
  color:var(--table-head-text) !important;
  background:var(--table-head) !important;
  border-color:rgba(255,255,255,.07) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.045em;
}
.tablewrap tbody td,.table-wrap tbody td,.reservation-table-wrap tbody td{
  color:var(--table-cell-text) !important;
  background:transparent !important;
  border-color:var(--border) !important;
}
.tablewrap tbody tr:hover td,
.table-wrap tbody tr:hover td,
.reservation-table-wrap tbody tr:hover td{
  background:var(--table-hover) !important;
}
.reports-top{
  padding:22px 24px !important;
}
.reports-top .reports-filters{
  position:relative;
  z-index:2;
}
.chart-wrap{
  height:285px !important;
}

/* Order creation surface */
.order-create-page .wrap{
  max-width:1240px !important;
  margin:14px auto !important;
  padding:0 14px !important;
}
.order-create-page .wrap > .card-pro{
  border-color:rgba(199,154,59,.16) !important;
}
.order-create-page .head{
  padding:20px 22px 17px !important;
  background:
    linear-gradient(90deg,rgba(199,154,59,.10),transparent 42%),
    var(--card) !important;
  border-bottom-color:var(--border) !important;
}
.order-create-page .head h1{
  color:var(--text) !important;
  font-size:22px !important;
}
.order-create-page .head h1::before{
  content:"";
  display:inline-block;
  width:3px;
  height:19px;
  margin-right:10px;
  border-radius:999px;
  vertical-align:-3px;
  background:var(--accent);
}
.order-create-page .form-body{
  padding:20px 22px 22px !important;
}
.order-create-page .drop{
  min-height:150px !important;
  background:var(--surface-soft) !important;
  border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border)) !important;
  border-radius:14px !important;
}
.order-create-page .drop:hover,.order-create-page .drop.drag{
  border-color:var(--accent) !important;
  background:rgba(199,154,59,.075) !important;
}
.order-create-page .drop .icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  color:var(--accent-2) !important;
  background:rgba(199,154,59,.10);
  border:1px solid rgba(199,154,59,.18);
  border-radius:12px;
  font-size:19px !important;
}
.order-create-page .section-title{
  color:var(--text) !important;
  font-size:14px !important;
}

/* Login and verification */
.auth-bg{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 16px;
  position:relative;
  overflow:hidden;
}
.auth-bg::before{
  filter:blur(2px) brightness(.30) saturate(.72) !important;
}
.auth-bg::after{
  background:
    radial-gradient(720px 400px at 50% 16%,rgba(199,154,59,.20),transparent 65%),
    linear-gradient(180deg,rgba(5,6,8,.48),rgba(5,6,8,.94)) !important;
}
.auth-card{
  width:min(470px,100%) !important;
  padding:28px !important;
  background:rgba(11,12,15,.88) !important;
  border:1px solid rgba(199,154,59,.22) !important;
  border-radius:22px !important;
  box-shadow:0 28px 90px rgba(0,0,0,.55) !important;
  backdrop-filter:blur(18px) !important;
}
.auth-card-compact{width:min(410px,100%) !important;}
.auth-card .brand{
  margin-bottom:22px !important;
}
.auth-card .brand h1,.auth-card .brand h4{
  color:#f7f4ec !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
}
.auth-card .brand p{
  color:#9b9da5 !important;
}
.auth-card .logo{
  width:82px !important;
  height:82px !important;
  border-radius:50% !important;
  background:#050505 !important;
  border:1px solid rgba(199,154,59,.42) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.40),0 0 0 4px rgba(199,154,59,.07) !important;
}
.auth-card .logo img{
  width:76px !important;
  height:76px !important;
  border-radius:50%;
}
.auth-card .field label,.auth-card .form-label{
  color:#b8b5ad !important;
}
.auth-card .input,.auth-card .otp-input,.auth-card .form-control{
  min-height:48px !important;
  color:#f7f4ec !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:12px !important;
}
.auth-card .input:focus,.auth-card .otp-input:focus,.auth-card .form-control:focus{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px rgba(199,154,59,.13) !important;
}
.auth-card .helper a,.auth-card a.text-secondary{
  color:#b8b5ad !important;
}
.auth-card .footer{
  color:#74767d !important;
}
.auth-langs{
  display:flex;
  justify-content:flex-end;
  gap:6px;
  margin-bottom:18px;
}
.auth-langs a{
  min-width:36px;
  height:32px;
  display:grid;
  place-items:center;
  color:#9b9da5;
  text-decoration:none;
  font-size:11px;
  font-weight:850;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:rgba(255,255,255,.035);
}
.auth-langs a.active{
  color:#17120a;
  background:linear-gradient(135deg,var(--accent-2),var(--accent));
  border-color:transparent;
}

@media(max-width:768px){
  .page-h1,.page-title,.ov-title{font-size:24px !important;}
  .page-heading{padding:20px !important;}
  .reports-top{align-items:stretch !important;}
  .reports-filters{width:100%;justify-content:flex-start !important;}
  .reports-filters .form-control{min-width:0 !important;flex:1 1 145px;}
  .photo-grid{grid-template-columns:1fr 1fr !important;}
  .auth-card{padding:22px !important;}
}