@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

/* =====================================================================
   testera.az — ADMIN PREMIUM (2026)
   Nifty/Bootstrap3 şablonunun üzərinə tam yeni görünüş.
   Saytla eyni brend dili: dərin indigo + qızılı · Sora / Manrope
   ===================================================================== */
:root{
  --a-ink:#0e1030; --a-ink2:#4a4f73; --a-ink3:#8b90b3;
  --a-line:#e7e9f4; --a-line2:#dfe2f0;
  --a-bg:#f4f5fb; --a-surface:#ffffff; --a-soft:#f7f8fd;
  --a-indigo:#4338ca; --a-indigo2:#5b52e6; --a-royal:#6366f1;
  --a-night:#0d1033; --a-night2:#171b4d;
  --a-gold:#f5b716; --a-gold2:#ffcc47;
  --a-green:#16a34a; --a-red:#e0483b;
  --a-grad:linear-gradient(120deg,#4f46e5 0%,#4338ca 55%,#3730a3 100%);
  --a-grad-gold:linear-gradient(120deg,#ffcc47 0%,#f5b716 100%);
  --a-side:linear-gradient(185deg,#171b4d 0%,#0f1238 55%,#0b0e2b 100%);
  --a-r:16px; --a-r-sm:11px;
  --a-sh-sm:0 1px 2px rgba(14,16,48,.04),0 6px 18px rgba(14,16,48,.05);
  --a-sh:0 10px 30px -8px rgba(14,16,48,.16);
}

/* ---------- Base ---------- */
body,body *:not(i):not([class*="fa"]):not([class*="demo-pli"]):not([class*="pci-"]):not([class*="ic-"]){
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif !important;
}
body{background:var(--a-bg)!important;color:var(--a-ink)!important;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;}
h1,h2,h3,h4,h5,.panel-title{font-family:'Sora','Manrope',sans-serif!important;letter-spacing:-.025em;color:var(--a-ink);}
a{transition:color .16s ease;}
#content-container{background:var(--a-bg)!important;}

/* ---------- TOP NAVBAR ---------- */
#navbar,#navbar-container{background:rgba(255,255,255,.9)!important;backdrop-filter:saturate(180%) blur(12px);
  -webkit-backdrop-filter:saturate(180%) blur(12px);border:0!important;
  box-shadow:0 1px 0 rgba(14,16,48,.06),0 8px 24px -14px rgba(14,16,48,.2)!important;}
#navbar .navbar-header{background:transparent!important;}
/* brend sahəsi sidebar-ın davamıdır -> tünd fon, açıq mətn */
#navbar .navbar-header{background:var(--a-night2)!important;}
.navbar-brand,.navbar-brand:hover,.navbar-brand:focus{background:transparent!important;}
.navbar-brand .brand-text{
  font-family:'Sora',sans-serif!important;font-weight:800!important;font-size:19px!important;
  color:#fff!important;letter-spacing:-.04em;
}
.navbar-brand .brand-text::after{content:"";}
/* ".az" hissəsini qızılı göstərmək üçün brend mətnini iki rəngə bölə bilmirik (tək span),
   ona görə bütöv ağ + incə qızılı alt xətt */
.navbar-brand .brand-title{position:relative;}
.navbar-brand .brand-title::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-6px;
  width:26px;height:2.5px;border-radius:3px;background:var(--a-grad-gold);}
#navbar .navbar-top-links>li>a{color:var(--a-ink2)!important;border:0!important;transition:background .16s ease,color .16s ease;}
#navbar .navbar-top-links>li>a:hover{background:var(--a-soft)!important;color:var(--a-indigo)!important;}
.mainnav-toggle{border-radius:11px!important;}
#dropdown-user .username{font-weight:700;color:var(--a-ink)!important;font-size:14px;}
#dropdown-user .ic-user{background:var(--a-grad);color:#fff!important;border-radius:11px;width:34px;height:34px;
  line-height:34px;text-align:center;margin-left:10px;box-shadow:0 8px 18px -8px rgba(67,56,202,.6);}
#navbar .dropdown-menu{border:1px solid var(--a-line)!important;border-radius:14px!important;
  box-shadow:var(--a-sh)!important;padding:8px!important;margin-top:8px!important;}
#navbar .dropdown-menu .head-list>li>a{border-radius:10px!important;font-weight:600;color:var(--a-ink2)!important;padding:10px 12px!important;}
#navbar .dropdown-menu .head-list>li>a:hover{background:var(--a-soft)!important;color:var(--a-indigo)!important;}

/* ---------- SIDEBAR ---------- */
#mainnav-container,#mainnav,#mainnav-menu-wrap,.nano,.nano-content{background:transparent!important;}
#mainnav-container{background:var(--a-side)!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.05);}
#mainnav-container::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px 260px at 50% -10%,rgba(99,102,241,.3),transparent 65%);}
/* profil */
#mainnav-profile{border-bottom:1px solid rgba(255,255,255,.07);position:relative;}
#mainnav-profile .img-circle{border:2px solid rgba(255,255,255,.18);box-shadow:0 10px 24px -10px rgba(0,0,0,.7);}
#mainnav-profile .mnp-name{color:#fff!important;font-weight:700!important;font-size:14.5px;letter-spacing:-.01em;margin-top:10px;}
#mainnav-profile .mnp-desc,#mainnav-profile small{color:#9ea3d6!important;}
/* menyu */
#mainnav-menu{padding:12px 10px!important;background:transparent!important;border:0!important;}
#mainnav-menu>li{border:0!important;background:transparent!important;margin-bottom:3px;}
#mainnav-menu>li>a{
  color:#aeb3e0!important;font-weight:600!important;font-size:14px;border:0!important;background:transparent!important;
  border-radius:12px!important;padding:11px 14px!important;display:flex;align-items:center;gap:12px;
  transition:background .16s ease,color .16s ease;position:relative;
}
#mainnav-menu>li>a>i:first-child{font-size:16px;width:20px;text-align:center;opacity:.9;}
#mainnav-menu>li>a .menu-title{flex:1;}
#mainnav-menu>li>a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
#mainnav-menu>li.active-link>a,#mainnav-menu>li.active>a,#mainnav-menu>li>a.active{
  background:var(--a-grad)!important;color:#fff!important;box-shadow:0 10px 24px -10px rgba(79,70,229,.9);
}
/* aktiv (layout.js "active" sinfi qoymasa, nifty open sinfi) */
#mainnav-menu>li.active-sub>a,#mainnav-menu>li.open>a{background:rgba(255,255,255,.09)!important;color:#fff!important;}
#mainnav-menu>li>a .arrow{margin-left:auto;opacity:.5;transition:transform .2s ease;}
#mainnav-menu>li.open>a .arrow,#mainnav-menu>li.active-sub>a .arrow{transform:rotate(90deg);opacity:.9;}
/* alt menyu */
#mainnav-menu ul.collapse,#mainnav-menu ul.collapse.in{background:transparent!important;padding:2px 0 6px 14px!important;margin:0!important;position:relative;}
#mainnav-menu ul.collapse::before{content:"";position:absolute;left:20px;top:0;bottom:6px;width:1.5px;background:rgba(255,255,255,.12);border-radius:2px;}
#mainnav-menu ul.collapse>li>a{
  color:#9398c9!important;font-size:13.5px;font-weight:600;padding:9px 14px 9px 22px!important;border-radius:10px!important;
  background:transparent!important;transition:background .16s ease,color .16s ease;
}
#mainnav-menu ul.collapse>li>a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
#mainnav-menu ul.collapse>li.active-link>a,#mainnav-menu ul.collapse>li.active>a{
  color:#fff!important;background:rgba(255,255,255,.1)!important;box-shadow:inset 2px 0 0 var(--a-gold);
}
/* sidebar scrollbar */
.nano>.nano-pane{background:rgba(255,255,255,.06)!important;border-radius:4px;}
.nano>.nano-pane>.nano-slider{background:rgba(255,255,255,.22)!important;border-radius:4px;}

/* ---------- PAGE HEAD / BREADCRUMB ---------- */
#page-head{background:transparent!important;padding:22px 24px 8px!important;box-shadow:none!important;}
#page-head .breadcrumb{background:transparent!important;padding:0!important;margin:0!important;font-size:13px;}
#page-head .breadcrumb>li>a{color:var(--a-ink3)!important;font-weight:600;}
#page-head .breadcrumb>li>a:hover{color:var(--a-indigo)!important;}
#page-head .breadcrumb>.active{color:var(--a-ink)!important;font-weight:700;}
#page-head .breadcrumb>li+li:before{color:var(--a-line2)!important;content:"›";padding:0 8px;}
#page-head h1,#page-head .page-title{font-size:26px;font-weight:800;color:var(--a-ink);}

/* ---------- PANELS (kartlar) ---------- */
.panel{
  background:var(--a-surface)!important;border:1px solid var(--a-line)!important;border-radius:var(--a-r)!important;
  box-shadow:var(--a-sh-sm)!important;overflow:hidden;margin-bottom:22px;
}
.panel-heading{
  background:var(--a-surface)!important;border-bottom:1px solid var(--a-line)!important;
  padding:18px 22px!important;border-radius:0!important;
}
.panel-title{font-size:17px!important;font-weight:700!important;color:var(--a-ink)!important;margin:0!important;letter-spacing:-.02em;}
.panel-body{padding:22px!important;background:var(--a-surface)!important;}
.panel-footer{background:var(--a-soft)!important;border-top:1px solid var(--a-line)!important;padding:14px 22px!important;}

/* ---------- FORMS ---------- */
.form-group>label,label.control-label,label{font-weight:700!important;color:var(--a-ink2)!important;font-size:12.5px!important;
  letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px!important;}
.form-control{
  border:1.5px solid var(--a-line)!important;border-radius:11px!important;height:auto!important;
  padding:10px 14px!important;font-size:14.5px!important;color:var(--a-ink)!important;background:#fff!important;
  box-shadow:none!important;font-weight:500;transition:border-color .16s ease,box-shadow .16s ease!important;
}
.form-control:focus{border-color:var(--a-indigo)!important;box-shadow:0 0 0 4px rgba(99,102,241,.14)!important;}
select.form-control{cursor:pointer;}
textarea.form-control{min-height:110px;}
.input-group-addon{background:var(--a-soft)!important;border:1.5px solid var(--a-line)!important;border-radius:11px!important;color:var(--a-ink2)!important;font-weight:600;}

/* ---------- BUTTONS ---------- */
.btn{border-radius:100px!important;font-weight:700!important;font-size:13.5px!important;letter-spacing:-.01em;
  border:0!important;padding:10px 20px!important;transition:transform .14s ease,box-shadow .2s ease,filter .18s ease!important;
  text-transform:none!important;}
.btn:active,.btn:focus{outline:0!important;box-shadow:0 0 0 4px rgba(99,102,241,.18)!important;}
.btn-primary{background:var(--a-grad)!important;color:#fff!important;box-shadow:0 10px 22px -8px rgba(67,56,202,.6)!important;}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(67,56,202,.7)!important;color:#fff!important;}
.btn-success{background:linear-gradient(120deg,#22c55e,#15803d)!important;color:#fff!important;box-shadow:0 10px 22px -8px rgba(34,197,94,.55)!important;}
.btn-danger{background:linear-gradient(120deg,#ef4444,#b91c1c)!important;color:#fff!important;box-shadow:0 10px 22px -8px rgba(239,68,68,.5)!important;}
.btn-warning{background:var(--a-grad-gold)!important;color:#4a3202!important;box-shadow:0 10px 22px -8px rgba(245,183,22,.55)!important;}
.btn-default{background:#fff!important;color:var(--a-ink)!important;border:1.5px solid var(--a-line)!important;box-shadow:none!important;}
.btn-default:hover{background:var(--a-soft)!important;border-color:var(--a-line2)!important;}
.btn-xs{padding:5px 12px!important;font-size:12px!important;}
.btn-sm{padding:8px 16px!important;font-size:13px!important;}
.btn-w-m{min-width:112px;}

/* ---------- TABLES ---------- */
.table-responsive{border:1px solid var(--a-line)!important;border-radius:var(--a-r)!important;overflow:auto;background:#fff;}
.panel>.table-responsive,.panel-body>.table-responsive{box-shadow:none;}
.table{margin-bottom:0!important;background:#fff!important;}
.table>thead>tr>th{
  background:var(--a-soft)!important;color:var(--a-ink3)!important;font-size:11px!important;font-weight:800!important;
  letter-spacing:.09em;text-transform:uppercase;padding:13px 14px!important;border:0!important;
  border-bottom:1px solid var(--a-line)!important;white-space:nowrap;vertical-align:middle!important;
}
.table>tbody>tr>td{
  padding:13px 14px!important;border:0!important;border-top:1px solid var(--a-line)!important;
  font-size:13.8px;color:var(--a-ink);vertical-align:middle!important;font-weight:500;
}
.table>tbody>tr:first-child>td{border-top:0!important;}
.table>tbody>tr{transition:background .14s ease;}
.table>tbody>tr:hover{background:var(--a-soft)!important;}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{border:0!important;}
.table-bordered>tbody>tr>td{border-top:1px solid var(--a-line)!important;}
/* status nişanları */
.tj-st-on,.tj-st-off{display:inline-block;border-radius:100px;padding:4px 13px;font-weight:800;font-size:11.5px;letter-spacing:.02em;}
.tj-st-on{background:#e6f6ee;color:#0f7a45!important;}
.tj-st-off{background:#fdeceb;color:#b42318!important;}
/* status mətni (inline color:red/green) -> pill */
.table td>div[style*="color:red"],.table td>span[style*="color:red"],.table td span[style*="color: red"]{
  color:#b42318!important;background:#fdeceb;border-radius:100px;padding:4px 12px;font-weight:800;font-size:12px;display:inline-block;
}
.table td>div[style*="color:green"],.table td>span[style*="color:green"]{
  color:#0f7a45!important;background:#e6f6ee;border-radius:100px;padding:4px 12px;font-weight:800;font-size:12px;display:inline-block;
}
/* sətir əməliyyat ikonları */
.a-table-row-edit,.a-table-row-view,.spn-table-row-delete,.spn-table-row-recalculate{
  display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;
  background:var(--a-soft);color:var(--a-ink2)!important;margin:0 2px;cursor:pointer;border:1px solid var(--a-line);
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.a-table-row-edit:hover{background:var(--a-indigo)!important;color:#fff!important;border-color:transparent;transform:translateY(-1px);}
.a-table-row-view:hover{background:#0ea5e9!important;color:#fff!important;border-color:transparent;transform:translateY(-1px);}
.spn-table-row-delete:hover{background:var(--a-red)!important;color:#fff!important;border-color:transparent;transform:translateY(-1px);}
.spn-table-row-recalculate:hover{background:var(--a-gold)!important;color:#4a3202!important;border-color:transparent;transform:translateY(-1px);}
.btnCopy{border-radius:9px!important;padding:5px 12px!important;font-size:11.5px!important;}
/* "Tapılan məlumat sayı" */
.panel-body>div>span[style*="color:red"]{color:var(--a-indigo)!important;font-weight:800;}

/* ---------- PAGINATION ---------- */
.pagination{margin:18px 0 4px!important;gap:6px;display:flex;flex-wrap:wrap;}
.pagination>li>a,.pagination>li>span{
  border:1.5px solid var(--a-line)!important;border-radius:11px!important;color:var(--a-ink2)!important;
  padding:8px 14px!important;font-weight:700;font-size:13.5px;background:#fff!important;transition:all .15s ease;
}
.pagination>li>a:hover{border-color:var(--a-indigo)!important;color:var(--a-indigo)!important;}
.pagination>li.active>a,.pagination>li.active>span,.pagination>.active>a{
  background:var(--a-grad)!important;border-color:transparent!important;color:#fff!important;
  box-shadow:0 8px 18px -8px rgba(67,56,202,.6);
}

/* ---------- ALERTS / MODAL ---------- */
.alert{border:0!important;border-radius:13px!important;font-weight:600;padding:14px 18px!important;}
.alert-success{background:#e6f6ee!important;color:#0f7a45!important;}
.alert-danger{background:#fdeceb!important;color:#b42318!important;}
.alert-warning{background:#fff6e2!important;color:#8a5a00!important;}
.alert-info{background:#e9efff!important;color:#2740b8!important;}
.modal-content{border:0!important;border-radius:var(--a-r)!important;box-shadow:0 40px 80px -20px rgba(14,16,48,.45)!important;overflow:hidden;}
.modal-header{border-bottom:1px solid var(--a-line)!important;padding:18px 22px!important;background:#fff!important;}
.modal-title{font-family:'Sora',sans-serif!important;font-weight:700!important;font-size:17px;}
.modal-body{padding:22px!important;}
.modal-footer{border-top:1px solid var(--a-line)!important;padding:14px 22px!important;background:var(--a-soft)!important;}
.bootstrap-dialog .modal-header{background:#fff!important;}
.bootstrap-dialog-title{color:var(--a-ink)!important;font-weight:700!important;}

/* ---------- FOOTER ---------- */
#footer{background:transparent!important;border-top:1px solid var(--a-line)!important;box-shadow:none!important;}
#footer p,#footer .pad-lft{color:var(--a-ink3)!important;font-size:12.5px;font-weight:600;}

/* ---------- MİSC ---------- */
.label,.badge{border-radius:100px!important;font-weight:700!important;padding:4px 11px!important;font-size:11.5px!important;}
.label-success,.badge-success{background:#e6f6ee!important;color:#0f7a45!important;}
.label-danger,.badge-danger{background:#fdeceb!important;color:#b42318!important;}
.label-primary,.badge-primary{background:#e9efff!important;color:var(--a-indigo)!important;}
hr{border-color:var(--a-line)!important;}
.scroll-top{background:var(--a-grad)!important;border-radius:12px!important;color:#fff!important;border:0!important;}
.nav-tabs>li>a{border:0!important;border-radius:11px 11px 0 0!important;font-weight:700;color:var(--a-ink2)!important;}
.nav-tabs>li.active>a{background:#fff!important;color:var(--a-indigo)!important;box-shadow:inset 0 -2.5px 0 var(--a-indigo);}

@media(max-width:768px){
  #page-head{padding:16px 14px 6px!important;}
  .panel-body{padding:16px!important;}
  .table>thead>tr>th,.table>tbody>tr>td{padding:11px 10px!important;}
}

/* ---------- GİRİŞ SƏHİFƏSİ ---------- */
.cls-container{
  background:
    radial-gradient(900px 480px at 80% -10%,rgba(99,102,241,.5),transparent 60%),
    radial-gradient(700px 420px at 5% 105%,rgba(245,183,22,.14),transparent 58%),
    linear-gradient(160deg,#141748 0%,#0d0f36 55%,#0a0b28 100%)!important;
  background-color:#0d0f36!important;
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;
}
.cls-container::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(600px 400px at 50% 0%,#000,transparent 75%);
  mask-image:radial-gradient(600px 400px at 50% 0%,#000,transparent 75%);}
.cls-container>*{position:relative;z-index:1;}
.cls-content{width:100%;max-width:420px;}
.tj-login-card{
  background:#fff!important;border:0!important;border-radius:24px!important;
  box-shadow:0 40px 90px -24px rgba(0,0,0,.6)!important;overflow:hidden;
}
.tj-login-card .panel-body{padding:38px 34px 32px!important;}
.tj-login-brand{font-family:'Sora',sans-serif!important;font-size:27px;font-weight:800;letter-spacing:-.045em;margin-bottom:18px;text-align:center;}
.tj-login-brand .b1{color:var(--a-indigo);} .tj-login-brand .b2{color:var(--a-gold);}
.tj-login-card h1.h3{font-family:'Sora',sans-serif!important;font-size:20px!important;font-weight:700!important;
  color:var(--a-ink)!important;margin:0 0 6px!important;text-align:center;letter-spacing:-.02em;}
.tj-login-sub{color:var(--a-ink3);font-size:13.5px;font-weight:500;text-align:center;margin:0 0 24px;}
.tj-login-card .form-group{margin-bottom:14px;}
.tj-login-card .form-control{padding:13px 16px!important;font-size:15px!important;}
.tj-login-card .btn{width:100%;padding:14px 20px!important;font-size:15px!important;margin-top:4px;}
.tj-login-card .alert{text-align:left;border-radius:12px!important;}

/* ---------- Cədvəl: sıxılıb qırılmasın, üfüqi sürüşsün ---------- */
.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;}
.table>thead>tr>th,.table>tbody>tr>td{white-space:nowrap;}
/* uzun ad sütunları qırıla bilər, amma məhdud enlə */
.table>tbody>tr>td.subject,.table>tbody>tr>td:nth-child(3){white-space:normal;max-width:260px;min-width:180px;}
.table .ul-category{list-style:none;margin:0;padding:0;}
.table .ul-category li{white-space:nowrap;}
/* əməliyyat sütunu bir sətirdə */
.table>tbody>tr>td:last-child{white-space:nowrap;text-align:right;}
/* sürüşmə zolağı zərif */
.table-responsive::-webkit-scrollbar{height:10px;}
.table-responsive::-webkit-scrollbar-track{background:var(--a-soft);border-radius:8px;}
.table-responsive::-webkit-scrollbar-thumb{background:#c9cde6;border-radius:8px;border:2px solid var(--a-soft);}
.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--a-indigo);}

/* ---------- Brend sidebar-ın altında qalmasın ---------- */
#navbar{z-index:1050!important;}
#navbar .navbar-header{z-index:1051;position:relative;}
#mainnav-container{z-index:1000!important;}

/* ---------- Profil bloku sidebar ilə eyni tonda ---------- */
#mainnav-profile,#mainnav-profile .profile-wrap,#mainnav-profile .profile-wrap *,
.mainnav-profile,.mainnav-profile .profile-wrap{background:transparent!important;background-color:transparent!important;}
#mainnav-profile{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0))!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
#mainnav-profile .profile-wrap{padding:18px 20px 16px!important;}
#mainnav-profile .img-circle,#mainnav-profile img{
  border:2px solid rgba(255,255,255,.2)!important;box-shadow:0 12px 26px -12px rgba(0,0,0,.8);
  background:rgba(255,255,255,.06)!important;
}
#mainnav-profile .box-block,#mainnav-profile a{background:transparent!important;}
/* brend zolağı sidebar-ın yuxarı tonu ilə eyni */
#navbar .navbar-header{background:#171b4d!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08);}

/* ---------- Üst sağ: istifadəçi bloku şaquli mərkəzdə ---------- */
#navbar .navbar-top-links>li{display:flex;align-items:center;}
#dropdown-user>a{
  display:flex!important;flex-direction:row-reverse; /* markup: ikon, ad -> görünüş: ad, ikon */
  align-items:center;justify-content:flex-start;gap:10px;
  height:55px;padding:0 16px!important;
}
#dropdown-user .ic-user{float:none!important;margin:0!important;flex:0 0 auto;}
#dropdown-user .username{
  float:none!important;height:auto!important;line-height:1.2!important;display:block!important;
}
#navbar .navbar-top-links>li>a{display:flex;align-items:center;height:55px;}