.vanta-canvas{
	position:fixed !important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100% !important;
}
.ctlogin-box{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:100%;
}
.ctlogin-main{
	background:#222222b3;
}
.ctleft{
	width:40%;
	padding:40px;
	background:#222;
	display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.ctright{
	width:60%;
	padding:40px;
}
.loadIn{
	color:#fff;
	text-align: center;
    font-size: 27px;
	font-weight:bold;
}
.ctright p{
	color:#858383;
	text-align:center;
}
.ctinput label{
	color:#858383;
}

.ctinput input, .ctinput select{
display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #a9aab0;
    background-color: #343740;
    background-clip: padding-box;
    border: 1px solid #3a3b42;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}
.ctinput input:focus,
.ctinput select:focus{
    color: #6e707e;
    background-color: #1d2426;
    border-color: #343740;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 52, 64, 0.25);
	
}
.ctbtn{
	background:#000 !important;
	outline:none;
	border:none;
	box-shadow:0;
	color:#fff !important;
	margin-top: 30px;
}
.ctbtn:focus{
	border:none;
	box-shadow:none !important;
}
.ctlogin-foot{
	color:#fff;
	text-align:center;
	margin-top:30px;
}
.ctlogin-foot a{
	color:#fff;
	text-decoration:none;
	transition:0.3s;
}
.ctlogin-foot a:hover{
	color:#422ad0;
}
.ctnav{
	background:#303030;
	padding: 0.95rem 1rem;
}
.sidebar-logo img{
	width:150px;
}
#sidebar-wrapper{
	background:#303030;
	position:relative;
}
#sidebar-wrapper .list-group-item.list-group-item-action i{
	margin-right:7px;
} 
.ctluser-main{
	background: #222222b3;
}
.ctheading{
	background: #222222b3;
}
.ctheading h2{
	font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 0;
    padding: 10px 0;
}
.ctheading h2 i{
	margin-right:7px;
}
.ctalert{
	background:#000 !important;
	border-radius:0;
	padding:20px 25px !important;
}
.ctalert h3{
	color: #fff;
}
.ctuserbtn{
	text-transform:uppercase;
	font-weight:bold;
	padding:12px 25px;
}
.ctuserbtn i{
	margin-right:5px;
}
.ctcard{
	background: #222222b3;
}
.table-sm th, .table-sm td {
    padding: 5px 15px;
    vertical-align: middle;
	white-space: nowrap;
}/*
.table-sm td{
	white-space: nowrap;
}*/
.table-sm td:last-child{
	display:inline-flex;
}
.cttable td:last-child{
	display: revert;  
}
.ctaddnew{
	padding:15px;
}
.ctinput.ctfile input{
	padding:3px;
}
.ctapplogo img{
	width: 100%;
    object-fit: contain;
}
.ctappbg img{
	width:100%;
    object-fit: contain;
	
}
.list-group-item.active{
	background:#444;
	border:none;
}
@media only screen and (max-width: 992px) {
  .ctmain-table {
    padding:0;
  }
  .ctmain-table .card-body{
	  padding:0;
  }
  .ctpadd-0{
	  padding:0 !important;
  }
  .ctlogin-box{
	width: 100%;
	padding: 30px 0;
	position:unset;
	transform:unset;
  }
  .ctlogin-box .container{
	  max-width: 100% !important;
  }
  
}
@media only screen and (max-width: 767px) {
  .ctmain-form {
    padding:0;
	padding-bottom:20px;
  }
  .ctmain-form .card-body{
	  padding:0;
  }
  .ctmain-form .ctcard .card-body{
	  padding:1.25rem;
  }
  .ctmain-form .ctluser-main .card-body{
	  padding:1.25rem;
  }
  .ctlogin-main.d-flex{
	  display:block !important;
  }
  .ctleft{
	  flex-wrap: unset;
	  width:100%;
	  padding:0;
  }
  .ctright{
	  width:100%;
	  padding:15px;
  }
  .loadIn{
	  font-size:23px;
  }
  .ctalert{
	  padding:10px !important;
  }
  .ctalert h3 {
	font-size: 20px;
  }
  .ctheading{
	  padding:5px;
  }
  .ctheading h2{
	  font-size: 20px !important;
  }
  .card-header h2{
	  font-size: 25px;
  }
  .card-header h3{
	  font-size: 25px;
  }
}



.input-group-addon {
    color: #a9aab0;
    background: #343740;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 50px;
    text-align: center;
}

.fa-eye-slash,
.fa-eye {
	color: #fff;
    margin-top: 7px;
    margin-left: 4px;
    font-size: 20px;
}
/* =========================================================
   RAFFY UI 2026 - Full responsive redesign
   ========================================================= */
:root{
  --rf-bg:#070b14;
  --rf-panel:rgba(14,20,34,.92);
  --rf-panel-2:rgba(20,29,47,.88);
  --rf-line:rgba(255,255,255,.08);
  --rf-text:#f7f9fc;
  --rf-muted:#8f9bb3;
  --rf-accent:#6d5dfc;
  --rf-accent-2:#16c7ff;
  --rf-danger:#ff5364;
  --rf-radius:18px;
  --rf-shadow:0 18px 50px rgba(0,0,0,.28);
}
html,body{min-height:100%;background:var(--rf-bg)!important;color:var(--rf-text)!important}
body{background-image:radial-gradient(circle at 12% 8%,rgba(109,93,252,.18),transparent 28%),radial-gradient(circle at 88% 18%,rgba(22,199,255,.12),transparent 28%),linear-gradient(135deg,#060912,#0a1020)!important;background-attachment:fixed!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:30px 30px}
#net-canvas,.vanta-canvas{opacity:.22!important}
#wrapper{min-height:100vh;position:relative}
#sidebar-wrapper{width:270px;min-width:270px;background:rgba(7,11,20,.94)!important;border-right:1px solid var(--rf-line);box-shadow:14px 0 50px rgba(0,0,0,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1050}
#sidebar-wrapper .sidebar-heading{padding:24px 20px 16px!important;border-bottom:1px solid var(--rf-line)}
.sidebar-logo{text-align:left}.sidebar-logo img{width:148px!important;max-height:56px;object-fit:contain;object-position:left center}
#sidebar-wrapper>span .list-group-item{margin:12px 14px 5px!important;padding:10px 12px!important;border-radius:12px!important;color:var(--rf-muted)!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--rf-line)!important;text-align:center;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
#sidebar-wrapper .list-group{width:270px!important;padding:8px 12px 100px;overflow-y:auto;max-height:calc(100vh - 120px)}
#sidebar-wrapper .list-group-item{border:0!important;background:transparent!important;color:#aab5ca!important;border-radius:12px!important;margin:3px 0;padding:12px 14px!important;font-size:14px;font-weight:600;transition:.2s ease}
#sidebar-wrapper .list-group-item i{width:24px;text-align:center;margin-right:9px!important;color:#7c8aa5;transition:.2s ease}
#sidebar-wrapper .list-group-item:hover{background:rgba(109,93,252,.11)!important;color:#fff!important;transform:translateX(2px)}
#sidebar-wrapper .list-group-item:hover i{color:#a79cff}
#sidebar-wrapper .list-group-item.active{background:linear-gradient(135deg,rgba(109,93,252,.95),rgba(71,122,255,.9))!important;color:#fff!important;box-shadow:0 10px 24px rgba(91,82,230,.25)}
#sidebar-wrapper .list-group-item.active i{color:#fff!important}
#page-content-wrapper{background:transparent!important;min-height:100vh}
.ctnav{position:sticky;top:0;z-index:1000;background:rgba(7,11,20,.78)!important;border-bottom:1px solid var(--rf-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:13px 18px!important;min-height:64px}
#menu-toggle{width:42px;height:42px;padding:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;box-shadow:none!important}
#menu-toggle:hover{background:rgba(109,93,252,.2)!important}
.ctnav .btn-danger{border:0!important;border-radius:12px!important;padding:10px 15px!important;background:rgba(255,83,100,.13)!important;color:#ff8190!important;font-weight:700}.ctnav .btn-danger:hover{background:#ff5364!important;color:#fff!important}
.container-fluid{padding:18px 24px 70px!important;max-width:1600px}
.card,.ctcard,.ctluser-main,.ctheading{background:var(--rf-panel)!important;border:1px solid var(--rf-line)!important;border-radius:var(--rf-radius)!important;box-shadow:var(--rf-shadow)!important;color:var(--rf-text)!important;overflow:hidden}
.card-header,.ctheading{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;border-bottom:1px solid var(--rf-line)!important;padding:16px 20px!important}
.card-header h1,.card-header h2,.card-header h3,.ctheading h2{color:#fff!important;text-transform:none!important;letter-spacing:-.5px;font-weight:800!important;margin:0!important}
.card-body{padding:20px!important}
.form-control,.custom-select,select.form-control,textarea.form-control,.ctinput input,.ctinput select{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;color:#eef3ff!important;border-radius:12px!important;min-height:44px!important;box-shadow:none!important;transition:.2s ease!important}
.form-control:focus,.custom-select:focus,select.form-control:focus,textarea.form-control:focus,.ctinput input:focus,.ctinput select:focus{background:rgba(255,255,255,.075)!important;border-color:rgba(109,93,252,.8)!important;box-shadow:0 0 0 3px rgba(109,93,252,.14)!important;color:#fff!important}
.form-control::placeholder,textarea::placeholder{color:#6f7b92!important}
label,.ctinput label{color:#aab5ca!important;font-size:13px;font-weight:700;margin-bottom:7px}
.input-group-addon{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;border-left:0!important;border-radius:0 12px 12px 0!important}
.btn{border-radius:11px!important;font-weight:700!important;box-shadow:none!important;transition:.2s ease!important}.btn:hover{transform:translateY(-1px)}
.btn-primary,.btn-info,.btn-warning,.ctbtn{border:0!important;background:linear-gradient(135deg,var(--rf-accent),#477aff)!important;color:#fff!important}.btn-success{border:0!important;background:linear-gradient(135deg,#17bd8d,#24d7b0)!important}.btn-danger{border:0!important;background:linear-gradient(135deg,#ef4961,#ff6878)!important}
.alert,.ctalert{border-radius:14px!important;border:1px solid var(--rf-line)!important;background:rgba(255,255,255,.05)!important;color:#fff!important}
.table-responsive{border-radius:14px;overflow:auto;border:1px solid var(--rf-line)}
.table{color:#dbe4f4!important;margin-bottom:0!important;background:rgba(4,7,13,.22)!important}.table th{border-top:0!important;border-bottom:1px solid var(--rf-line)!important;color:#8ea0bd!important;font-size:12px;text-transform:uppercase;letter-spacing:.55px;background:rgba(255,255,255,.035)!important}.table td{border-top:1px solid rgba(255,255,255,.055)!important;vertical-align:middle!important}.table tbody tr:hover{background:rgba(109,93,252,.055)!important}
.modal-content{background:#111827!important;border:1px solid var(--rf-line)!important;border-radius:18px!important;color:#fff!important;box-shadow:var(--rf-shadow)!important}.modal-header,.modal-footer{border-color:var(--rf-line)!important}
.pagination .page-link{background:rgba(255,255,255,.05)!important;border-color:var(--rf-line)!important;color:#b6c1d5!important}.page-item.active .page-link{background:var(--rf-accent)!important;color:#fff!important}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid var(--rf-line)!important;border-radius:8px!important}.dataTables_wrapper,.dataTables_info,.dataTables_length,.dataTables_filter{color:#8f9bb3!important}

/* Login */
.ctlogin-box{position:relative!important;left:auto!important;top:auto!important;transform:none!important;min-height:100vh;display:flex;align-items:center;padding:36px 16px!important;z-index:2}.ctlogin-box .container{max-width:1050px!important}.ctlogin-main{min-height:520px;background:rgba(8,13,24,.82)!important;border:1px solid var(--rf-line);border-radius:28px!important;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.48);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ctleft{width:44%!important;padding:44px!important;background:radial-gradient(circle at 25% 20%,rgba(22,199,255,.18),transparent 30%),linear-gradient(150deg,rgba(109,93,252,.3),rgba(8,13,24,.94))!important;position:relative;overflow:hidden}.ctleft:after{content:"CONTROL • STREAM • MANAGE";position:absolute;left:34px;bottom:28px;color:rgba(255,255,255,.38);font-size:10px;letter-spacing:3px;font-weight:800}.ctlogin-logo,.brand-logo{width:100%;text-align:center}.ctlogin-logo img{max-width:160px}.brand-logo img{max-width:220px}.ctright{width:56%!important;padding:62px 54px!important;background:rgba(9,14,25,.7)!important}.loadIn{font-size:32px!important;line-height:1.2;color:#fff!important;letter-spacing:-1px;text-align:left!important}.ctright>p{text-align:left!important;color:#7f8aa2!important;letter-spacing:2px;font-size:11px;font-weight:800;margin:12px 0 30px}.ctright .ctbtn{height:48px!important;margin-top:26px!important;border-radius:13px!important}.ctlogin-foot{margin-top:24px!important;font-size:12px;color:#7f8aa2!important}.ctlogin-foot a{color:#98a5bc!important}

/* Dev badge */
.raffy-panel-dev{position:fixed;right:14px;bottom:10px;z-index:1200;color:rgba(220,229,245,.62);font-size:11px;font-weight:800;letter-spacing:.6px;background:rgba(5,8,15,.62);border:1px solid rgba(255,255,255,.07);padding:6px 9px;border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}

@media(max-width:767.98px){
  #sidebar-wrapper{position:fixed!important;left:0;top:0;bottom:0;margin-left:-270px!important;transition:margin .22s ease-out!important}
  #wrapper.toggled #sidebar-wrapper{margin-left:0!important}
  #page-content-wrapper{width:100%!important;min-width:100vw!important}
  #wrapper.toggled:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:1040;pointer-events:none}
  #sidebar-wrapper{z-index:1050!important}
  .ctnav{padding:10px 12px!important;min-height:58px}
  .container-fluid{padding:12px 12px 60px!important}
  .card-body{padding:15px!important}
  .card-header,.ctheading{padding:13px 15px!important}
  .ctheading h2,.card-header h2,.card-header h3{font-size:20px!important}
  .table-sm th,.table-sm td{padding:9px 10px!important}
  .ctlogin-box{padding:18px 12px!important;align-items:flex-start!important}.ctlogin-main{display:block!important;border-radius:22px!important;min-height:auto}.ctleft{width:100%!important;padding:28px 20px 44px!important;min-height:190px}.ctleft:after{left:20px;bottom:18px}.ctright{width:100%!important;padding:28px 22px 30px!important}.loadIn{font-size:25px!important;text-align:left!important}.brand-logo img{max-width:170px}.ctlogin-logo img{max-width:125px}.raffy-panel-dev{right:8px;bottom:7px;font-size:9px;padding:5px 7px}
}
@media(min-width:768px){#sidebar-wrapper{margin-left:0!important}#wrapper.toggled #sidebar-wrapper{margin-left:-270px!important}}

/* =========================================================
   RAFFY CONTROL CENTER 2026 - INTERIOR REDESIGN V2
   ========================================================= */
:root{
  --rc-bg:#07100f;
  --rc-bg2:#0b1517;
  --rc-panel:#101b1d;
  --rc-panel2:#132225;
  --rc-line:rgba(255,255,255,.075);
  --rc-text:#f3fbfa;
  --rc-muted:#8fa6a3;
  --rc-accent:#20e3b2;
  --rc-accent2:#22b8ff;
  --rc-warn:#ffd166;
  --rc-danger:#ff6374;
  --rc-radius:20px;
  --rc-shadow:0 16px 42px rgba(0,0,0,.28);
}
html,body{background:#06100f!important;color:var(--rc-text)!important}
body{background-image:radial-gradient(circle at 8% 8%,rgba(32,227,178,.12),transparent 25%),radial-gradient(circle at 92% 12%,rgba(34,184,255,.08),transparent 28%),linear-gradient(145deg,#06100f 0%,#081315 42%,#071011 100%)!important;background-attachment:fixed!important}
body:before{background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px)!important;background-size:42px 42px!important}

/* Sidebar */
#sidebar-wrapper{width:286px!important;min-width:286px!important;background:linear-gradient(180deg,#071110 0%,#0b1516 65%,#081111 100%)!important;border-right:1px solid rgba(32,227,178,.10)!important;box-shadow:18px 0 55px rgba(0,0,0,.24)!important}
#sidebar-wrapper .sidebar-heading{padding:18px 18px 14px!important;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)!important}
.sidebar-logo{display:flex;align-items:center;gap:12px;text-align:left!important}
.sidebar-logo img{width:54px!important;height:54px!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:14px;padding:6px;background:rgba(255,255,255,.04);border:1px solid var(--rc-line)}
.rf-sidebar-brand{min-width:0;display:flex;flex-direction:column;line-height:1.1}
.rf-sidebar-brand strong{font-size:14px;letter-spacing:1.1px;color:#fff}
.rf-sidebar-brand span{font-size:11px;color:var(--rc-muted);margin-top:5px;white-space:nowrap}
#sidebar-wrapper>span .list-group-item{margin:10px 14px 4px!important;background:rgba(32,227,178,.055)!important;border:1px solid rgba(32,227,178,.10)!important;color:#9ac8bf!important;text-transform:none!important;letter-spacing:0!important;font-size:11px!important}
.rf-menu-label{padding:14px 26px 4px;color:#58716c;font-size:10px;font-weight:800;letter-spacing:1.6px}
#sidebar-wrapper .list-group{width:286px!important;padding:7px 14px 110px!important}
#sidebar-wrapper .list-group-item{position:relative!important;padding:12px 14px!important;margin:3px 0!important;border-radius:13px!important;color:#9db0ad!important;font-size:13px!important;font-weight:650!important;overflow:hidden}
#sidebar-wrapper .list-group-item i{width:26px!important;height:26px;line-height:26px;border-radius:8px;background:rgba(255,255,255,.04);color:#6e8984!important;margin-right:10px!important}
#sidebar-wrapper .list-group-item:hover{background:rgba(32,227,178,.07)!important;color:#fff!important;transform:none!important}
#sidebar-wrapper .list-group-item:hover i{color:#b8fff0!important;background:rgba(32,227,178,.10)}
#sidebar-wrapper .list-group-item.active{background:linear-gradient(135deg,rgba(32,227,178,.16),rgba(34,184,255,.10))!important;color:#effffa!important;border:1px solid rgba(32,227,178,.22)!important;box-shadow:none!important}
#sidebar-wrapper .list-group-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 5px 5px 0;background:linear-gradient(var(--rc-accent),var(--rc-accent2));box-shadow:0 0 14px rgba(32,227,178,.45)}
#sidebar-wrapper .list-group-item.active i{color:#081311!important;background:linear-gradient(135deg,var(--rc-accent),#79f1d4)!important}
.rf-sidebar-footer{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--rc-line);display:flex;flex-direction:column}
.rf-sidebar-footer span{font-weight:800;font-size:12px;color:#dffcf5}.rf-sidebar-footer small{font-size:10px;color:#617a75;margin-top:3px}

/* Top bar */
.ctnav{min-height:70px!important;padding:10px 20px!important;background:rgba(7,16,15,.88)!important;border-bottom:1px solid rgba(32,227,178,.10)!important;box-shadow:0 8px 30px rgba(0,0,0,.16)!important}
#menu-toggle{width:44px!important;height:44px!important;border-radius:13px!important;background:#0e1b1c!important;border:1px solid var(--rc-line)!important;color:#bcfff0!important}
#menu-toggle:hover{background:rgba(32,227,178,.08)!important}
.rf-topbar-title{display:flex;align-items:center;gap:10px;margin-left:12px}
.rf-topbar-mark{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#06100f;background:linear-gradient(135deg,var(--rc-accent),#89f4db);box-shadow:0 8px 20px rgba(32,227,178,.16)}
.rf-topbar-title>div:last-child{display:flex;flex-direction:column;line-height:1.1}.rf-topbar-title strong{font-size:14px;color:#f3fffc}.rf-topbar-title span{font-size:11px;color:#66807b;margin-top:4px}
.rf-system-status{margin-left:auto;display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:999px;background:rgba(32,227,178,.065);border:1px solid rgba(32,227,178,.12);color:#79efcf;font-size:10px;font-weight:800;letter-spacing:.8px}
.rf-system-status i{font-size:7px;color:#35e6b7;box-shadow:0 0 10px rgba(53,230,183,.55);border-radius:50%}
.rf-logout{height:38px!important;padding:0 13px!important;display:flex!important;align-items:center!important;background:rgba(255,99,116,.075)!important;color:#ff9aa6!important;border:1px solid rgba(255,99,116,.12)!important}
.rf-logout:hover{background:rgba(255,99,116,.14)!important;color:#fff!important}

/* Main content */
#page-content-wrapper{background:transparent!important}
.container-fluid{padding:24px 28px 76px!important;max-width:1680px!important}
.container-fluid>br:first-child{display:none}
.card,.ctcard,.ctluser-main,.ctheading{background:linear-gradient(180deg,rgba(17,29,31,.94),rgba(12,23,25,.94))!important;border:1px solid var(--rc-line)!important;border-radius:var(--rc-radius)!important;box-shadow:var(--rc-shadow)!important;overflow:hidden!important}
.card:before,.ctcard:before{content:"";display:block;height:2px;background:linear-gradient(90deg,rgba(32,227,178,.72),rgba(34,184,255,.35),transparent 78%)}
.card-header,.ctheading{background:rgba(255,255,255,.018)!important;border-bottom:1px solid var(--rc-line)!important;padding:17px 20px!important}
.card-header center{text-align:left!important}.card-header h1,.card-header h2,.card-header h3,.ctheading h2{font-size:20px!important;letter-spacing:-.3px!important;text-transform:none!important}.card-header h2 i,.card-header h3 i,.ctheading h2 i{width:34px;height:34px;line-height:34px;text-align:center;border-radius:10px;background:rgba(32,227,178,.08);color:#7ef0d3;margin-right:9px!important}
.card-body{padding:22px!important}
.card-body h3,.card-body h4{color:#e9f7f4!important;font-weight:800!important}
hr{border-color:var(--rc-line)!important}

/* Inputs */
label,.ctinput label{color:#9bb2ae!important;font-size:12px!important;font-weight:800!important;letter-spacing:.2px}
.form-control,.custom-select,select.form-control,textarea.form-control,.ctinput input,.ctinput select{background:#0b1718!important;border:1px solid rgba(255,255,255,.08)!important;color:#effbf8!important;border-radius:12px!important;min-height:46px!important;padding-left:13px!important}
.form-control:focus,.custom-select:focus,select.form-control:focus,textarea.form-control:focus,.ctinput input:focus,.ctinput select:focus{background:#0c1a1b!important;border-color:rgba(32,227,178,.48)!important;box-shadow:0 0 0 3px rgba(32,227,178,.08)!important}
.form-control option,select.form-control option{background:#0b1718!important;color:#fff!important}
.input-group-addon{background:#0d1b1c!important;border-color:rgba(255,255,255,.08)!important;color:#8ba6a1!important}

/* Buttons */
.btn,.ctbtn{border-radius:11px!important;font-weight:800!important;letter-spacing:.1px!important;box-shadow:none!important;transition:.16s ease!important}
.btn:hover,.ctbtn:hover{transform:translateY(-1px)!important}
.btn-primary,.btn-info,.ctbtn{background:linear-gradient(135deg,#19d4a7,#1fb8dc)!important;border:0!important;color:#07110f!important}
.btn-success{background:linear-gradient(135deg,#1fd19f,#49e1b7)!important;color:#06110f!important}
.btn-warning{background:linear-gradient(135deg,#ffd166,#ffb84d)!important;color:#261b00!important}
.btn-danger{background:linear-gradient(135deg,#ff6374,#f54d61)!important;color:#fff!important}
.ctuserbtn{padding:12px 22px!important}

/* Tables */
.table-responsive{border:1px solid var(--rc-line)!important;border-radius:16px!important;background:#0a1415!important}
.table{background:transparent!important;color:#dceae7!important}
.table th{background:#0c1819!important;color:#718984!important;border-bottom:1px solid var(--rc-line)!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important;padding:13px 14px!important}
.table td{border-top:1px solid rgba(255,255,255,.045)!important;padding:12px 14px!important}.table tbody tr:hover{background:rgba(32,227,178,.035)!important}

/* Alerts and modals */
.alert,.ctalert{background:#0c191a!important;border:1px solid var(--rc-line)!important;color:#eaf8f5!important;border-radius:14px!important}.alert-success{border-color:rgba(32,227,178,.22)!important;background:rgba(32,227,178,.06)!important}.alert-info{border-color:rgba(34,184,255,.20)!important;background:rgba(34,184,255,.055)!important}.alert-danger{border-color:rgba(255,99,116,.20)!important;background:rgba(255,99,116,.055)!important}
.modal-content{background:#0d191b!important;border:1px solid var(--rc-line)!important;border-radius:20px!important}.modal-header,.modal-footer{border-color:var(--rc-line)!important}

/* DataTables */
.dataTables_wrapper,.dataTables_info,.dataTables_length,.dataTables_filter{color:#7f9893!important}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:#0b1718!important;border:1px solid var(--rc-line)!important;color:#eefbf8!important;border-radius:10px!important}
.pagination .page-link{background:#0b1718!important;border-color:var(--rc-line)!important;color:#91aaa5!important}.page-item.active .page-link{background:linear-gradient(135deg,var(--rc-accent),var(--rc-accent2))!important;color:#06110f!important;border-color:transparent!important}

/* Interior visual hierarchy */
.ctmain-form>.card-body,.ctmain-table>.card-body{padding-left:0!important;padding-right:0!important}
.form-group.ctinput{margin-bottom:18px!important}
.row>.form-group.ctinput{padding-left:10px!important;padding-right:10px!important}
img{max-width:100%}
.raffy-panel-dev{position:fixed!important;right:14px!important;bottom:12px!important;z-index:9999!important;background:#0a1717!important;border:1px solid rgba(32,227,178,.12)!important;color:#83e8ce!important;border-radius:999px!important;padding:6px 10px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.5px!important;box-shadow:0 8px 22px rgba(0,0,0,.24)!important}

/* Mobile */
@media (max-width:991.98px){
  #sidebar-wrapper{position:fixed!important;left:0;top:0;bottom:0;height:100vh!important;z-index:2000!important;box-shadow:22px 0 60px rgba(0,0,0,.48)!important}
  #wrapper.toggled #sidebar-wrapper{margin-left:-286px!important}
  .ctnav{padding:9px 12px!important;min-height:62px!important}
  .rf-topbar-title{margin-left:8px}.rf-topbar-title span{display:none}.rf-system-status{display:none}.rf-logout span{display:none}.rf-logout{width:40px!important;justify-content:center!important;padding:0!important}
  .container-fluid{padding:16px 14px 68px!important}
  .card-body{padding:16px!important}
}
@media (max-width:767.98px){
  .ctmain-form,.ctmain-table{padding:0!important}
  .ctmain-form .ctcard .card-body,.ctmain-form .ctluser-main .card-body{padding:15px!important}
  .card-header{padding:14px 15px!important}.card-header h2,.card-header h3{font-size:17px!important}.card-header h2 i,.card-header h3 i{width:30px;height:30px;line-height:30px}
  .row>.col-6.form-group.ctinput{flex:0 0 100%!important;max-width:100%!important}
  .form-control,.custom-select,select.form-control{min-height:45px!important}
  .table-responsive{border-radius:12px!important}
  .raffy-panel-dev{right:9px!important;bottom:8px!important}
}

/* Sidebar toggle behavior correction for Raffy Control Center */
@media (max-width:991.98px){
  #sidebar-wrapper{margin-left:-286px!important;transition:margin .22s ease-out!important}
  #wrapper.toggled #sidebar-wrapper{margin-left:0!important}
  #page-content-wrapper{min-width:100vw!important;width:100%!important}
}
@media (min-width:992px){
  #sidebar-wrapper{margin-left:0!important;transition:margin .22s ease-out!important}
  #wrapper.toggled #sidebar-wrapper{margin-left:-286px!important}
  #page-content-wrapper{min-width:0!important;width:100%!important}
}


/* =========================================================
   RAFFY HOTFIX - single login logo + mobile sidebar text fix
   ========================================================= */
.brand-logo{display:none!important}
.ctleft{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important}
.ctlogin-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-height:220px!important}
.ctlogin-logo img{max-width:190px!important;width:100%!important;height:auto!important}
.ctleft:after{left:50%!important;transform:translateX(-50%)!important;bottom:22px!important;width:calc(100% - 40px)!important;text-align:center!important}

#sidebar-wrapper .list-group{width:auto!important;padding:10px 12px 112px!important}
#sidebar-wrapper .list-group-item{
  display:flex!important;
  align-items:center!important;
  min-height:50px!important;
  line-height:1.22!important;
  white-space:normal!important;
  overflow:visible!important;
  word-break:break-word!important;
  padding:12px 14px!important;
}
#sidebar-wrapper .list-group-item i{
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  margin-right:12px!important;
  line-height:1!important;
}
#sidebar-wrapper .list-group-item span,
#sidebar-wrapper .list-group-item strong,
#sidebar-wrapper .list-group-item{
  text-overflow:unset!important;
}

@media (max-width:991.98px){
  #sidebar-wrapper{width:286px!important;min-width:286px!important}
  #sidebar-wrapper .sidebar-heading{padding:22px 16px 14px!important}
  .sidebar-logo{gap:10px!important}
  .sidebar-logo img{width:50px!important;height:50px!important}
  .rf-sidebar-brand strong{font-size:15px!important;line-height:1.15!important}
  .rf-sidebar-brand span{font-size:11px!important;line-height:1.15!important}
  #sidebar-wrapper .list-group-item{font-size:15px!important;min-height:52px!important;padding:13px 14px!important}
}