*{margin:0;padding:0;box-sizing:border-box}
:focus{outline:none!important;box-shadow:none!important}
:focus-visible{outline:none!important;box-shadow:none!important}
button:focus,button:focus-visible,.btn:focus,.btn:focus-visible,.form-control:focus,.form-control:focus-visible,.fg-control:focus,.fg-control:focus-visible,.ms-input:focus,.ms-input:focus-visible,.ms-field-input:focus,.ms-field-input:focus-visible,select:focus,select:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important;box-shadow:none!important;border-color:rgba(247,245,242,0.3)!important}
:root{--black:#0D0D0D;--white:#F7F5F2;--gold:#C8A96B;--gold2:#b8985a;--dim:#c8c8c8;--dimmer:#888;--border:rgba(247,245,242,0.08);--sans:'Inter',sans-serif;--serif:'Cormorant',serif}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);font-weight:300;font-size:14px;-webkit-font-smoothing:antialiased;line-height:1.7;min-height:100vh}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:var(--gold)}
img{max-width:100%}
ol,ul{list-style:none;padding:0;margin:0} /* FOR SCALE. */
strong,b{font-weight:500}
.container{max-width:1340px;margin:0 auto;padding:0 3rem}
.container-fluid{width:100%;padding:0 2.5rem}
.t-display{font-family:var(--serif);font-size:clamp(2.3rem,5vw,4.2rem);font-weight:300;color:var(--white);line-height:1.05;letter-spacing:-0.02em}
.t-display-md{font-size:clamp(1.6rem,3.5vw,2.8rem)}
.t-serif-sm{font-family:var(--serif);font-size:1.1rem;font-weight:400;letter-spacing:0.06em;color:var(--white)}
.t-label{font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmer)}
.t-body{font-size:14px;color:var(--dim);line-height:1.9;max-width:540px}
.t-small{font-size:11px;letter-spacing:0.06em;color:var(--dim);line-height:1.7}
.t-caps{font-size:10px;font-weight:500;letter-spacing:0.25em;text-transform:uppercase}
.t-gold{color:var(--gold)}
.line{width:100%;height:1px;background:var(--border);margin:2rem 0}
.line-gold{width:40px;height:1px;background:var(--gold);margin:1.5rem 0}
.line-w{width:100%;height:1px;background:var(--border)}
.btn-ms{display:inline-block;font-size:11px;font-weight:400;letter-spacing:0.18em;text-transform:uppercase;color:var(--white);background:none;border:none;cursor:pointer;padding:0 0 2px;position:relative;transition:color .3s}
.btn-ms::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--white);transition:width .3s ease}
.btn-ms:hover::after{width:100%}
.btn-ms:hover{color:var(--white)}
.btn-ms-gold{color:var(--gold)}
.btn-ms-gold::after{background:var(--gold)}
.btn-ms-gold:hover{color:var(--gold2)}
.btn-primary{display:inline-block;padding:14px 36px;font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;background:var(--white);color:var(--black);border:none;cursor:pointer;transition:background .2s,color .2s;font-family:var(--sans)}
.btn-primary:hover{background:var(--gold);color:var(--black)}
.btn-primary:active,.btn-primary.active,.btn-primary:focus:active{background:var(--gold)!important;color:var(--black)!important;border-color:var(--gold)!important;box-shadow:none!important}
.btn-outline:active,.btn-outline.active{box-shadow:none!important}
.btn-block{display:block;width:100%}
.btn-outline{display:inline-block;padding:13px 36px;font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;background:transparent;color:var(--white);border:1px solid rgba(247,245,242,0.25);cursor:pointer;transition:border-color .2s,color .2s}
.btn-outline:hover{border-color:var(--white);color:var(--white)}
.btn-secondary{display:inline-block;padding:8px 18px;font-size:10px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;background:transparent;color:var(--dimmer);border:1px solid var(--border);cursor:pointer;transition:all .2s;font-family:var(--sans)}
.btn-secondary:hover{border-color:rgba(247,245,242,0.25);color:var(--white)}
button,.btn{border-radius:2px!important}
.ms-input-group{margin-bottom:24px}
.ms-label{display:block;font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmer);margin-bottom:10px}
.ms-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--white);padding:10px 0;font-size:14px;font-weight:300;font-family:var(--sans);outline:none;transition:border-color .25s;letter-spacing:0.04em;border-radius:0}
.ms-input:focus{border-bottom-color:rgba(247,245,242,0.4)}
.ms-input::placeholder{color:var(--dimmer);font-weight:300}
select.ms-input{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%23C8A96B'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 10px center}
select.ms-input option{background:var(--black);color:var(--white)}
textarea.ms-input{resize:vertical;min-height:100px}
.ms-field{margin-bottom:20px}
.ms-field-label{display:block;font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmer);margin-bottom:8px}
.ms-field-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--white);padding:10px 0;font-size:14px;font-weight:300;font-family:var(--sans);outline:none;transition:border-color .25s;border-radius:0}
.ms-field-input:focus{border-bottom-color:rgba(247,245,242,0.4)}
.ms-sign-in-btn{width:100%;background:var(--white);color:var(--black);padding:15px;font-size:11px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;border:none;cursor:pointer;transition:background .25s;font-family:var(--sans)}
.ms-sign-in-btn:hover{background:var(--gold);color:var(--black)}
#ms-nav{position:fixed;top:0;left:0;right:0;z-index:900;height:72px;display:flex;align-items:center;transition:background .4s}
#ms-nav.scrolled{background:rgba(13,13,13,0.97);backdrop-filter:blur(20px)}
#ms-nav .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:none;padding:0 3rem}
.nav-logo{display:flex;align-items:center;gap:10px}
.nav-logo-mark{width:32px;height:32px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:13px;font-weight:600;color:var(--gold)}
.nav-logo-name{font-family:var(--serif);font-size:1.2rem;font-weight:500;letter-spacing:0.14em;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}
.nav-links a{font-size:11px;font-weight:400;letter-spacing:0.18em;text-transform:uppercase;color:rgba(247,245,242,0.55);transition:color .2s}
.nav-links a:hover{color:var(--white)}
.nav-actions{display:flex;align-items:center;gap:1.5rem}
.nav-sign-in{font-size:11px;font-weight:400;letter-spacing:0.18em;text-transform:uppercase;color:rgba(247,245,242,0.55);transition:color .2s;cursor:pointer;background:none;border:none}
.nav-sign-in:hover{color:var(--white)}
.nav-cta{font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--white);padding:10px 24px;border:1px solid rgba(247,245,242,0.3);transition:all .25s}
.nav-cta:hover{border-color:var(--white)}
.app-header{position:fixed;top:0;left:280px;right:0;height:64px;z-index:100;background:rgba(13,13,13,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 2.5rem;gap:1rem}
.app-header-title{font-family:var(--serif);font-size:1rem;font-weight:400;letter-spacing:0.08em;color:var(--white);flex:1}
.app-header-user{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim)}
.app-header-user span{color:var(--gold)}
.ahbtn{background:transparent;border:1px solid var(--border);color:rgba(247,245,242,0.5);padding:8px 12px;font-size:12px;transition:all .2s;border-radius:0;cursor:pointer}
.ahbtn:hover{border-color:rgba(247,245,242,0.25);color:var(--white)}
.ahbtn.bs-3{border-color:rgba(200,50,50,0.2);color:rgba(255,100,100,0.6)}
.ahbtn.bs-3:hover{border-color:rgba(255,80,80,0.5);color:#ff8080}
.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:200;background:#0a0a0a;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease}
.sidebar-header{padding:28px 28px 24px;border-bottom:1px solid var(--border)}
.sidebar-logo-cont{display:flex;align-items:center;gap:10px;text-decoration:none}
.sidebar-logo-text{font-family:var(--serif);font-size:1.1rem;font-weight:500;letter-spacing:0.12em;color:var(--white)}
.sidebar-big-logo{max-height:40px}
.sidebar-section-label{font-size:9px;font-weight:500;letter-spacing:0.25em;text-transform:uppercase;color:var(--dimmer);padding:20px 28px 8px}
.sidebar-menu{list-style:none;padding:0 14px}
.sidebar-menu li.menu-link{margin-bottom:2px}
.sidebar-menu a.menu-link{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:11px;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim);transition:all .2s}
.sidebar-menu a.menu-link:hover{color:var(--white);background:rgba(255,255,255,.04);border-radius:5px}
.sidebar-menu li.active>a.menu-link{color:var(--white);background:rgba(255,255,255,.12);border-radius:5px}
.menu-icon{width:18px;text-align:center;font-size:14px;flex-shrink:0}
.app-main{padding-left:280px;padding-top:64px;min-height:100vh}
.page-content{padding:3rem 2.5rem}
.page-title-content{flex:1}
.pg-titlte{font-family:var(--serif);font-size:1.1rem;font-weight:400;letter-spacing:0.06em;color:var(--white)}
.p-color{color:var(--gold)}
.pg-text{font-size:11px;letter-spacing:0.06em;color:var(--dim);margin-top:2px}
.dropdown{position:relative}
.dropdown-content{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#111;border:1px solid var(--border);min-width:140px;z-index:500}
.dropdown-content a{display:block;padding:10px 16px;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--dim);transition:color .15s}
.dropdown-content a:hover{color:var(--white)}
.hp-title,.hp-bbox .hp-title{font-family:var(--serif);font-size:2.8rem;font-weight:300;color:var(--white);line-height:1.1;margin-bottom:1rem}
.hp-bbox{padding:4rem 0}
.hpbb-text{font-size:14px;color:var(--dim);line-height:1.9;max-width:600px}
.card{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:0}
.card-body{padding:2rem;color:var(--dim);font-size:14px;line-height:1.9}
.card-body h3{font-family:var(--serif);font-size:1.6rem;font-weight:400;color:var(--white);margin-bottom:1rem}
.faq-ss-tabs{margin-top:1rem}
.home-ss-tab{border-bottom:1px solid var(--border)}
.ss-tab-head{padding:1.25rem 0;cursor:pointer;font-size:13px;font-weight:400;letter-spacing:0.06em;color:var(--white);display:flex;justify-content:space-between;align-items:center;transition:color .2s}
.ss-tab-head:hover{color:var(--gold)}
.ss-tab-content{display:none;padding:0 0 1.5rem;font-size:13px;color:var(--dim);line-height:1.9}
.ss-tab-content.open{display:block}
.nav-pills.nav-custom{display:flex;list-style:none;gap:0;border-bottom:1px solid var(--border);margin-bottom:2rem}
.nav-pills.nav-custom .nav-link{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--dimmer);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;padding:12px 20px;cursor:pointer;transition:all .2s;margin-bottom:-1px;font-family:var(--sans)}
.nav-pills.nav-custom .nav-link.active{color:var(--white);border-bottom-color:var(--gold)}
.tab-pane{display:none}
.tab-pane.active.show{display:block}
.alert{padding:12px 16px;margin-bottom:16px;font-size:13px;border:none}
.alert-danger{background:rgba(200,0,0,0.1);color:#ff8a8a;border-left:2px solid #cc0000}
.alert-success{background:rgba(0,200,80,0.08);color:#6dffaa;border-left:2px solid #00bb44}
.form-check{display:flex;align-items:center;gap:8px}
.form-check-input{width:14px;height:14px;accent-color:var(--gold);border-radius:0}
.form-check-label{font-size:12px;color:var(--dimmer)}
.app-rightbar{position:fixed;right:-320px;top:64px;bottom:0;width:320px;background:#0a0a0a;border-left:1px solid var(--border);z-index:150;transition:right .3s ease;overflow-y:auto}
.app-rightbar.open{right:0}
.app-rb-body{padding:0 1.5rem 2rem}
.rm-title{font-family:var(--serif);font-size:1.1rem;font-weight:400;color:var(--white)}
.nav-tabs.nav-custom{border-bottom:1px solid var(--border);display:flex;list-style:none;gap:0;margin-bottom:1.5rem}
.nav-tabs.nav-custom .nav-link{background:none;border:none;border-bottom:2px solid transparent;color:var(--dimmer);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;padding:10px 14px;cursor:pointer;transition:all .2s;margin-bottom:-1px}
.nav-tabs.nav-custom .nav-link.active{color:var(--white);border-bottom-color:var(--gold)}
.card-announce{border-bottom:1px solid var(--border);padding:1.25rem 0}
.can-top{display:flex;justify-content:space-between;margin-bottom:6px}
.can-cat{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold)}
.can-time{font-size:11px;color:var(--dimmer);display:flex;align-items:center;gap:4px}
.can-text{font-size:13px;color:var(--dim);line-height:1.7}
.app-navbar{display:none}
@media(max-width:768px){
  .app-navbar{display:block;position:fixed;bottom:0;left:0;right:0;height:56px;background:#0a0a0a;border-top:1px solid var(--border);z-index:300}
  .app-navbar .row{display:flex;height:100%}
  .app-navbar .col{flex:1;display:flex;align-items:center;justify-content:center}
  .navbar-icon{font-size:18px;color:var(--dimmer)}
  .navbar-mid-icon{width:32px}
  .app-main{padding-bottom:56px}
  .app-header{left:0;padding:0 1rem;gap:0}
  .app-header-title{display:none}
  .app-header-user{display:none}
  .app-sidebar{transform:translateX(-100%)}
  .app-sidebar.open{transform:translateX(0)}
  .app-main{padding-left:0}
  .container,.container-fluid{padding:0 1.5rem}
  .col{flex:100%}
  #neworder_fields>.row{flex-direction:column!important}
  .card-order{margin-bottom:15px}
}
@media(max-width:500px){
  .container-fluid{width:100%;padding:10px!important}
  .service-item .tservice-id,.service-item .tservice-per,.service-item .tservice-min,.service-item .tservice-max,.service-item .tservice-avg{display:none}
  .service-item .tservices-row{display:flex;align-items:center;gap:0}
  .service-item .tservice-name{flex:1;min-width:0}
  .service-item .tservice-des{flex:0 0 auto}
  .service-item{padding:.5rem .75rem}
  .service-title{font-size:.85rem;padding:.6rem .75rem}
  .fg.fg-dark{margin-top:20px!important}
  #ms-nav{background:var(--black)!important}
  #order_link,#order_quantity,#charge_div{width:100%!important}
  #order_link .form-control,#order_quantity .form-control{width:100%!important}
  .min-max{width:100%!important;display:block!important}
}
.cookie-overlay{position:fixed;bottom:2rem;left:2rem;background:#111;border:1px solid var(--border);z-index:2051;padding:1.5rem;max-width:380px}
.ms-wa-float{position:fixed;bottom:2rem;right:2rem;z-index:800;width:48px;height:48px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s;box-shadow:0 4px 20px rgba(37,211,102,0.2)}
.ms-wa-float:hover{transform:scale(1.08)}
.ms-wa-float svg{width:22px;height:22px;fill:white}
.sticky-header{position:sticky;top:0;z-index:100}
.modal-hide{display:none;position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,0.9);align-items:center;justify-content:center}
.smm-spot-modal{background:#111;border:1px solid var(--border);padding:3rem;max-width:460px;width:90%;position:relative}
.modal-close-button{position:absolute;top:1.5rem;right:1.5rem;cursor:pointer;opacity:.4;font-size:18px;background:none;border:none;color:var(--white)}
.modal-close-button:hover{opacity:1}
.bs-toast{position:fixed;bottom:2rem;right:2rem;z-index:3000;display:none}
.bs-toast-content{background:#111;border:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;gap:12px;font-size:13px}
.toast-times{background:none;border:none;color:var(--dim);cursor:pointer}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.row>*{padding:0 15px;flex:0 0 auto}
.col-sm-4{width:33.333%}
.col-sm-6{width:50%}
.col-sm-8{width:66.667%}
.col-sm-12{width:100%}
.col-md-2{width:16.667%}
.col-md-3{width:25%}
.col-md-4{width:33.333%}
.col-md-6{width:50%}
.col-md-8{width:66.667%}
.col-md-10{width:83.333%}
.col-md-12{width:100%}
.col-lg-2{width:16.667%}
.col-lg-3{width:25%}
.col-lg-4{width:33.333%}
.col-lg-6{width:50%}
.col-lg-7{width:58.333%}
.col-lg-12{width:100%}
.pull-right{float:right}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.float-right{float:right}
.nowrap{white-space:nowrap}
.hidden{display:none!important}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.5rem}
.mt-5{margin-top:3rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mr-1{margin-right:.25rem}
.mr-2{margin-right:.5rem}
.p0{padding:0!important}
.py-3{padding-top:1rem;padding-bottom:1rem}
.well{background:rgba(255,255,255,0.02);border:1px solid var(--border);padding:2rem;margin-bottom:1.5rem}
.well-float{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:12px;color:var(--dim)}
.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left}
.table th{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--dimmer);font-weight:500}
.table tbody tr:hover{background:rgba(255,255,255,0.02)}
.serName{font-family:var(--serif);font-size:1.1rem;color:var(--white);padding:16px 10px!important}
.badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:500;letter-spacing:0.04em;border-radius:0}
.badge.min{background:rgba(0,200,80,0.12);color:#6dffaa}
.badge.max{background:rgba(200,169,107,0.12);color:var(--gold)}
.btn-alternate{background:transparent;border:1px solid var(--border);color:var(--dimmer);padding:4px 12px;font-size:10px;cursor:pointer;transition:all .2s;letter-spacing:0.1em;text-transform:uppercase}
.btn-alternate:hover{border-color:rgba(247,245,242,0.25);color:var(--white)}
.pagination{display:flex;justify-content:center;gap:4px;padding:2rem 0;list-style:none}
.pagination li a,.pagination li span{display:block;padding:8px 14px;font-size:12px;border:1px solid var(--border);color:var(--dim);transition:all .2s;cursor:pointer}
.pagination li.active a,.pagination li.active span{background:var(--gold);color:var(--black);border-color:var(--gold)}
.pagination li a:hover{background:rgba(255,255,255,0.04);color:var(--white)}
.userInfo{display:flex;gap:20px;margin-bottom:2rem}
.singlebox{flex:1;background:rgba(255,255,255,0.02);border:1px solid var(--border);padding:1.5rem}
.singlebox .media{display:flex;align-items:center;gap:15px}
.singlebox .media-body h4{font-family:var(--serif);font-size:1.6rem;font-weight:400;color:var(--white)}
.singlebox .media-body p{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--dimmer);margin-top:2px}
.serBtn{margin:2px}
.pageTitle{font-family:var(--serif);font-size:1.6rem;font-weight:400;color:var(--white);margin-bottom:1.5rem}
.ms-footer{background:#0a0a0a;border-top:1px solid var(--border);padding:4rem 3rem 2rem}
.ms-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.ms-footer-brand-name{font-family:var(--serif);font-size:1.3rem;font-weight:500;letter-spacing:0.1em;color:var(--white)}
.ms-footer-brand-tag{font-size:11px;color:var(--dimmer);margin-bottom:1rem}
.ms-footer-brand-desc{font-size:12px;color:var(--dim);line-height:1.8;max-width:400px}
.ms-footer-col-title{font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--white);margin-bottom:1.25rem}
.ms-footer-links li{margin-bottom:.5rem}
.ms-footer-links a{font-size:12px;color:var(--dim);transition:color .2s}
.ms-footer-links a:hover{color:var(--white)}
.ms-footer-support-hours{margin-top:1.5rem}
.ms-footer-hours-label{font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--dimmer);margin-bottom:.5rem}
.ms-footer-hours-text{font-size:11px;color:var(--dim);line-height:1.7}
.ms-footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center}
.ms-footer-copy{font-size:11px;color:var(--dimmer)}
.ms-footer-disclaimer{font-size:10px;color:var(--dimmer);max-width:600px;text-align:right;line-height:1.6}
@media(max-width:768px){
  .ms-footer-top{grid-template-columns:1fr;gap:2rem}
  .ms-footer-bottom{flex-direction:column;gap:1rem;text-align:center}
  .ms-footer-disclaimer{text-align:center}
  .userInfo{flex-direction:column}
}
.g-card{background:rgba(255,255,255,0.02);border:1px solid var(--border)}
.g-card-body{padding:2rem}
.d-card{background:rgba(255,255,255,0.02);border:1px solid var(--border)}
.d-card-body{padding:1.5rem}
.orderNav{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.orderNav li a{display:block;padding:8px 16px;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--dimmer);border:1px solid var(--border);transition:all .2s}
.orderNav li a.active,.orderNav li a:hover{color:var(--white);border-color:var(--gold)}
.orderNav li.pull-right{margin-left:auto}
.dfb-search{display:flex}
.dfb-input{background:transparent;border:1px solid var(--border);padding:8px 12px;color:var(--white);font-size:12px;outline:none;width:200px;font-family:var(--sans)}
.dfb-submit{background:transparent;border:1px solid var(--border);border-left:none;padding:8px 12px;color:var(--dimmer);cursor:pointer}
.accordion .card-header{padding:0;border-bottom:1px solid var(--border)}
.accordion .card-header a{display:block;padding:1rem 1.5rem;text-decoration:none;transition:background .2s}
.accordion .card-header a:hover{background:rgba(255,255,255,0.02)}
.accordion .card-body{padding:1.5rem}
.accordion .card-body ul{list-style:none;padding:0}
.accordion .card-body ul li{font-size:12px;color:var(--dim);padding:4px 0}
.accordion .card-body ul li strong{color:var(--white);display:inline-block;min-width:120px}
.ordNumber{font-size:12px;color:var(--dim)}
.ordNumber code{background:rgba(200,169,107,0.1);color:var(--gold);padding:2px 6px;font-size:11px}
.ordStatus{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:0.1em;text-transform:uppercase}
.filterWrap{margin-bottom:1.5rem}
.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin-bottom:1rem}
.tags li{font-size:10px;letter-spacing:0.06em;color:var(--dimmer);padding:3px 8px;background:rgba(255,255,255,0.03);border:1px solid var(--border)}
.modal{display:none;position:fixed;inset:0;z-index:1050;background:rgba(0,0,0,0.8);align-items:center;justify-content:center}
.modal.open{display:flex}
.modal-dialog{width:100%;max-width:500px;margin:2rem}
.modal-content{background:#111;border:1px solid var(--border);position:relative}
.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.modal-title{font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--white)}
.modal-header .close{background:none;border:none;color:var(--dimmer);font-size:20px;cursor:pointer}
.modal-body{padding:1.5rem;color:var(--dim);font-size:13px;line-height:1.8}
.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);text-align:right}
.ticket-steps{display:flex;justify-content:center;gap:2rem;list-style:none;padding:0;margin:0 0 2rem}
.ticket-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dimmer)}
.ticket-steps li.active{color:var(--gold)}
.ticket-steps li span:first-child{width:28px;height:28px;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--serif)}
.ticket-message-block{margin-bottom:1rem}
.ticket-message-right .message{background:rgba(200,169,107,0.05);border:1px solid rgba(200,169,107,0.15);padding:1rem;color:var(--dim);font-size:13px;line-height:1.8}
.ticket-message-left .message{background:rgba(255,255,255,0.03);border:1px solid var(--border);padding:1rem;color:var(--dim);font-size:13px;line-height:1.8}
.info{font-size:11px;color:var(--dimmer)}
.info strong{color:var(--white)}
.badge{display:inline-block;padding:2px 8px;font-size:9px;letter-spacing:0.08em;text-transform:uppercase}
.badge-success{background:rgba(0,200,80,0.15);color:#6dffaa}
.badge-warning{background:rgba(200,169,107,0.15);color:var(--gold)}
.badge-danger{background:rgba(200,50,50,0.15);color:#ff6b6b}
.badge-info{background:rgba(50,150,255,0.15);color:#6ba3ff}
.copy-btn{background:none;border:none;color:var(--gold);cursor:pointer;font-size:12px;padding:0 4px}
.ord-action-btn{background:transparent;border:1px solid var(--border);color:var(--dimmer);padding:4px 10px;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;margin:1px}
.ord-action-btn:hover{border-color:rgba(247,245,242,0.25);color:var(--white)}
.ord-action-btn.refill{color:#6dffaa;border-color:rgba(0,200,80,0.2)}
.ord-action-btn.cancel{color:#ff6b6b;border-color:rgba(200,50,50,0.2)}
.searchForm{display:flex;gap:8px;margin-bottom:1.5rem}
.searchForm input{background:transparent;border:1px solid var(--border);padding:8px 12px;color:var(--white);font-size:12px;outline:none;flex:1;font-family:var(--sans)}
.searchForm button{background:transparent;border:1px solid var(--border);padding:8px 14px;color:var(--dimmer);cursor:pointer}
.ms-modal{position:fixed;inset:0;z-index:1050;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center}
.ms-modal.open{display:flex}
.ms-modal-content{background:#111;border:1px solid var(--border);padding:2rem;max-width:480px;width:90%;max-height:80vh;overflow-y:auto}
.ms-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--dimmer);font-size:16px;cursor:pointer}
.order-card{padding:1.25rem;border-bottom:1px solid var(--border);transition:background .2s}
.order-card:hover{background:rgba(255,255,255,0.01)}
.order-card-top{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer}
.order-card-id{font-size:12px;color:var(--dim)}
.order-card-id code{background:rgba(200,169,107,0.1);color:var(--gold);padding:1px 5px}
.order-card-service{font-family:var(--serif);font-size:1rem;color:var(--white);margin:4px 0}
.order-card-link{font-size:12px;color:var(--dimmer);word-break:break-all}
.order-card-details{display:none;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border);font-size:12px;color:var(--dim)}
.order-card-details.open{display:block}
.order-card-details dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 1rem}
.order-card-details dt{color:var(--dimmer);font-weight:400;letter-spacing:0.06em}
.order-card-details dd{color:var(--white);text-align:right}
.order-card-actions{display:flex;gap:6px;margin-top:1rem}
.empty-state{text-align:center;padding:4rem 2rem}
.empty-state img{width:80px;opacity:.3;margin-bottom:1.5rem}
.empty-state p{font-size:13px;color:var(--dimmer)}
.fga{margin-bottom:1.5rem;position:relative}
.fga .fla{display:block;font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmer);margin-bottom:10px}
.fga .fg{position:relative}
.fga .fg-control{width:100%;background:transparent;border:1px solid var(--border);color:var(--white);padding:14px 16px 14px 44px;font-size:13px;font-weight:300;font-family:var(--sans);outline:none;transition:border-color .25s;appearance:none;border-radius:0}
.fga .fg-control:focus{border-color:rgba(247,245,242,0.3)}
.fga .fg-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dimmer);font-size:14px;z-index:2}
.fg-control option,.form-control option{background:var(--black);color:var(--white)}
.fga .fg .dropdown .form-control{width:100%;background:transparent;border:1px solid var(--border);color:var(--white);padding:14px 16px;font-size:13px;font-weight:300;font-family:var(--sans);text-align:left;cursor:pointer;border-radius:0}
.fga .fg .dropdown-menu{width:100%;background:#111;border:1px solid var(--border);max-height:220px;overflow-y:auto;position:absolute;z-index:100;top:100%;left:0;display:none}
.fga .fg .dropdown.open>.dropdown-menu,.fga .fg .dropdown .dropdown-menu.show{display:block}
.fga .fg .dropdown-item{display:block;padding:10px 16px;font-size:12px;color:var(--dim);cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}
.fga .fg .dropdown-item:hover{background:rgba(255,255,255,0.04);color:var(--white)}
.t-head{padding:0 0 1.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}
.t-head h2{font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--white)}
.t-head p{font-size:11px;color:var(--dimmer);margin-top:4px}
.t-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.top-card{background:rgba(255,255,255,0.02);border:1px solid var(--border);padding:1.5rem;transition:border-color .2s;min-height:100px;display:flex;align-items:center}
.top-card:hover{border-color:rgba(200,169,107,0.3)}
.top-card h2{font-size:9px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmer);margin-bottom:6px}
.top-card h3{font-family:var(--serif);font-size:1.4rem;font-weight:400;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cnb-circle{width:44px;height:44px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold)}
.cb-content{background:rgba(200,169,107,0.03);border:1px solid rgba(200,169,107,0.12);padding:1.5rem;border-radius:0}
.cb-content .text-muted{font-size:11px;color:var(--dimmer);line-height:1.7}
.cb-content a{color:var(--gold)}
.dp-service-text{padding:1rem 0;font-size:13px;color:var(--dim);line-height:1.8;min-height:60px}
.checkbox{margin:1.25rem 0;display:flex;align-items:center;gap:10px}
.checkbox label{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:8px;cursor:pointer}
.checkbox input[type="checkbox"]{accent-color:var(--gold);width:16px;height:16px}
.card .py-4{padding-top:1.5rem;padding-bottom:1.5rem}
.px-lg-3{padding-left:1.5rem;padding-right:1.5rem}
.px-4{padding-left:2rem;padding-right:2rem}
.px-lg-4{padding-left:2rem;padding-right:2rem}
.br{border-right:1px solid var(--border)}
.top-card .row{align-items:center;width:100%}.top-card .row>.col{min-width:0}
.col-4{width:33.333%;padding:0 10px}
.col-auto{flex:0 0 auto;padding:0 10px}
.col{flex:1;padding:0 10px}
.mb-4{margin-bottom:1.5rem}
.mt-2{margin-top:.5rem}
.mb-5{margin-bottom:3rem}
.text-center{text-align:center}
.align-items-center{align-items:center}
.order-card .btn-block{margin-top:8px}
.form-group.hidden.fields #neworder_fields .form-group{padding:0 0 8px}
.dropdown .dropdown-menu .dropdown-item{font-size:12px}
#neworder_fields .form-group{margin-bottom:16px}
#neworder_fields .form-group label{display:block;font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmer);margin-bottom:8px}
#neworder_fields .form-group input,
#neworder_fields .form-group textarea,
#neworder_fields .form-group select{width:100%;background:transparent;border:1px solid var(--border);color:var(--white);padding:12px 16px;font-size:13px;font-weight:300;font-family:var(--sans);outline:none;transition:border-color .25s;border-radius:0}
#neworder_fields .form-group input:focus,
#neworder_fields .form-group textarea:focus{border-color:rgba(247,245,242,0.3)}
#neworder_fields .form-group textarea{min-height:100px;resize:vertical}
#neworder_fields .help-block{font-size:11px;color:var(--dimmer);margin-top:6px;display:block}
#neworder_fields .hidden{display:none}
.fields{display:none}
.fields:not(.hidden){display:block}
.text-dimmer{color:var(--dimmer)}

/* ─── SERVICES PAGE ─── */
.services-list{margin-bottom:2rem}
.tservice-head{display:none}
@media(min-width:768px){
  .tservice-head{display:block;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:0}
}
.tservices-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
@media(min-width:768px){
  .tservices-row{flex-wrap:nowrap;gap:0}
}
.tservice-head .tservices-row{padding:0 1rem}
.tservice-head .tservices-row>div{font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--dimmer)}
.tservice-id{flex:0 0 60px}
.tservice-name{flex:1;min-width:160px}
.tservice-per,.tservice-min,.tservice-max,.tservice-avg{flex:0 0 80px}
.tservice-des{flex:0 0 60px;text-align:right}
.service-title{padding:.75rem 1rem;margin-top:1rem;background:rgba(255,255,255,.02);border:1px solid var(--border);font-family:var(--serif);font-size:.95rem;font-weight:400;color:var(--gold);letter-spacing:.04em}
.service-item{border-bottom:1px solid var(--border);padding:.75rem 1rem;transition:background .15s}
.service-item:hover{background:rgba(255,255,255,.025)}
.service-item .tservices-row>div{font-size:13px;color:var(--dim);padding:2px 0}
.service-item .tservice-id{color:var(--white);font-weight:400}
.service-item .tservice-per{color:var(--white)}
.t-service-m-title{display:block;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--dimmer);margin-bottom:2px}
@media(min-width:768px){.t-service-m-title{display:none}}
.service-id-box{display:inline-block;background:rgba(255,255,255,.05);border:1px solid var(--border);padding:2px 8px;font-size:11px;font-family:var(--sans);color:var(--dim);margin-bottom:20px}
.pm-ikon{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--dim)}
.pm-ikon .fab,.pm-ikon .fa{font-size:14px}
.fg{position:relative}
.fg .fg-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dimmer);font-size:14px;z-index:2;pointer-events:none}
.fg .fg-control{width:100%;background:transparent;border:1px solid var(--border);color:var(--white);padding:14px 16px 14px 44px;font-size:13px;font-weight:300;font-family:var(--sans);outline:none;transition:border-color .25s;border-radius:0}
.fg .fg-control:focus{border-color:rgba(247,245,242,0.3)}
.fg .fg-control::placeholder{color:var(--dimmer)}
.fg-dark .fg-control{background:rgba(255,255,255,.03)}
#history-search{display:flex;align-items:stretch}
#history-search .fg-control{flex:1}
.search-btn{background:transparent;border:1px solid var(--border);border-left:none;padding:14px 16px;color:var(--dimmer);cursor:pointer;font-size:13px;transition:color .2s}
.search-btn:hover{color:var(--white)}
.white-filter{filter:brightness(0) invert(1)}
.s-filter .dropdown-menu{background:#111;border:1px solid var(--border);border-radius:0;padding:0;max-height:300px;overflow-y:auto;width:100%}
.s-filter .dropdown-item{color:var(--dim);font-size:12px;padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer}
.s-filter .dropdown-item:hover{background:rgba(255,255,255,.04);color:var(--white)}
.services-info{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:1.5rem}
.si-item{text-align:center;flex:1}
.si-circle{width:40px;height:40px;margin:0 auto 8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--gold)}
.si-item small{display:block;font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--dimmer);margin-bottom:4px}
.si-item p{font-size:14px;color:var(--white);margin:0}
.si-overlay{display:none}

/* ─── MODAL OVERRIDES ─── */
.modal-content{background:#111;border:1px solid var(--border);border-radius:0}
.modal-header{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}
.modal-header .btn-close{color:var(--white);opacity:.5}
.modal-body{padding:1.5rem;color:var(--dim);font-size:13px;line-height:1.8}
.modal-body h3{font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--white);margin-bottom:1rem}

/* ─── ORDERS PAGE ─── */
.order-navs{list-style:none;padding:0;margin:0;display:flex;gap:0;border-bottom:1px solid var(--border);overflow-x:auto}
.order-navs li a{display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dimmer);border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}
.order-navs li.active a,.order-navs li a:hover{color:var(--white);border-bottom-color:var(--gold)}
.order-navs li a i{font-size:12px}
.order-list{margin-top:1rem}
.card-order{background:var(--black);border:1px solid var(--border);border-radius:0;margin-bottom:1rem}
.card-order .card-body{padding:1.25rem}
.co-part{display:flex;align-items:center}
.co-text{font-size:13px;font-weight:400;color:var(--white);margin:0;line-height:1.5}
.coh-icon{font-size:14px;color:var(--gold);font-weight:600;min-width:32px}
.order-input{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.03);border:1px solid var(--border);padding:6px 12px;max-width:320px}
.order-input .oi-control{font-size:12px;color:var(--dimmer);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;display:inline-block;vertical-align:middle}
.order-input .oi-control:hover{color:var(--white)}
.co-right{justify-content:flex-end;gap:12px}
.order-status{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border:1px solid;text-align:center}
.os-completed{color:#2ecc71;border-color:#2ecc71}
.os-processing{color:#3498db;border-color:#3498db}
.os-pending{color:#f39c12;border-color:#f39c12}
.os-partial{color:#e67e22;border-color:#e67e22}
.os-iprogress{color:#9b59b6;border-color:#9b59b6}
.os-cancel{color:#e74c3c;border-color:#e74c3c}
.co-right-right button{background:transparent;border:1px solid var(--border);color:var(--dimmer);padding:6px 12px;cursor:pointer;transition:all .2s}
.co-right-right button:hover{color:var(--white);border-color:var(--white)}
.co-hidden{padding-top:1rem;border-top:1px solid var(--border);margin-top:1rem}
.chid-item{padding:12px;background:rgba(255,255,255,.02);border:1px solid var(--border)}
.coh-m-title{font-size:15px;font-weight:400;color:var(--white);margin:0}
.coh-count{font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--dimmer);margin-top:2px}
.order-list .ahbtn{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:10px 20px;border-radius:0;background:transparent;border:1px solid var(--border);color:var(--dimmer);cursor:pointer;transition:all .2s;width:100%}
.order-list .ahbtn:hover{color:var(--white);border-color:var(--white)}

/* ─── PAGE HEADERS ─── */
.hpbb-body{padding:0}
.hpbb-body .hp-title{font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--white);margin-bottom:1rem}
.hpbb-body .hpbb-text{font-size:14px;color:var(--dim);line-height:1.9;max-width:600px}
.hp-bbox{padding:0!important;margin:0!important}

/* ─── AFFILIATES ─── */
.card-afip-body{padding:1.5rem}
.afip-username-t{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dimmer);margin-bottom:4px}
.afip-username{font-size:16px;font-weight:400;color:var(--white)}
.afip-username i{color:var(--gold);font-size:14px;margin-left:4px}
.afip-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#6f42c1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}
.afip-box{display:flex;align-items:center;gap:12px;margin:6px 0;padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:10px;transition:all .2s}
.afip-box:hover{border-color:var(--primary);background:rgba(255,255,255,.04)}
.afip-btn{background:transparent;border:1px solid var(--border);color:var(--dimmer);padding:8px 12px;cursor:pointer;transition:all .2s;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}
.afip-btn:hover{color:var(--white);border-color:var(--primary);background:rgba(255,255,255,.04)}
.afip-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.afip-left{flex:1}
.afip-title{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--dimmer);margin-bottom:2px}
.afip-text{font-size:13px;color:var(--white);word-break:break-all;line-height:1.5}
.afip-card{background:rgba(255,255,255,.02);border:1px solid var(--border)}
.afip-card .card-body{padding:1rem;text-align:center}
.c-title{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--dimmer);margin-bottom:6px}
.c-num{font-size:20px;font-weight:400;color:var(--white);font-family:var(--serif)}

/* ─── ADD FUNDS ─── */
.th-3 .t-icon i{font-size:20px;color:var(--gold)}
.th-3 h2{font-family:var(--serif);font-size:1.1rem;font-weight:400;color:var(--white);margin-bottom:4px}
.th-3 p{font-size:11px;color:var(--dimmer)}
.from-text{font-size:11px;color:var(--dimmer);margin-top:6px;display:block;line-height:1.6}
.from-text i{color:var(--gold);margin-right:4px}
.custom-payment-content,.custom-payment-content-bkash,.normal-payment{font-size:13px;color:var(--dim);line-height:1.8}
.custom-payment-content p,.custom-payment-content-bkash p{margin:0}
.old-payments .card{background:rgba(255,255,255,.02);border:1px solid var(--border)}
.op-title{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--dimmer);margin-bottom:4px}
.op-id,.op-date{font-size:13px;font-weight:400;color:var(--white)}
.op-status{font-size:14px;font-weight:400;color:var(--gold)}
.btn-dark{display:inline-block;padding:14px 36px;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;background:rgba(255,255,255,.05);color:var(--dim);border:1px solid var(--border);cursor:pointer;transition:all .2s;text-align:center}
.btn-dark:hover{color:var(--white);border-color:var(--white)}
.btn-lg{padding:14px 40px;font-size:12px}

/* ─── CHILD PANELS ─── */
.rtl-alert{direction:rtl}
.close{background:none;border:none;color:var(--dimmer);font-size:20px;cursor:pointer;float:right;line-height:1;opacity:.5;transition:opacity .2s}
.close:hover{opacity:1}

/* ─── API PAGE ─── */
.api .table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;color:var(--dim);font-size:13px;background:transparent}
.api .table-bordered{border:1px solid var(--border)}
.api .table-bordered th,.api .table-bordered td{border:1px solid var(--border);padding:12px 16px;text-align:left}
.api .table th{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--dimmer)}
.api .table td{color:var(--dim)}
.api .width-40{width:40%}
.center-big-content-block{margin-bottom:2rem}
.m-t-md{margin-top:1.5rem}
.api .code{background:rgba(255,255,255,.03);border:1px solid var(--border);padding:1.25rem;font-family:'Courier New',monospace;font-size:12px;line-height:1.8;color:var(--dim);overflow-x:auto;white-space:pre;margin-bottom:1.5rem}
.api .form-inline .fg-control{width:auto;display:inline-block}
.api .input-sm{padding:8px 14px;font-size:12px}
.form-inline{display:flex;align-items:center;gap:8px}

/* ─── TICKETS ─── */
.old-tickets .old-ticket a{display:block;color:inherit;text-decoration:none}
.old-tickets .old-ticket .card{background:rgba(255,255,255,.02);border:1px solid var(--border);transition:border-color .2s}
.old-tickets .old-ticket .card:hover{border-color:rgba(247,245,242,.15)}
.op-answered{color:#2ecc71!important}
.op-waiting{color:#f39c12!important}
.op-closed{color:#e74c3c!important}
.ticket-steps li{opacity:1!important}
.ticket-steps li span[style]{font-size:11px!important;color:var(--dimmer)!important}
.noorders p{font-size:14px;color:var(--dim);line-height:1.7}
.noorders p strong{color:var(--white)}

/* ─── PAGINATION ─── */
.pagination{list-style:none;padding:0;display:flex;gap:4px;justify-content:center;margin:2rem 0}
.pagination li a,.pagination li span{display:block;padding:8px 14px;font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--dimmer);border:1px solid var(--border);transition:all .2s}
.pagination li.active a,.pagination li a:hover{color:var(--white);border-color:var(--white);background:rgba(255,255,255,.04)}