/* RaccoonCloud Value redesign v3 - clientarea
   Unified with web/raccooncloud-value tokens: white-first, ink/muted/line, blue-cyan-green accent,
   fine-line glass panels, restrained glow, dense scan-friendly enterprise UI. */
:root{
  --rc-bg:#f6f8fb;
  --rc-surface:rgba(255,255,255,.74);
  --rc-surface-strong:rgba(255,255,255,.92);
  --rc-surface-soft:rgba(255,255,255,.58);
  --rc-ink:#111827;
  --rc-ink-2:#1f2937;
  --rc-muted:#667085;
  --rc-faint:#98a2b3;
  --rc-line:rgba(17,24,39,.105);
  --rc-line-strong:rgba(17,24,39,.16);
  --rc-blue:#2364ff;
  --rc-cyan:#1aa7c8;
  --rc-green:#16a06d;
  --rc-green-dark:#08784f;
  --rc-amber:#f2b850;
  --rc-danger:#ef6b5d;
  --rc-shadow:0 28px 90px rgba(15,23,42,.10);
  --rc-shadow-soft:0 14px 44px rgba(15,23,42,.07);
  --rc-blur:blur(22px) saturate(1.55);
  --rc-radius-xl:27px;
  --rc-radius-lg:22px;
  --rc-radius-md:15px;
  --bs-global:var(--rc-blue) !important;
  --bs-primary:var(--rc-blue) !important;
  --bs-success:var(--rc-green) !important;
  --bs-info:var(--rc-cyan) !important;
  --bs-btn-hover-bg:#174fe0 !important;
}
html{background:var(--rc-bg) !important;}
body{
  font-family:"Inter var",Inter,"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif !important;
  color:var(--rc-ink) !important;
  background:
    radial-gradient(circle at 11% 10%, rgba(35,100,255,.13), transparent 28rem),
    radial-gradient(circle at 82% 6%, rgba(26,167,200,.14), transparent 24rem),
    radial-gradient(circle at 78% 88%, rgba(117,87,246,.10), transparent 30rem),
    linear-gradient(180deg,#fff 0%,var(--rc-bg) 42%,#eef2f7 100%) !important;
  letter-spacing:-.012em;
}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(90deg,rgba(17,24,39,.045) 1px,transparent 1px),linear-gradient(rgba(17,24,39,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 80%,transparent);}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(rgba(17,24,39,.055) .55px,transparent .65px);background-size:4px 4px;opacity:.18;mix-blend-mode:multiply;}
*{scrollbar-color:rgba(35,100,255,.34) rgba(17,24,39,.055);}
#layout-wrapper,.main-content,.page-content,.account-pages,.authentication-bg,.bg-pattern{background:transparent !important;}
.page-content{padding-top:106px !important;}
#page-topbar{top:14px !important;left:18px !important;right:18px !important;width:auto !important;height:78px !important;border:1px solid rgba(255,255,255,.72) !important;border-radius:27px !important;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.58)) !important;backdrop-filter:blur(26px) saturate(1.72);-webkit-backdrop-filter:blur(26px) saturate(1.72);box-shadow:0 22px 70px rgba(15,23,42,.11),inset 0 1px 0 rgba(255,255,255,.88) !important;overflow:hidden;}
#page-topbar::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(35,100,255,.16),transparent 28%,transparent 70%,rgba(26,167,200,.14));opacity:.72;}
#page-topbar::after{content:"";position:absolute;left:24px;right:24px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(35,100,255,.28),rgba(26,167,200,.22),transparent);opacity:.75;}
.navbar-header{height:78px !important;padding:0 18px 0 22px !important;background:transparent !important;border:0 !important;position:relative;z-index:1;}
.navbar-brand-box{background:transparent !important;border:0 !important;}
.logo-lg img{filter:drop-shadow(0 18px 38px rgba(35,100,255,.16));}
.header-item,.noti-icon{border-radius:15px !important;transition:.18s ease !important;}
.header-item:hover,.noti-icon:hover{background:rgba(255,255,255,.78) !important;box-shadow:0 6px 18px rgba(15,23,42,.06);transform:translateY(-1px);}
.vertical-menu{top:108px !important;left:18px !important;bottom:18px !important;border:1px solid var(--rc-line) !important;border-radius:26px !important;background:rgba(255,255,255,.58) !important;backdrop-filter:var(--rc-blur);-webkit-backdrop-filter:var(--rc-blur);box-shadow:var(--rc-shadow-soft) !important;overflow:hidden;}
.vertical-menu::before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(35,100,255,.24),rgba(26,167,200,.18),transparent);}
#sidebar-menu{padding:12px 0 !important;}
#sidebar-menu ul li a,.metismenu li a{height:38px;margin:4px 12px !important;padding:0 13px !important;border:1px solid transparent;border-radius:15px !important;color:var(--rc-muted) !important;font-size:13px;font-weight:720;transition:.18s ease !important;}
#sidebar-menu ul li a:hover,.metismenu li a:hover,#sidebar-menu ul li.mm-active>a{border-color:var(--rc-line);background:rgba(255,255,255,.78) !important;color:var(--rc-ink) !important;box-shadow:0 6px 18px rgba(15,23,42,.06);transform:translateX(2px);}
#sidebar-menu ul li a i{color:inherit !important;opacity:.82;}
.menu-title{color:var(--rc-faint) !important;font-size:11px !important;font-weight:850 !important;letter-spacing:.10em;text-transform:uppercase;}
.card,.modal-content,.dropdown-menu,.popover,.list-group,.invoice-title,.table-responsive{border:1px solid var(--rc-line) !important;border-radius:var(--rc-radius-xl) !important;background:var(--rc-surface) !important;backdrop-filter:var(--rc-blur);-webkit-backdrop-filter:var(--rc-blur);box-shadow:var(--rc-shadow) !important;overflow:hidden;}
.card{position:relative;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.card::before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(35,100,255,.24),rgba(26,167,200,.20),rgba(22,160,109,.20),transparent);opacity:.82;}
.card:hover{transform:translateY(-3px);border-color:rgba(35,100,255,.23) !important;box-shadow:0 28px 80px rgba(35,100,255,.10),var(--rc-shadow) !important;}
.card-body{background:transparent !important;}
.card-header,.modal-header,.modal-footer{background:rgba(255,255,255,.52) !important;border-color:var(--rc-line) !important;}
h1,h2,h3,h4,h5,h6,.page-title-box h4,.card-title{color:var(--rc-ink) !important;font-weight:820 !important;letter-spacing:-.045em;line-height:1.08;}
.page-title-box h4::after,.card-title::after{content:"";display:block;width:36px;height:2px;margin-top:9px;border-radius:99px;background:linear-gradient(90deg,var(--rc-blue),var(--rc-cyan),var(--rc-green));}
.text-muted,small,.small,.breadcrumb-item,.card-subtitle,.help-block{color:var(--rc-muted) !important;}
a,.text-primary{color:#1456e8 !important;}a:hover{color:var(--rc-cyan) !important;}
.form-control,.custom-select,.input-group-text,.bootstrap-select .dropdown-toggle,select,textarea,input[type="text"],input[type="password"],input[type="email"],input[type="number"]{min-height:42px;border:1px solid var(--rc-line) !important;border-radius:15px !important;background:rgba(255,255,255,.86) !important;color:var(--rc-ink) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease !important;}
.form-control:focus,.custom-select:focus,textarea:focus,input:focus{border-color:rgba(35,100,255,.44) !important;box-shadow:0 0 0 4px rgba(35,100,255,.12),0 0 0 1px rgba(26,167,200,.10) !important;background:#fff !important;}
.input-group-text{color:var(--rc-muted) !important;}
.btn{border-radius:15px !important;font-weight:800 !important;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease !important;}
.btn:hover{transform:translateY(-2px);}
.btn-primary,.btn-success,.btn-info,.button-primary,.page-item.active .page-link,.swal2-confirm{border:0 !important;background:linear-gradient(135deg,#111827,#2364ff 58%,#1aa7c8) !important;color:#fff !important;box-shadow:0 18px 44px rgba(35,100,255,.22) !important;}
.btn-primary:hover,.btn-success:hover,.btn-info:hover{box-shadow:0 22px 54px rgba(35,100,255,.28) !important;}
.btn-secondary,.btn-light,.btn-outline-primary,.btn-outline-secondary{border:1px solid var(--rc-line) !important;background:rgba(255,255,255,.84) !important;color:var(--rc-ink-2) !important;box-shadow:0 10px 26px rgba(15,23,42,.06) !important;}
.btn-danger{background:linear-gradient(135deg,#ff7b68,#e95d52) !important;border-color:rgba(239,107,93,.5) !important;color:white !important;}
.table{color:var(--rc-ink-2) !important;border-collapse:separate !important;border-spacing:0 8px !important;}
.table thead th{border:0 !important;color:var(--rc-muted) !important;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;background:transparent !important;}
.table tbody tr{background:rgba(255,255,255,.58) !important;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:.18s ease;}
.table tbody tr:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(35,100,255,.08);}
.table tbody td{border-top:1px solid var(--rc-line) !important;border-bottom:1px solid var(--rc-line) !important;background:transparent !important;vertical-align:middle;}
.table tbody td:first-child{border-left:1px solid var(--rc-line) !important;border-radius:16px 0 0 16px;}.table tbody td:last-child{border-right:1px solid var(--rc-line) !important;border-radius:0 16px 16px 0;}
.badge,[class*="status-"]{border-radius:999px !important;font-weight:850 !important;letter-spacing:-.01em;border:1px solid transparent;}
.badge-success,.status-active,.status-issue_active{background:rgba(22,160,109,.09) !important;color:var(--rc-green-dark) !important;border-color:rgba(22,160,109,.22) !important;}
.badge-warning,.status-verifiy_active{background:rgba(242,184,80,.16) !important;color:#946314 !important;border-color:rgba(242,184,80,.30) !important;}
.badge-danger,.status-overdue_active{background:rgba(239,107,93,.13) !important;color:#b14439 !important;border-color:rgba(239,107,93,.28) !important;}
.alert{border-radius:22px !important;border:1px solid var(--rc-line) !important;background:rgba(255,255,255,.72) !important;box-shadow:var(--rc-shadow-soft);}
.dropdown-item:hover{background:rgba(35,100,255,.08) !important;color:var(--rc-ink) !important;}
.pagination .page-link{border-radius:15px !important;margin:0 3px;border-color:var(--rc-line) !important;color:#1456e8 !important;background:rgba(255,255,255,.76) !important;}
.simplebar-scrollbar:before{background:rgba(35,100,255,.42) !important;}
.account-pages .card,.authentication-bg .card{max-width:470px;margin:auto;border-radius:30px !important;background:rgba(255,255,255,.78) !important;}
.account-pages .card::after,.authentication-bg .card::after{content:"RaccoonCloud · Value Console";display:block;margin:0 28px 26px;padding:12px 16px;border-radius:999px;border:1px solid rgba(35,100,255,.18);background:rgba(35,100,255,.06);color:#1456e8;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-align:center;}
@keyframes rcFlow{0%{transform:translateX(-35%)}100%{transform:translateX(35%)}}
.card .progress-bar,.progress-bar{background:linear-gradient(90deg,var(--rc-blue),var(--rc-cyan),var(--rc-green)) !important;box-shadow:0 0 22px rgba(35,100,255,.28);}
@media (max-width: 992px){#page-topbar{left:10px !important;right:10px !important;top:8px !important;height:auto !important;min-height:64px !important;border-radius:22px !important}.navbar-header{height:auto !important;min-height:64px !important}.page-content{padding-top:90px !important}.vertical-menu{border-radius:0 24px 24px 0 !important;left:0 !important;top:0 !important;bottom:0 !important}.card{border-radius:22px !important}}