:root{
    --royal-bg:#02050b;
    --royal-panel:#071019;
    --royal-panel2:#091018;
    --royal-cyan:#00ffd0;
    --royal-blue:#00a8ff;
    --royal-text:#ffffff;
    --royal-muted:#aeb6bf;
    --royal-border:rgba(255,255,255,.07);
    --royal-glow:rgba(0,255,200,.18);
}

html{scroll-behavior:smooth}
body.royal-whmcs-page{
    background:var(--royal-bg)!important;
    color:var(--royal-text)!important;
    font-family:'Inter',sans-serif!important;
    overflow-x:hidden;
    padding-top:114px;
}
body.royal-whmcs-page:before{
    content:"";
    position:fixed;
    inset:0;
    background:
        radial-gradient(circle at 12% 18%,rgba(0,255,200,.11),transparent 32%),
        radial-gradient(circle at 88% 20%,rgba(0,120,255,.12),transparent 35%),
        radial-gradient(circle at 50% 100%,rgba(0,255,180,.06),transparent 45%);
    z-index:-3;
    pointer-events:none;
}
body.royal-whmcs-page:after{
    content:"";
    position:fixed;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);
    z-index:-2;
    pointer-events:none;
}
a{transition:.25s}.container{max-width:1550px}.primary-content{color:#fff}

/* HEADER */
.royal-header{
    position:fixed;top:0;left:0;width:100%;z-index:9999;
    background:rgba(1,5,10,.84);
    backdrop-filter:blur(22px);
    border-bottom:1px solid rgba(255,255,255,.06);
}
.royal-topbar{height:36px;background:rgba(7,15,24,.72);border-bottom:1px solid rgba(255,255,255,.045)}
.royal-topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.royal-top-left,.royal-top-right{display:flex;align-items:center;gap:12px;color:#aeb7c2;font-size:12px;font-weight:600}
.royal-top-right a{color:#8e99a5}.royal-top-right a:hover{color:var(--royal-cyan);text-decoration:none}
.royal-live-dot{width:9px;height:9px;border-radius:50%;background:#00ff88;box-shadow:0 0 14px #00ff88;display:inline-block}
.royal-separator{color:#4b5662}
.royal-clientbar{background:rgba(0,255,200,.035);border-bottom:1px solid rgba(255,255,255,.04)}
.royal-clientbar-inner{height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.royal-alert-btn,.royal-logged-user a,.royal-switch,.royal-admin-return{background:transparent;border:0;color:#cfd7df;font-size:13px}
.royal-alert-btn:hover,.royal-logged-user a:hover{color:var(--royal-cyan);text-decoration:none}
.royal-logged-user{display:flex;align-items:center;gap:10px;color:#8e99a5;font-size:13px}
.royal-navbar{height:78px}.royal-nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.royal-logo{display:flex;align-items:center;gap:14px;min-width:260px;text-decoration:none!important}
.royal-logo img{max-height:48px;width:auto}.royal-logo-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(0,255,200,.20),rgba(0,168,255,.12));border:1px solid rgba(0,255,200,.30);display:flex;align-items:center;justify-content:center;color:var(--royal-cyan);font-family:'Orbitron',sans-serif;font-weight:900;font-size:16px;box-shadow:0 0 25px rgba(0,255,200,.15)}
.royal-logo-text strong{display:block;font-family:'Orbitron',sans-serif;color:var(--royal-cyan);font-size:22px;letter-spacing:1px;line-height:1}
.royal-logo-text small{display:block;color:#89939f;font-size:11px;margin-top:6px;text-transform:uppercase;letter-spacing:1px}
.royal-main-collapse{flex-grow:1}.royal-menu{display:flex;align-items:center;gap:12px}.royal-menu .nav-item{margin:0!important}.royal-menu .nav-link,.royal-menu a{color:#c9d0d8!important;font-size:14px;font-weight:700;border-radius:13px;padding:11px 13px!important;text-decoration:none!important}.royal-menu .nav-link:hover,.royal-menu a:hover,.royal-menu .active>.nav-link{color:var(--royal-cyan)!important;background:rgba(0,255,200,.06)}
.royal-menu .dropdown-menu{background:rgba(7,13,22,.97);border:1px solid rgba(0,255,200,.13);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.35);padding:10px}.royal-menu .dropdown-item{color:#cfd7df!important;border-radius:12px}.royal-menu .dropdown-item:hover{background:rgba(0,255,200,.06)!important;color:var(--royal-cyan)!important}
.royal-actions{display:flex;align-items:center;gap:12px;min-width:320px;justify-content:flex-end}.royal-search{height:42px;background:#0a121c;border:1px solid var(--royal-border);border-radius:14px;overflow:hidden}.royal-search button{width:42px;border:0;background:transparent;color:var(--royal-cyan)}.royal-search input{width:180px;background:transparent;border:0;color:#fff;font-size:13px;outline:0;padding-right:12px}.royal-cart{position:relative;width:44px;height:44px;border-radius:14px;background:#0a121c;border:1px solid var(--royal-border);display:flex;align-items:center;justify-content:center;color:#d8e0e8!important;text-decoration:none!important}.royal-cart span{position:absolute;top:-7px;right:-7px;background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));color:#000;font-size:11px;font-weight:900;border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}.royal-login-link{color:#9ba5b0;font-size:14px;font-weight:700}.royal-login-link:hover{color:var(--royal-cyan);text-decoration:none}.royal-client-btn{padding:14px 22px;border-radius:15px;background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));color:#000!important;font-size:14px;font-weight:900;box-shadow:0 0 30px rgba(0,255,200,.25);text-decoration:none!important}.royal-client-btn:hover{transform:translateY(-2px);box-shadow:0 0 45px rgba(0,255,200,.35)}.royal-mobile-toggle{display:none;background:#0a121c;border:1px solid var(--royal-border);color:#fff;width:44px;height:44px;border-radius:14px}

.royal-breadcrumb{background:transparent!important;border:0!important;padding:20px 0 0}.breadcrumb{background:rgba(7,13,22,.75)!important;border:1px solid var(--royal-border);border-radius:16px;padding:14px 18px}.breadcrumb a{color:var(--royal-cyan)}.breadcrumb-item.active{color:#aeb6bf}
.royal-domain-wrap{padding:30px 0;background:transparent}.royal-main-body{padding:50px 0 90px}.royal-primary-content .card,.royal-sidebar .card,.modal-content{background:#071019!important;border:1px solid var(--royal-border)!important;border-radius:22px!important;color:#fff}.card-header{background:rgba(255,255,255,.025)!important;border-bottom:1px solid var(--royal-border)!important}.card-footer{background:rgba(255,255,255,.018)!important;border-top:1px solid var(--royal-border)!important}.list-group-item{background:#091018!important;border-color:rgba(255,255,255,.055)!important;color:#cfd7df!important}.list-group-item:hover,.list-group-item.active{background:rgba(0,255,200,.08)!important;color:var(--royal-cyan)!important;border-color:rgba(0,255,200,.18)!important}.btn-primary,.btn-outline-primary:hover{background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue))!important;border-color:transparent!important;color:#000!important;font-weight:800}.btn-outline-primary{border-color:rgba(0,255,200,.35)!important;color:var(--royal-cyan)!important}.form-control{background:#0a121c!important;border:1px solid var(--royal-border)!important;color:#fff!important;border-radius:14px!important}.form-control:focus{box-shadow:0 0 0 .2rem rgba(0,255,200,.12)!important;border-color:rgba(0,255,200,.35)!important}

/* HOME */
.royal-home-hero{position:relative;overflow:hidden;margin:-20px 0 60px;padding:90px 0;border-radius:0 0 36px 36px;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.72)),url('https://images.unsplash.com/photo-1511512578047-dfb367046420?q=80&w=2071&auto=format&fit=crop');background-size:cover;background-position:center}.royal-home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.royal-badge{display:inline-flex;padding:12px 22px;border-radius:999px;background:rgba(0,255,200,.08);border:1px solid rgba(0,255,200,.18);color:var(--royal-cyan);font-size:12px;font-weight:900;letter-spacing:1px;margin-bottom:26px}.royal-home-hero h1{font-family:'Orbitron',sans-serif;font-size:62px;line-height:1.05;font-weight:900;margin-bottom:25px}.royal-home-hero h1 span,.royal-section-header h2 span,.royal-client-hero h1 span{color:var(--royal-cyan);text-shadow:0 0 28px rgba(0,255,200,.45)}.royal-home-hero p{max-width:760px;color:#c7c7c7;font-size:17px;line-height:1.9;margin-bottom:34px}.royal-home-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:36px}.royal-btn-main,.royal-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:16px 30px;border-radius:16px;font-weight:900;text-decoration:none!important}.royal-btn-main{background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));color:#000!important;box-shadow:0 0 35px rgba(0,255,200,.26)}.royal-btn-outline{border:1px solid rgba(255,255,255,.13);color:#fff!important}.royal-home-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.royal-home-metrics div{padding:18px;border-radius:18px;background:rgba(8,14,24,.84);border:1px solid var(--royal-border)}.royal-home-metrics strong{display:block;color:var(--royal-cyan);font-family:'Orbitron',sans-serif;font-size:24px;margin-bottom:5px}.royal-home-metrics span{color:#9ca7b2;font-size:12px}.royal-home-console{padding:34px;border-radius:34px;background:rgba(7,13,22,.92);border:1px solid rgba(0,255,200,.14);box-shadow:0 0 65px rgba(0,255,200,.13)}.console-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.console-head small{color:var(--royal-cyan);font-size:12px;font-weight:900}.console-head h3{font-family:'Orbitron',sans-serif;font-size:30px;margin-top:8px}.console-head span{color:#00ff88;font-size:12px;font-weight:900;padding:8px 13px;border-radius:999px;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.16)}.console-options{display:flex;flex-direction:column;gap:15px}.console-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-radius:20px;background:#0a121c;border:1px solid var(--royal-border);text-decoration:none!important}.console-option:hover,.console-option.active{background:rgba(0,255,200,.055);border-color:rgba(0,255,200,.30);transform:translateX(4px)}.console-option strong{display:block;color:#fff;font-family:'Orbitron',sans-serif;font-size:18px;margin-bottom:6px}.console-option span{color:#9ba6b0;font-size:13px}.console-option b{color:var(--royal-cyan);font-size:24px}
.royal-section{padding:80px 0}.royal-section-header{text-align:center;margin-bottom:50px}.royal-section-header h2{font-family:'Orbitron',sans-serif;font-size:48px;margin-bottom:15px}.royal-section-header p{color:#aeb6bf;font-size:16px}.royal-product-list{display:flex;flex-direction:column;gap:18px}.royal-product-row{display:grid;grid-template-columns:1.7fr repeat(3,1fr) .9fr;gap:16px;align-items:center;padding:22px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),#071019;border:1px solid var(--royal-border);transition:.3s}.royal-product-row:hover{transform:translateY(-5px);border-color:rgba(0,255,200,.38);box-shadow:0 0 42px rgba(0,255,200,.12)}.royal-product-name{display:flex;align-items:center;gap:18px}.royal-product-icon{width:58px;height:58px;border-radius:18px;background:rgba(0,255,200,.08);border:1px solid rgba(0,255,200,.16);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--royal-cyan);flex-shrink:0}.royal-product-name h3{font-family:'Orbitron',sans-serif;font-size:22px;margin:0 0 6px}.royal-product-name span{color:#9da7b2;font-size:13px}.royal-product-spec{background:#0a131d;border:1px solid rgba(255,255,255,.055);border-radius:16px;padding:15px 12px;text-align:center}.royal-product-spec small{display:block;color:#8f98a3;font-size:11px;margin-bottom:7px}.royal-product-spec strong{color:#fff;font-size:14px}.royal-product-btn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:16px;background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));color:#000!important;font-weight:900;text-decoration:none!important}.royal-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.royal-action-card{padding:28px;border-radius:24px;background:#091018;border:1px solid var(--royal-border);text-decoration:none!important;transition:.3s}.royal-action-card:hover{transform:translateY(-6px);border-color:rgba(0,255,200,.35);box-shadow:0 0 35px rgba(0,255,200,.10)}.royal-action-card i{font-size:30px;color:var(--royal-cyan);margin-bottom:18px}.royal-action-card strong{display:block;color:#fff;font-family:'Orbitron',sans-serif;font-size:18px;margin-bottom:8px}.royal-action-card span{color:#9ca7b2;font-size:13px}

/* CLIENT AREA */
.royal-client-hero{padding:45px;border-radius:30px;background:radial-gradient(circle at 85% 20%,rgba(0,255,200,.12),transparent 35%),#071019;border:1px solid rgba(0,255,200,.14);display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.royal-client-hero h1{font-family:'Orbitron',sans-serif;font-size:42px;margin-bottom:14px}.royal-client-hero p{color:#aeb6bf;margin:0}.royal-client-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.royal-client-tile{padding:28px;border-radius:24px;background:#091018;border:1px solid var(--royal-border);text-decoration:none!important;transition:.3s}.royal-client-tile:hover{transform:translateY(-6px);border-color:rgba(0,255,200,.35);box-shadow:0 0 35px rgba(0,255,200,.10)}.royal-client-tile i{font-size:28px;color:var(--royal-cyan);margin-bottom:18px}.royal-client-tile strong{display:block;color:#fff;font-family:'Orbitron',sans-serif;font-size:34px;margin-bottom:4px}.royal-client-tile span{color:#aeb6bf;font-size:14px}.royal-panel-card{overflow:hidden}.royal-small-btn{background:rgba(0,255,200,.08)!important;border:1px solid rgba(0,255,200,.15)!important;color:var(--royal-cyan)!important;border-radius:12px!important}

/* FOOTER */
.royal-footer{position:relative;overflow:hidden;padding:90px 0 35px;background:radial-gradient(circle at 15% 20%,rgba(0,255,200,.08),transparent 30%),radial-gradient(circle at 85% 0%,rgba(0,120,255,.08),transparent 35%),#02050a;border-top:1px solid rgba(255,255,255,.06)}.royal-footer-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(0,255,200,.10);filter:blur(150px);left:-180px;bottom:-220px}.royal-footer-top{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .9fr;gap:50px;align-items:center;margin-bottom:60px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.06)}.royal-footer-brand h3{font-family:'Orbitron',sans-serif;color:var(--royal-cyan);font-size:30px;margin-bottom:20px}.royal-footer-brand p,.royal-footer-help p,.royal-contact-line{color:#aeb6bf;font-size:14px;line-height:1.9}.royal-footer-status{margin-top:24px;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.14);color:#d5ffe8;font-size:13px;font-weight:700}.royal-footer-status span{width:10px;height:10px;border-radius:50%;background:#00ff88;box-shadow:0 0 14px #00ff88}.royal-footer-help{padding:34px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--royal-border)}.royal-footer-help h4,.royal-footer-links h4{font-family:'Orbitron',sans-serif;color:var(--royal-cyan);margin-bottom:20px}.royal-footer-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.royal-footer-actions a{padding:14px 22px;border-radius:14px;font-size:14px;font-weight:800;text-decoration:none!important}.royal-footer-actions a:first-child{background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));color:#000}.royal-footer-actions a:last-child{border:1px solid rgba(255,255,255,.10);color:#fff}.royal-footer-links{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:40px;margin-bottom:50px}.royal-footer-links a{display:block;color:#a7afb8;font-size:14px;margin-bottom:13px;text-decoration:none!important}.royal-footer-links a:hover{color:var(--royal-cyan);transform:translateX(4px)}.royal-payment-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.royal-payment-badges span{padding:8px 12px;border-radius:10px;background:#091018;border:1px solid var(--royal-border);font-size:12px;font-weight:800;color:#d4d4d4}.royal-footer-bottom{position:relative;z-index:2;padding-top:26px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.royal-footer-bottom p,.royal-footer-bottom a{color:#7f8790;font-size:13px}.royal-footer-bottom a:hover{color:var(--royal-cyan);text-decoration:none}

/* MODALS */
.modal-content{box-shadow:0 0 60px rgba(0,255,200,.10)}.modal-header,.modal-footer{border-color:var(--royal-border)!important}.modal-localisation .item{background:#0a121c!important;border:1px solid var(--royal-border)!important;color:#d8e0e8!important;border-radius:14px!important}.modal-localisation .item.active{border-color:rgba(0,255,200,.35)!important;color:var(--royal-cyan)!important;background:rgba(0,255,200,.06)!important}

@media(max-width:1300px){
    .royal-home-grid,.royal-product-row{grid-template-columns:1fr}.royal-product-spec{text-align:left}.royal-action-grid,.royal-client-tiles,.royal-footer-links{grid-template-columns:repeat(2,1fr)}.royal-home-hero h1{font-size:48px}.royal-actions{min-width:auto}.royal-search{display:none!important}
}
@media(max-width:1200px){
    .royal-mobile-toggle{display:flex;align-items:center;justify-content:center}.royal-main-collapse{position:absolute;top:114px;left:0;right:0;background:rgba(1,5,10,.98);border-bottom:1px solid var(--royal-border);padding:20px}.royal-menu{display:block}.royal-menu .nav-link,.royal-menu a{display:block}.royal-logo{min-width:auto}.royal-actions{display:none}
}
@media(max-width:768px){
    body.royal-whmcs-page{padding-top:114px}.royal-top-right{display:none}.royal-topbar-inner{justify-content:center}.royal-logo-text strong{font-size:17px}.royal-logo-text small{display:none}.royal-home-metrics,.royal-action-grid,.royal-client-tiles,.royal-footer-top,.royal-footer-links{grid-template-columns:1fr}.royal-home-hero{padding:60px 0}.royal-home-hero h1,.royal-section-header h2,.royal-client-hero h1{font-size:34px}.royal-client-hero{display:block;padding:30px}.royal-footer-bottom{flex-direction:column;align-items:flex-start}.royal-clientbar-inner{height:auto;padding:10px 15px;flex-direction:column;align-items:flex-start}.royal-main-collapse{top:114px}.royal-footer-help{padding:25px}
}



/* =========================================================
   ROYAL SERVER - PREMIUM CLIENT AREA V2
   Files: clientareahome.tpl + includes/sidebar.tpl
   ========================================================= */

.royal-client-dashboard{
    position:relative;
    margin-bottom:36px;
}

.royal-client-hero-v2{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:1.35fr .85fr;
    gap:38px;
    align-items:center;
    padding:54px;
    border-radius:34px;
    background:
        radial-gradient(circle at 78% 20%,rgba(0,255,200,.18),transparent 34%),
        radial-gradient(circle at 15% 90%,rgba(0,120,255,.12),transparent 36%),
        linear-gradient(145deg,rgba(7,13,22,.96),rgba(3,8,14,.98));
    border:1px solid rgba(0,255,200,.16);
    box-shadow:
        0 0 80px rgba(0,255,200,.10),
        inset 0 0 90px rgba(255,255,255,.018);
    margin-bottom:28px;
}

.royal-client-hero-v2:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:64px 64px;
    opacity:.32;
    pointer-events:none;
}

.hero-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
    pointer-events:none;
}
.hero-orb-one{
    width:260px;
    height:260px;
    background:rgba(0,255,200,.12);
    left:-90px;
    bottom:-100px;
}
.hero-orb-two{
    width:320px;
    height:320px;
    background:rgba(0,120,255,.10);
    right:-120px;
    top:-140px;
}

.royal-client-hero-content,
.royal-client-hero-panel{
    position:relative;
    z-index:2;
}

.royal-client-hero-v2 h1{
    font-family:'Orbitron',sans-serif;
    font-size:48px;
    line-height:1.08;
    font-weight:900;
    margin-bottom:18px;
    letter-spacing:-1px;
}

.royal-client-hero-v2 h1 span{
    color:var(--royal-cyan);
    text-shadow:0 0 28px rgba(0,255,200,.42);
}

.royal-client-hero-v2 p{
    color:#b6c0ca;
    font-size:16px;
    line-height:1.85;
    max-width:760px;
    margin-bottom:28px;
}

.royal-client-hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.royal-client-hero-actions .royal-btn-main,
.royal-client-hero-actions .royal-btn-outline{
    gap:10px;
}

.royal-client-hero-panel{
    padding:26px;
    border-radius:28px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014)),
        rgba(8,14,24,.72);
    border:1px solid rgba(255,255,255,.07);
    box-shadow:0 0 45px rgba(0,255,200,.09);
    backdrop-filter:blur(12px);
}

.royal-live-panel-head{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    margin-bottom:20px;
}

.royal-live-panel-head small{
    color:var(--royal-cyan);
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    display:block;
    margin-bottom:8px;
}

.royal-live-panel-head strong{
    font-family:'Orbitron',sans-serif;
    font-size:22px;
}

.royal-live-panel-head span{
    padding:8px 13px;
    border-radius:999px;
    color:#00ff88;
    background:rgba(0,255,136,.08);
    border:1px solid rgba(0,255,136,.18);
    font-size:11px;
    font-weight:900;
}

.royal-live-metrics{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.royal-live-metric{
    padding:18px;
    border-radius:18px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.06);
    text-decoration:none!important;
    transition:.3s;
}

.royal-live-metric:hover{
    transform:translateY(-4px);
    border-color:rgba(0,255,200,.35);
    box-shadow:0 0 28px rgba(0,255,200,.10);
}

.royal-live-metric small{
    display:block;
    color:#8f9aa5;
    font-size:11px;
    margin-bottom:8px;
}

.royal-live-metric strong{
    font-family:'Orbitron',sans-serif;
    font-size:28px;
    color:var(--royal-cyan);
}

.royal-live-metric.danger strong{
    color:#ffcc66;
}

.royal-client-quick-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:24px;
}

.royal-client-tile-v2{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    gap:18px;
    padding:24px;
    min-height:126px;
    border-radius:26px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014)),
        #071019;
    border:1px solid rgba(255,255,255,.07);
    text-decoration:none!important;
    transition:.34s;
}

.royal-client-tile-v2:before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-80px;
    top:-80px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,255,200,.15),transparent 65%);
}

.royal-client-tile-v2:hover{
    transform:translateY(-7px);
    border-color:rgba(0,255,200,.42);
    box-shadow:0 0 42px rgba(0,255,200,.12);
}

.tile-icon{
    width:62px;
    height:62px;
    border-radius:20px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--royal-cyan);
    font-size:26px;
    flex-shrink:0;
}

.royal-client-tile-v2 strong{
    display:block;
    color:#fff;
    font-family:'Orbitron',sans-serif;
    font-size:34px;
    line-height:1;
    margin-bottom:9px;
}

.royal-client-tile-v2 span{
    color:#aeb6bf;
    font-size:14px;
}

.tile-arrow{
    margin-left:auto;
    color:rgba(0,255,200,.55);
    opacity:.65;
    transition:.25s;
}

.royal-client-tile-v2:hover .tile-arrow{
    transform:translateX(4px);
    opacity:1;
}

.royal-client-action-strip{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-bottom:34px;
}

.royal-strip-action{
    display:flex;
    gap:18px;
    align-items:center;
    padding:22px;
    border-radius:24px;
    background:
        radial-gradient(circle at 85% 20%,rgba(0,255,200,.08),transparent 35%),
        #091018;
    border:1px solid rgba(255,255,255,.07);
    text-decoration:none!important;
    transition:.32s;
}

.royal-strip-action:hover{
    transform:translateY(-5px);
    border-color:rgba(0,255,200,.32);
    box-shadow:0 0 35px rgba(0,255,200,.10);
}

.royal-strip-action i{
    width:52px;
    height:52px;
    border-radius:18px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.16);
    color:var(--royal-cyan);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.royal-strip-action strong{
    display:block;
    color:#fff;
    font-family:'Orbitron',sans-serif;
    font-size:17px;
    margin-bottom:6px;
}

.royal-strip-action span{
    color:#9ca7b2;
    font-size:13px;
    line-height:1.5;
}

.royal-client-home-cards-v2{
    margin-top:10px;
}

.royal-panel-card-v2{
    overflow:hidden;
    border-radius:26px!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012)),
        #071019!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 0 0 rgba(0,255,200,0);
    transition:.3s;
    margin-bottom:22px!important;
}

.royal-panel-card-v2:hover{
    border-color:rgba(0,255,200,.25)!important;
    box-shadow:0 0 32px rgba(0,255,200,.075);
}

.royal-panel-header-v2{
    padding:18px 20px!important;
}

.royal-panel-header-v2 h3{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:17px!important;
    color:#fff;
    font-weight:800;
}

.royal-panel-title-icon{
    width:32px;
    height:32px;
    border-radius:11px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.14);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--royal-cyan);
    flex-shrink:0;
}

.royal-panel-badge,
.royal-panel-card-v2 .badge{
    background:rgba(0,255,200,.10)!important;
    color:var(--royal-cyan)!important;
    border:1px solid rgba(0,255,200,.18);
    border-radius:999px;
}

.royal-panel-body-v2{
    color:#d5dce3;
    line-height:1.65;
}

.royal-panel-list-v2 .list-group-item{
    padding:15px 20px!important;
}

.royal-panel-footer-v2{
    min-height:18px;
}

/* PREMIUM SIDEBAR */
.royal-sidebar .sidebar,
.sidebar{
    position:relative;
}

.royal-sidebar-card{
    overflow:hidden;
    border-radius:24px!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014)),
        #071019!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 0 28px rgba(0,255,200,.035);
}

.royal-sidebar-card:before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    top:-100px;
    right:-100px;
    background:radial-gradient(circle,rgba(0,255,200,.13),transparent 65%);
    pointer-events:none;
}

.royal-sidebar-header{
    position:relative;
    z-index:2;
    padding:17px 18px!important;
    background:rgba(255,255,255,.025)!important;
}

.royal-sidebar-header h3{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    font-size:16px!important;
    font-weight:900;
}

.royal-sidebar-title-left{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
}

.royal-sidebar-title-left i{
    color:var(--royal-cyan);
}

.royal-sidebar-title-right{
    display:flex;
    align-items:center;
    gap:10px;
}

.royal-sidebar-body{
    position:relative;
    z-index:2;
}

.royal-sidebar-html{
    color:#cfd7df;
    line-height:1.65;
}

.royal-sidebar-list{
    gap:0;
}

.royal-sidebar-link{
    padding:0!important;
    border-color:rgba(255,255,255,.055)!important;
}

.royal-sidebar-link-inner{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:14px 16px;
}

.royal-sidebar-icon{
    width:34px;
    height:34px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,255,200,.065);
    border:1px solid rgba(0,255,200,.12);
    color:var(--royal-cyan);
    flex-shrink:0;
}

.royal-sidebar-label{
    flex:1;
    color:#d5dde6;
    font-size:14px;
    line-height:1.35;
}

.royal-sidebar-badge .badge,
.royal-sidebar-card .badge{
    background:rgba(0,255,200,.10)!important;
    color:var(--royal-cyan)!important;
    border:1px solid rgba(0,255,200,.16);
    border-radius:999px;
}

.royal-sidebar-link:hover .royal-sidebar-label,
.royal-sidebar-link.active .royal-sidebar-label{
    color:var(--royal-cyan);
}

.royal-sidebar-footer{
    color:#aeb6bf;
}

.royal-sidebar-card-mobile{
    background:#071019!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:22px!important;
}

@media(max-width:1300px){
    .royal-client-hero-v2{
        grid-template-columns:1fr;
    }

    .royal-client-quick-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .royal-client-action-strip{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .royal-client-hero-v2{
        padding:30px;
    }

    .royal-client-hero-v2 h1{
        font-size:34px;
    }

    .royal-live-metrics,
    .royal-client-quick-grid{
        grid-template-columns:1fr;
    }

    .royal-client-tile-v2{
        min-height:auto;
    }

    .royal-strip-action{
        align-items:flex-start;
    }
}

/* =========================================================
   ROYAL SERVER - PREMIUM HEADER V3 FINAL OVERRIDES
   Fix overlap + enterprise header exactly like preview
   ========================================================= */

:root{
    --royal-header-height:156px;
}

body.royal-whmcs-page{
    padding-top:var(--royal-header-height)!important;
}

.royal-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:10050!important;
    background:rgba(1,5,10,.86)!important;
    backdrop-filter:blur(24px)!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.42)!important;
}

.royal-header:before{
    content:"";
    position:absolute;
    top:-120px;
    left:6%;
    width:460px;
    height:230px;
    border-radius:50%;
    background:rgba(0,255,200,.11);
    filter:blur(90px);
    pointer-events:none;
}

.royal-header-scrolled{
    background:rgba(1,5,10,.96)!important;
    box-shadow:0 20px 70px rgba(0,0,0,.65)!important;
}

.royal-topbar{
    position:relative;
    z-index:3;
    height:34px!important;
    background:rgba(4,10,17,.78)!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
}

.royal-topbar-inner{
    height:34px!important;
}

.royal-top-left,
.royal-top-right{
    font-size:12px!important;
    line-height:1!important;
}

.royal-top-left i{
    color:#b7c2cc;
    font-size:13px;
}

.royal-clientbar{
    position:relative;
    z-index:3;
    height:38px!important;
    background:linear-gradient(90deg,rgba(0,255,200,.045),rgba(0,120,255,.035))!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
}

.royal-clientbar-inner{
    height:38px!important;
}

.royal-alert-btn{
    display:flex;
    align-items:center;
    gap:8px;
    color:#d5dde6!important;
    font-weight:700;
}

.royal-alert-btn b{
    min-width:20px;
    height:20px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));
    color:#00100e;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:900;
}

.royal-navbar{
    position:relative;
    z-index:4;
    height:84px!important;
    background:rgba(0,0,0,.24)!important;
}

.royal-nav-inner{
    height:84px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:26px!important;
}

.royal-logo{
    min-width:300px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    text-decoration:none!important;
}

.royal-logo-mark{
    width:54px!important;
    height:54px!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,rgba(0,255,200,.20),rgba(0,168,255,.09))!important;
    border:1px solid rgba(0,255,200,.35)!important;
    box-shadow:0 0 35px rgba(0,255,200,.15), inset 0 0 22px rgba(255,255,255,.03)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--royal-cyan)!important;
    font-family:'Orbitron',sans-serif!important;
    font-size:17px!important;
    font-weight:900!important;
}

.royal-logo-mark img{
    max-width:40px!important;
    max-height:40px!important;
    object-fit:contain!important;
}

.royal-logo-text strong{
    font-size:26px!important;
    line-height:1!important;
    letter-spacing:1.2px!important;
}

.royal-logo-text small{
    font-size:11px!important;
    color:#8e99a5!important;
    letter-spacing:1.6px!important;
    margin-top:8px!important;
}

.royal-main-collapse{
    flex:1 1 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
}

.royal-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
}

.royal-menu-secondary{
    margin-left:10px!important;
}

.royal-nav-item{
    display:block!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
}

.royal-nav-link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#cfd7df!important;
    font-size:14px!important;
    font-weight:800!important;
    padding:12px 13px!important;
    border-radius:14px!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:.25s!important;
}

.royal-nav-link:after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:-18px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));
    transform:scaleX(0);
    transform-origin:center;
    opacity:0;
    transition:.25s;
    box-shadow:0 0 18px rgba(0,255,200,.55);
}

.royal-nav-link:hover,
.royal-nav-item.active > .royal-nav-link,
.royal-nav-item:hover > .royal-nav-link{
    color:var(--royal-cyan)!important;
    background:rgba(0,255,200,.065)!important;
}

.royal-nav-link:hover:after,
.royal-nav-item.active > .royal-nav-link:after,
.royal-nav-item:hover > .royal-nav-link:after{
    transform:scaleX(1);
    opacity:1;
}

.royal-nav-link i{
    color:inherit!important;
    font-size:15px!important;
}

.royal-nav-badge{
    min-width:18px;
    height:18px;
    padding:0 6px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));
    color:#00100e!important;
    font-size:10px;
    font-weight:900;
}

.royal-dropdown-menu{
    margin-top:18px!important;
    min-width:310px!important;
    padding:14px!important;
    border-radius:22px!important;
    background:rgba(7,13,22,.98)!important;
    border:1px solid rgba(0,255,200,.14)!important;
    box-shadow:0 35px 90px rgba(0,0,0,.55), 0 0 40px rgba(0,255,200,.08)!important;
    backdrop-filter:blur(18px)!important;
}

.royal-dropdown-item-wrap{
    list-style:none!important;
}

.royal-dropdown-item{
    display:flex!important;
    gap:12px!important;
    align-items:center!important;
    padding:13px!important;
    border-radius:16px!important;
    color:#dce3ea!important;
    background:transparent!important;
}

.royal-dropdown-item:hover{
    background:rgba(0,255,200,.07)!important;
    color:var(--royal-cyan)!important;
}

.royal-dropdown-icon{
    width:34px;
    height:34px;
    border-radius:12px;
    background:rgba(0,255,200,.07);
    border:1px solid rgba(0,255,200,.13);
    color:var(--royal-cyan);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.royal-dropdown-text strong{
    display:block;
    font-size:13px;
    font-weight:800;
    color:inherit;
}

.royal-dropdown-text small{
    display:block;
    margin-top:4px;
    color:#8e99a5;
    font-size:11px;
}

.royal-actions{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    min-width:420px!important;
    justify-content:flex-end!important;
}

.royal-search{
    height:50px!important;
    min-width:270px!important;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
}

.royal-search button{
    width:54px!important;
    height:50px!important;
    border:0!important;
    background:transparent!important;
    color:var(--royal-cyan)!important;
    font-size:17px!important;
}

.royal-search input{
    width:210px!important;
    height:50px!important;
    background:transparent!important;
    border:0!important;
    outline:0!important;
    color:#fff!important;
    font-size:14px!important;
}

.royal-cart{
    width:50px!important;
    height:50px!important;
    border-radius:17px!important;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.075)!important;
    color:#d8e0e8!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    position:relative!important;
}

.royal-cart:hover{
    color:var(--royal-cyan)!important;
    border-color:rgba(0,255,200,.30)!important;
    box-shadow:0 0 26px rgba(0,255,200,.10)!important;
}

.royal-cart span{
    top:-9px!important;
    right:-8px!important;
    min-width:22px!important;
    height:22px!important;
    font-size:11px!important;
}

.royal-client-btn{
    height:50px!important;
    padding:0 25px!important;
    border-radius:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    font-size:14px!important;
    font-weight:900!important;
    background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue))!important;
    color:#000!important;
    box-shadow:0 0 34px rgba(0,255,200,.26)!important;
    text-decoration:none!important;
}

.royal-login-link{
    color:#aeb7c2!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
}

.royal-mobile-toggle{
    display:none!important;
    width:50px!important;
    height:50px!important;
    border-radius:17px!important;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.075)!important;
    color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
}

.royal-breadcrumb{
    margin-top:0!important;
    padding-top:22px!important;
}

.royal-main-body{
    position:relative!important;
    z-index:1!important;
    padding-top:42px!important;
}

#main-body{
    position:relative!important;
    z-index:1!important;
}

.primary-content{
    padding-top:0!important;
}

@media(max-width:1500px){
    .royal-logo{min-width:260px!important;}
    .royal-actions{min-width:330px!important;}
    .royal-search{display:none!important;}
    .royal-nav-link{font-size:13px!important;padding:11px 10px!important;}
}

@media(max-width:1200px){
    body.royal-whmcs-page{
        padding-top:var(--royal-header-height)!important;
    }
    .royal-mobile-toggle{
        display:flex!important;
    }
    .royal-main-collapse{
        position:absolute!important;
        top:100%!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        display:none!important;
        background:rgba(1,5,10,.98)!important;
        border-top:1px solid rgba(255,255,255,.06)!important;
        border-bottom:1px solid rgba(255,255,255,.08)!important;
        padding:18px 5%!important;
        box-shadow:0 30px 70px rgba(0,0,0,.6)!important;
    }
    .royal-main-collapse.show{
        display:block!important;
    }
    .royal-menu{
        display:block!important;
    }
    .royal-nav-link{
        width:100%!important;
        justify-content:flex-start!important;
        padding:14px!important;
    }
    .royal-nav-link:after{
        display:none!important;
    }
    .royal-dropdown-menu{
        position:static!important;
        float:none!important;
        width:100%!important;
        min-width:100%!important;
        margin:8px 0 12px!important;
        transform:none!important;
    }
    .royal-actions{
        min-width:auto!important;
    }
    .royal-login-link,
    .royal-client-btn{
        display:none!important;
    }
}

@media(max-width:768px){
    .royal-top-right{
        display:none!important;
    }
    .royal-topbar-inner{
        justify-content:center!important;
    }
    .royal-top-left{
        gap:7px!important;
        font-size:11px!important;
    }
    .royal-logo{
        min-width:auto!important;
    }
    .royal-logo-mark{
        width:46px!important;
        height:46px!important;
    }
    .royal-logo-text strong{
        font-size:18px!important;
    }
    .royal-logo-text small{
        display:none!important;
    }
    .royal-navbar,
    .royal-nav-inner{
        height:76px!important;
    }
    .royal-actions{
        gap:8px!important;
    }
    .royal-cart{
        width:46px!important;
        height:46px!important;
    }
}
/* =========================================================
   ROYAL SERVER - PREMIUM SUPPORT CENTER
   Add this at the END of /templates/royalserver/css/royal.css
   ========================================================= */

.royal-support-page{
    position:relative;
    color:#fff;
}

.royal-support-hero{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:34px;
    padding:46px;
    margin-bottom:28px;
    border-radius:34px;
    background:
        radial-gradient(circle at 86% 20%,rgba(0,255,200,.16),transparent 36%),
        radial-gradient(circle at 15% 90%,rgba(0,120,255,.12),transparent 36%),
        linear-gradient(145deg,rgba(7,13,22,.97),rgba(3,8,14,.98));
    border:1px solid rgba(0,255,200,.16);
    box-shadow:0 0 75px rgba(0,255,200,.09), inset 0 0 80px rgba(255,255,255,.016);
}

.royal-support-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
    background-size:64px 64px;
    opacity:.28;
    pointer-events:none;
}

.royal-support-hero > *{
    position:relative;
    z-index:2;
}

.royal-support-hero.compact{
    padding:38px 42px;
}

.royal-support-badge{
    display:inline-flex;
    align-items:center;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.18);
    color:var(--royal-cyan);
    font-size:12px;
    font-weight:900;
    letter-spacing:1.3px;
    margin-bottom:22px;
}

.royal-support-hero h1,
.royal-ticket-view-hero h1,
.royal-confirm-card h1{
    font-family:'Orbitron',sans-serif;
    font-size:46px;
    line-height:1.08;
    font-weight:900;
    margin:0 0 16px;
    color:#fff;
}

.royal-support-hero h1 span,
.royal-ticket-view-hero h1 span,
.royal-confirm-card h1 span{
    color:var(--royal-cyan);
    text-shadow:0 0 28px rgba(0,255,200,.42);
}

.royal-support-hero p,
.royal-ticket-view-hero p,
.royal-confirm-card p{
    color:#b6c0ca;
    font-size:16px;
    line-height:1.8;
    max-width:820px;
    margin:0;
}

.royal-support-status-card{
    min-width:245px;
    padding:26px;
    border-radius:26px;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014)),rgba(8,14,24,.76);
    border:1px solid rgba(255,255,255,.07);
    box-shadow:0 0 45px rgba(0,255,200,.08);
    backdrop-filter:blur(14px);
}

.royal-support-status-card small{
    display:block;
    color:var(--royal-cyan);
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    margin-bottom:10px;
}

.royal-support-status-card strong{
    display:block;
    font-family:'Orbitron',sans-serif;
    color:#fff;
    font-size:40px;
    line-height:1;
    margin-bottom:10px;
}

.royal-support-status-card span{
    color:#9ca7b2;
    font-size:13px;
}

.royal-department-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.royal-department-card{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    gap:20px;
    min-height:145px;
    padding:26px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012)),#071019;
    border:1px solid rgba(255,255,255,.07);
    text-decoration:none!important;
    transition:.3s;
}

.royal-department-card:before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-90px;
    top:-90px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,255,200,.15),transparent 65%);
}

.royal-department-card:hover{
    transform:translateY(-7px);
    border-color:rgba(0,255,200,.42);
    box-shadow:0 0 42px rgba(0,255,200,.12);
}

.royal-department-icon,
.royal-reply-avatar{
    width:62px;
    height:62px;
    border-radius:20px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--royal-cyan);
    font-size:26px;
    flex-shrink:0;
}

.royal-department-content{
    position:relative;
    z-index:2;
    flex:1;
}

.royal-department-content h3{
    font-family:'Orbitron',sans-serif;
    color:#fff;
    font-size:22px;
    margin:0 0 8px;
}

.royal-department-content p{
    color:#9faab6;
    font-size:14px;
    line-height:1.7;
    margin:0;
}

.royal-department-arrow{
    position:relative;
    z-index:2;
    width:42px;
    height:42px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.15);
    color:var(--royal-cyan);
    transition:.25s;
}

.royal-department-card:hover .royal-department-arrow{
    transform:translateX(5px);
}

.royal-ticket-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:26px;
    align-items:start;
}

.royal-form-card,
.royal-table-card,
.royal-confirm-card,
.royal-ticket-reply,
.royal-ticket-view-hero{
    position:relative;
    overflow:hidden;
    padding:30px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012)),#071019;
    border:1px solid rgba(255,255,255,.07);
    box-shadow:0 0 0 rgba(0,255,200,0);
    margin-bottom:22px;
}

.royal-form-card:hover,
.royal-table-card:hover,
.royal-ticket-reply:hover{
    border-color:rgba(0,255,200,.22);
    box-shadow:0 0 35px rgba(0,255,200,.065);
}

.royal-form-card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    margin-bottom:24px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.royal-form-card-head small{
    display:block;
    color:var(--royal-cyan);
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    margin-bottom:7px;
}

.royal-form-card-head h3{
    font-family:'Orbitron',sans-serif;
    font-size:24px;
    color:#fff;
    margin:0;
}

.royal-form-card-head > i{
    width:46px;
    height:46px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--royal-cyan);
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.16);
}

.royal-ticket-form label,
.royal-form-card label{
    color:#dce3ea!important;
    font-size:14px;
    font-weight:800;
    margin-bottom:8px;
}

.royal-ticket-form .form-control,
.royal-ticket-form select,
.royal-ticket-form input[type="text"],
.royal-ticket-form input[type="email"]{
    min-height:48px!important;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.075)!important;
    color:#fff!important;
    border-radius:16px!important;
    box-shadow:none!important;
}

.royal-ticket-form .form-control:focus,
.royal-ticket-form select:focus{
    border-color:rgba(0,255,200,.38)!important;
    box-shadow:0 0 0 .2rem rgba(0,255,200,.10)!important;
}

.royal-message-card{
    overflow:visible;
}

.royal-message-card .md-editor,
#ticketReplyContainer .md-editor{
    border:1px solid rgba(0,255,200,.14)!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:#071019!important;
    box-shadow:0 0 35px rgba(0,255,200,.06)!important;
}

.royal-message-card .md-header,
#ticketReplyContainer .md-header{
    background:linear-gradient(90deg,rgba(0,255,200,.08),rgba(0,120,255,.05))!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    padding:10px!important;
}

.royal-message-card .md-header .btn,
#ticketReplyContainer .md-header .btn{
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#dbe5ee!important;
    border-radius:10px!important;
    margin-right:4px!important;
}

.royal-message-card .md-header .btn:hover,
#ticketReplyContainer .md-header .btn:hover{
    color:#00100e!important;
    background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue))!important;
}

.royal-message-card textarea.markdown-editor,
#ticketReplyContainer textarea.markdown-editor,
.royal-message-card .md-input,
#ticketReplyContainer .md-input{
    min-height:320px!important;
    background:#08111b!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    padding:20px!important;
    resize:vertical;
}

.royal-message-card .md-footer,
#ticketReplyContainer .md-footer{
    background:#071019!important;
    color:#8793a0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
}

.royal-attachment-group .custom-file-label{
    height:48px!important;
    line-height:34px!important;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.075)!important;
    color:#9faab6!important;
    border-radius:16px 0 0 16px!important;
}

.royal-attachment-group .custom-file-label:after{
    height:46px!important;
    line-height:34px!important;
    background:rgba(0,255,200,.08)!important;
    color:var(--royal-cyan)!important;
    border-color:rgba(0,255,200,.16)!important;
}

.royal-add-file{
    height:48px!important;
    border-radius:0 16px 16px 0!important;
    background:#0a121c!important;
    border:1px solid rgba(0,255,200,.16)!important;
    color:var(--royal-cyan)!important;
    font-weight:800!important;
}

.royal-file-note,
.royal-field-description{
    color:#8f9aa5!important;
    margin-top:10px;
}

.royal-submit-area{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px;
}

.royal-submit-ticket-btn,
.royal-cancel-ticket-btn,
.royal-danger-ticket-btn{
    min-height:54px;
    padding:0 28px;
    border-radius:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-decoration:none!important;
    border:0;
    font-weight:900;
    transition:.25s;
}

.royal-submit-ticket-btn{
    background:linear-gradient(90deg,var(--royal-cyan),var(--royal-blue));
    color:#00100e!important;
    box-shadow:0 0 34px rgba(0,255,200,.22);
}

.royal-submit-ticket-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 0 48px rgba(0,255,200,.34);
}

.royal-cancel-ticket-btn{
    background:#0a121c;
    border:1px solid rgba(255,255,255,.09);
    color:#dce3ea!important;
}

.royal-danger-ticket-btn{
    background:linear-gradient(90deg,#ff416c,#ff4b2b);
    color:#fff!important;
}

.royal-ticket-aside{
    position:sticky;
    top:180px;
}

.royal-ticket-help-card{
    padding:26px;
    border-radius:26px;
    background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012)),#071019;
    border:1px solid rgba(255,255,255,.07);
    margin-bottom:20px;
}

.royal-ticket-help-card > i{
    width:54px;
    height:54px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--royal-cyan);
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.16);
    font-size:22px;
    margin-bottom:18px;
}

.royal-ticket-help-card h4{
    font-family:'Orbitron',sans-serif;
    color:#fff;
    font-size:19px;
    margin:0 0 14px;
}

.royal-ticket-help-card p,
.royal-ticket-help-card li{
    color:#aeb6bf;
    font-size:14px;
    line-height:1.7;
}

.royal-ticket-help-card ul{
    padding-left:18px;
    margin:0;
}

.royal-ticket-help-card.cyan{
    border-color:rgba(0,255,200,.16);
    background:radial-gradient(circle at 90% 20%,rgba(0,255,200,.10),transparent 40%),#071019;
}

.royal-kb-box{
    margin-top:20px;
    padding:24px;
    border-radius:24px;
    background:#071019;
    border:1px solid rgba(0,255,200,.13);
}

.royal-kb-head{
    display:flex;
    gap:16px;
    align-items:flex-start;
    margin-bottom:18px;
}

.royal-kb-head > i{
    color:var(--royal-cyan);
    font-size:26px;
}

.royal-kb-head h3{
    font-family:'Orbitron',sans-serif;
    color:#fff;
    font-size:20px;
    margin:0 0 7px;
}

.royal-kb-head p{
    color:#9faab6;
    margin:0;
}

.royal-kb-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.royal-kb-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px;
    border-radius:18px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.06);
    color:#fff!important;
    text-decoration:none!important;
}

.royal-kb-item > span{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--royal-cyan);
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.15);
}

.royal-kb-item strong{
    display:block;
    color:#fff;
    margin-bottom:4px;
}

.royal-kb-item small{
    display:block;
    color:#9faab6;
}

.royal-confirm-card{
    max-width:760px;
    margin:30px auto;
    text-align:center;
    padding:60px;
}

.royal-confirm-icon{
    width:90px;
    height:90px;
    border-radius:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 24px;
    background:rgba(0,255,136,.09);
    border:1px solid rgba(0,255,136,.20);
    color:#00ff88;
    font-size:36px;
    box-shadow:0 0 40px rgba(0,255,136,.18);
}

.royal-ticket-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 30px;
    border-radius:999px;
    margin:24px 0;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.18);
    color:var(--royal-cyan)!important;
    font-family:'Orbitron',sans-serif;
    font-size:28px;
    text-decoration:none!important;
}

.royal-confirm-actions{
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}

.royal-table-card{
    padding:24px;
}

.royal-ticket-table-container{
    overflow-x:auto;
}

.royal-ticket-table{
    color:#fff!important;
    border-collapse:separate!important;
    border-spacing:0 12px!important;
}

.royal-ticket-table thead th{
    color:#8f9aa5!important;
    border:0!important;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.royal-ticket-table tbody tr{
    background:#0a121c!important;
    border-radius:18px!important;
    cursor:pointer;
    transition:.25s;
}

.royal-ticket-table tbody tr:hover{
    transform:translateY(-3px);
    box-shadow:0 0 32px rgba(0,255,200,.11);
}

.royal-ticket-table tbody td{
    border-top:1px solid rgba(255,255,255,.06)!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    padding:18px!important;
    vertical-align:middle!important;
}

.royal-ticket-table tbody td:first-child{
    border-left:1px solid rgba(255,255,255,.06)!important;
    border-radius:18px 0 0 18px;
}

.royal-ticket-table tbody td:last-child{
    border-right:1px solid rgba(255,255,255,.06)!important;
    border-radius:0 18px 18px 0;
}

.royal-ticket-subject-link{
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#fff!important;
    text-decoration:none!important;
}

.royal-ticket-subject-link .ticket-number{
    color:var(--royal-cyan);
    font-size:12px;
    font-weight:900;
}

.royal-ticket-status{
    border-radius:999px!important;
    padding:7px 13px!important;
    font-weight:900!important;
}

.royal-ticket-dept,
.royal-ticket-date{
    color:#cfd7df;
}

.royal-ticket-view-hero{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:26px;
}

.royal-ticket-view-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.royal-ticket-thread{
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-bottom:28px;
}

.royal-ticket-reply{
    margin-bottom:0;
}

.royal-ticket-reply.staff{
    border-color:rgba(0,255,200,.20);
    background:radial-gradient(circle at 95% 10%,rgba(0,255,200,.08),transparent 35%),#071019;
}

.royal-ticket-reply-head{
    display:flex;
    align-items:center;
    gap:16px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.06);
    margin-bottom:18px;
}

.royal-ticket-reply-head strong{
    display:block;
    color:#fff;
    font-size:16px;
}

.royal-ticket-reply-head span{
    color:#8f9aa5;
    font-size:13px;
}

.royal-requestor-badge{
    margin-left:auto;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.16);
    color:var(--royal-cyan);
    font-size:11px;
    font-weight:900;
}

.royal-ticket-message{
    color:#d7dee6;
    line-height:1.75;
    font-size:15px;
}

.royal-ip-line{
    margin-top:18px;
    padding:13px 15px;
    border-radius:16px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.06);
    color:#9faab6;
}

.royal-attachments-box{
    margin-top:20px;
    padding:18px;
    border-radius:18px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.06);
}

.royal-attachments-box strong{
    color:#fff;
    display:block;
    margin-bottom:12px;
}

.royal-attachment-list{
    margin:0;
}

@media(max-width:1200px){
    .royal-ticket-layout{
        grid-template-columns:1fr;
    }
    .royal-ticket-aside{
        position:static;
    }
    .royal-ticket-view-hero,
    .royal-support-hero{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(max-width:768px){
    .royal-support-hero,
    .royal-form-card,
    .royal-confirm-card,
    .royal-ticket-view-hero,
    .royal-ticket-reply{
        padding:26px;
    }
    .royal-support-hero h1,
    .royal-ticket-view-hero h1,
    .royal-confirm-card h1{
        font-size:34px;
    }
    .royal-department-grid{
        grid-template-columns:1fr;
    }
    .royal-department-card,
    .royal-ticket-reply-head{
        align-items:flex-start;
    }
    .royal-requestor-badge{
        margin-left:0;
    }
    .royal-submit-area,
    .royal-confirm-actions,
    .royal-ticket-view-actions{
        justify-content:flex-start;
    }
}
/* FIX DROPDOWN SA NU MAI MAREASCA HEADERUL */
.royal-menu .dropdown,
.royal-menu .nav-item.dropdown{
    position:relative!important;
}

.royal-menu .dropdown-menu,
.royal-dropdown-menu{
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    z-index:99999!important;

    display:none;
    float:none!important;

    min-width:310px!important;
    margin-top:18px!important;
}

.royal-menu .dropdown:hover > .dropdown-menu,
.royal-menu .dropdown.show > .dropdown-menu,
.royal-menu .nav-item.dropdown:hover > .dropdown-menu,
.royal-menu .nav-item.dropdown.show > .dropdown-menu{
    display:block!important;
}

.royal-main-collapse,
.royal-navbar,
.royal-nav-inner{
    overflow:visible!important;
}

.royal-header{
    overflow:visible!important;
}

/* previne cresterea navbarului */
.royal-navbar{
    min-height:84px!important;
    max-height:84px!important;
}

.royal-nav-inner{
    min-height:84px!important;
    max-height:84px!important;
}
/* FIX HEADER MENU ALIGNMENT */
.royal-main-collapse{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    height:84px!important;
}

.royal-menu,
.royal-menu.navbar-nav{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
}

.royal-menu > li,
.royal-menu .nav-item{
    display:flex!important;
    align-items:center!important;
    margin:0!important;
}

.royal-menu a,
.royal-menu .nav-link{
    display:flex!important;
    align-items:center!important;
    white-space:nowrap!important;
}

.royal-menu-secondary{
    display:none!important;
}

/* Header spacing fix */
body.royal-whmcs-page{
    padding-top:156px!important;
}

.royal-main-body{
    padding-top:55px!important;
}

@media(max-width:1200px){
    .royal-main-collapse{
        position:absolute!important;
        top:156px!important;
        left:0!important;
        right:0!important;
        height:auto!important;
        display:none!important;
        background:rgba(1,5,10,.98)!important;
        padding:20px!important;
        border-bottom:1px solid rgba(255,255,255,.07)!important;
    }

    .royal-main-collapse.show{
        display:block!important;
    }

    .royal-menu,
    .royal-menu.navbar-nav{
        flex-direction:column!important;
        align-items:flex-start!important;
    }
}
.royal-main-collapse{
    position:static!important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.royal-menu-secondary{
    display:none!important;
}

.royal-main-body{
    padding-top:70px!important;
}

body.royal-whmcs-page{
    padding-top:156px!important;
}

@media(max-width:1200px){
    .royal-main-collapse{
        position:absolute!important;
        top:114px;
        left:0;
        right:0;
        display:none;
        background:rgba(1,5,10,.98);
        padding:20px;
        border-bottom:1px solid rgba(255,255,255,.07);
    }

    .royal-main-collapse.show{
        display:block!important;
    }
}
/* PREMIUM TICKETS LIST FIX */

.royal-ticket-list-clean{
    padding:28px;
    border-radius:30px;
    background:
        radial-gradient(circle at 85% 20%,rgba(0,255,200,.10),transparent 35%),
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
        #071019;
    border:1px solid rgba(0,255,200,.13);
    box-shadow:0 0 55px rgba(0,255,200,.08);
}

.royal-ticket-table-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
}

.royal-ticket-table-header span{
    display:block;
    color:#00ffd0;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.4px;
    margin-bottom:7px;
}

.royal-ticket-table-header h3{
    font-family:'Orbitron',sans-serif;
    color:#fff;
    font-size:26px;
    margin:0;
}

.royal-ticket-table-header a{
    height:48px;
    padding:0 22px;
    border-radius:16px;
    background:linear-gradient(90deg,#00ffd0,#00a8ff);
    color:#00100e!important;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:900;
    text-decoration:none!important;
}

.royal-ticket-table-container{
    overflow:visible!important;
}

.royal-ticket-table{
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0 14px!important;
    background:transparent!important;
}

.royal-ticket-table thead tr{
    background:transparent!important;
}

.royal-ticket-table thead th{
    background:#0a121c!important;
    color:#8fa0b4!important;
    border:0!important;
    padding:16px 20px!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase;
    letter-spacing:1.2px;
}

.royal-ticket-table thead th:first-child{
    border-radius:18px 0 0 18px!important;
}

.royal-ticket-table thead th:last-child{
    border-radius:0 18px 18px 0!important;
}

.royal-ticket-table tbody tr{
    cursor:pointer;
    background:
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
        #08111b!important;
    border-radius:22px!important;
    box-shadow:0 0 0 rgba(0,255,200,0);
    transition:.25s;
}

.royal-ticket-table tbody tr:hover{
    transform:translateY(-4px);
    box-shadow:0 0 34px rgba(0,255,200,.12);
}

.royal-ticket-table tbody td{
    background:transparent!important;
    border:0!important;
    padding:20px!important;
    color:#dce3ea!important;
    vertical-align:middle!important;
}

.royal-ticket-table tbody td:first-child{
    border-radius:22px 0 0 22px!important;
}

.royal-ticket-table tbody td:last-child{
    border-radius:0 22px 22px 0!important;
}

.royal-ticket-department{
    display:flex;
    align-items:center;
    gap:14px;
}

.royal-ticket-department > span{
    width:46px;
    height:46px;
    border-radius:15px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.16);
    color:#00ffd0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.royal-ticket-department strong{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:900;
    margin-bottom:4px;
}

.royal-ticket-department small{
    color:#8fa0b4;
    font-size:12px;
}

.royal-ticket-main-link{
    display:flex;
    flex-direction:column;
    gap:6px;
    text-decoration:none!important;
}

.royal-ticket-main-link strong{
    color:#00ffd0;
    font-family:'Orbitron',sans-serif;
    font-size:15px;
}

.royal-ticket-main-link span{
    color:#dce3ea;
    font-size:14px;
    font-weight:700;
}

.royal-ticket-main-link span.unread{
    color:#fff;
    text-shadow:0 0 18px rgba(0,255,200,.35);
}

.royal-ticket-status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    height:34px;
    padding:0 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    color:#00100e!important;
    background:linear-gradient(90deg,#00ffd0,#00a8ff)!important;
}

.royal-ticket-status-badge.status-open{
    background:linear-gradient(90deg,#00ff88,#00ffd0)!important;
}

.royal-ticket-status-badge.status-answered{
    background:linear-gradient(90deg,#00a8ff,#00ffd0)!important;
}

.royal-ticket-status-badge.status-customer-reply{
    background:linear-gradient(90deg,#ffcc66,#ff9f1c)!important;
}

.royal-ticket-status-badge.status-closed{
    background:rgba(255,255,255,.12)!important;
    color:#cfd7df!important;
}

.royal-ticket-date-box{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#9faab6;
    font-size:13px;
    font-weight:700;
}

.royal-ticket-date-box i{
    color:#00ffd0;
}

.royal-ticket-list-clean .dataTables_wrapper{
    color:#cfd7df!important;
}

.royal-ticket-list-clean .dataTables_filter{
    margin-bottom:18px;
}

.royal-ticket-list-clean .dataTables_filter label{
    color:#8fa0b4!important;
    font-size:13px;
    font-weight:800;
}

.royal-ticket-list-clean .dataTables_filter input{
    height:46px!important;
    min-width:260px;
    margin-left:12px;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#fff!important;
    border-radius:16px!important;
    padding:0 16px!important;
}

.royal-ticket-list-clean .dataTables_length label,
.royal-ticket-list-clean .dataTables_info{
    color:#9faab6!important;
    font-size:13px;
    font-weight:700;
}

.royal-ticket-list-clean .dataTables_length select{
    height:40px!important;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#fff!important;
    border-radius:14px!important;
    padding:0 12px!important;
}

.royal-ticket-list-clean .dataTables_paginate{
    margin-top:18px!important;
}

.royal-ticket-list-clean .dataTables_paginate .paginate_button{
    border:1px solid rgba(255,255,255,.08)!important;
    background:#0a121c!important;
    color:#cfd7df!important;
    border-radius:12px!important;
    margin:0 4px!important;
    padding:8px 14px!important;
}

.royal-ticket-list-clean .dataTables_paginate .paginate_button.current,
.royal-ticket-list-clean .dataTables_paginate .paginate_button:hover{
    background:linear-gradient(90deg,#00ffd0,#00a8ff)!important;
    color:#00100e!important;
    border-color:transparent!important;
}

.royal-table-loading{
    color:#00ffd0;
    padding:30px;
}

@media(max-width:900px){
    .royal-ticket-table-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .royal-ticket-table{
        border-spacing:0 18px!important;
    }

    .royal-ticket-table thead{
        display:none;
    }

    .royal-ticket-table tbody tr{
        display:block;
        padding:18px;
        border-radius:22px!important;
    }

    .royal-ticket-table tbody td{
        display:block;
        padding:12px 0!important;
    }

    .royal-ticket-table tbody td:first-child,
    .royal-ticket-table tbody td:last-child{
        border-radius:0!important;
    }
}
/* PREMIUM SERVICES LIST */

.royal-services-page{
    color:#fff;
}

.royal-services-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:42px;
    margin-bottom:28px;
    border-radius:34px;
    background:
        radial-gradient(circle at 85% 20%,rgba(0,255,200,.14),transparent 38%),
        linear-gradient(145deg,rgba(7,13,22,.97),rgba(3,8,14,.98));
    border:1px solid rgba(0,255,200,.16);
    box-shadow:0 0 70px rgba(0,255,200,.08);
}

.royal-services-badge{
    display:inline-flex;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.18);
    color:#00ffd0;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.3px;
    margin-bottom:20px;
}

.royal-services-hero h1{
    font-family:'Orbitron',sans-serif;
    font-size:46px;
    font-weight:900;
    margin:0 0 14px;
}

.royal-services-hero h1 span{
    color:#00ffd0;
    text-shadow:0 0 28px rgba(0,255,200,.45);
}

.royal-services-hero p{
    color:#b6c0ca;
    font-size:16px;
    line-height:1.8;
    max-width:760px;
    margin:0;
}

.royal-services-order-btn{
    height:56px;
    padding:0 28px;
    border-radius:18px;
    background:linear-gradient(90deg,#00ffd0,#00a8ff);
    color:#00100e!important;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:900;
    text-decoration:none!important;
    box-shadow:0 0 35px rgba(0,255,200,.22);
    white-space:nowrap;
}

.royal-services-table-card{
    padding:28px;
    border-radius:30px;
    background:
        radial-gradient(circle at 85% 20%,rgba(0,255,200,.10),transparent 35%),
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
        #071019;
    border:1px solid rgba(0,255,200,.13);
    box-shadow:0 0 55px rgba(0,255,200,.08);
}

.royal-services-table-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:22px;
}

.royal-services-table-head span{
    display:block;
    color:#00ffd0;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.4px;
    margin-bottom:8px;
}

.royal-services-table-head h3{
    font-family:'Orbitron',sans-serif;
    color:#fff;
    font-size:26px;
    margin:0;
}

.royal-services-table{
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0 14px!important;
    background:transparent!important;
}

.royal-services-table thead th{
    background:#0a121c!important;
    color:#8fa0b4!important;
    border:0!important;
    padding:16px 20px!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase;
    letter-spacing:1.2px;
}

.royal-services-table thead th:first-child{
    border-radius:18px 0 0 18px!important;
}

.royal-services-table thead th:last-child{
    border-radius:0 18px 18px 0!important;
}

.royal-services-table tbody tr{
    cursor:pointer;
    background:
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
        #08111b!important;
    transition:.25s;
}

.royal-services-table tbody tr:hover{
    transform:translateY(-4px);
    box-shadow:0 0 34px rgba(0,255,200,.12);
}

.royal-services-table tbody td{
    background:transparent!important;
    border:0!important;
    padding:20px!important;
    color:#dce3ea!important;
    vertical-align:middle!important;
}

.royal-services-table tbody td:first-child{
    border-radius:22px 0 0 22px!important;
}

.royal-services-table tbody td:last-child{
    border-radius:0 22px 22px 0!important;
}

.royal-service-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.16);
    color:#00ffd0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.royal-service-icon img{
    max-width:24px;
}

.royal-service-main strong{
    display:block;
    color:#fff;
    font-size:15px;
    font-weight:900;
    margin-bottom:6px;
}

.royal-service-main a{
    color:#00ffd0!important;
    font-size:13px;
    text-decoration:none!important;
}

.royal-service-main span{
    color:#8fa0b4;
    font-size:13px;
}

.royal-service-price strong{
    display:block;
    color:#00ffd0;
    font-family:'Orbitron',sans-serif;
    font-size:17px;
}

.royal-service-price small{
    color:#8fa0b4;
    font-size:12px;
}

.royal-service-date{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#cfd7df;
    font-size:13px;
    font-weight:700;
}

.royal-service-date i{
    color:#00ffd0;
}

.royal-service-status{
    min-width:105px;
    height:34px;
    padding:0 14px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:900;
    color:#00100e!important;
    background:linear-gradient(90deg,#00ffd0,#00a8ff);
}

.royal-service-status.status-active{
    background:linear-gradient(90deg,#00ff88,#00ffd0);
}

.royal-service-status.status-pending{
    background:linear-gradient(90deg,#ffcc66,#ff9f1c);
}

.royal-service-status.status-suspended{
    background:linear-gradient(90deg,#ff416c,#ff4b2b);
    color:#fff!important;
}

.royal-service-status.status-terminated,
.royal-service-status.status-cancelled{
    background:rgba(255,255,255,.12);
    color:#cfd7df!important;
}

.royal-services-table-card .dataTables_wrapper{
    color:#cfd7df!important;
}

.royal-services-table-card .dataTables_filter{
    margin-bottom:18px;
}

.royal-services-table-card .dataTables_filter input{
    height:46px!important;
    min-width:260px;
    margin-left:12px;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#fff!important;
    border-radius:16px!important;
    padding:0 16px!important;
}

.royal-services-table-card .dataTables_length label,
.royal-services-table-card .dataTables_info{
    color:#9faab6!important;
    font-size:13px;
    font-weight:700;
}

.royal-services-table-card .dataTables_length select{
    height:40px!important;
    background:#0a121c!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#fff!important;
    border-radius:14px!important;
    padding:0 12px!important;
}

.royal-services-table-card .dataTables_paginate .paginate_button{
    border:1px solid rgba(255,255,255,.08)!important;
    background:#0a121c!important;
    color:#cfd7df!important;
    border-radius:12px!important;
    margin:0 4px!important;
    padding:8px 14px!important;
}

.royal-services-table-card .dataTables_paginate .paginate_button.current,
.royal-services-table-card .dataTables_paginate .paginate_button:hover{
    background:linear-gradient(90deg,#00ffd0,#00a8ff)!important;
    color:#00100e!important;
    border-color:transparent!important;
}

@media(max-width:900px){
    .royal-services-hero{
        flex-direction:column;
        align-items:flex-start;
    }

    .royal-services-hero h1{
        font-size:34px;
    }

    .royal-services-table thead{
        display:none;
    }

    .royal-services-table tbody tr{
        display:block;
        padding:18px;
        border-radius:22px!important;
    }

    .royal-services-table tbody td{
        display:block;
        padding:12px 0!important;
    }
}
/* PREMIUM PRODUCT DETAILS */

.royal-product-detail-page{
    color:#fff;
}

.royal-product-detail-hero{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding:44px;
    margin-bottom:28px;
    border-radius:34px;
    background:
        radial-gradient(circle at 85% 20%,rgba(0,255,200,.16),transparent 38%),
        linear-gradient(145deg,rgba(7,13,22,.97),rgba(3,8,14,.98));
    border:1px solid rgba(0,255,200,.16);
    box-shadow:0 0 75px rgba(0,255,200,.09);
}

.royal-product-detail-badge{
    display:inline-flex;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.18);
    color:#00ffd0;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.3px;
    margin-bottom:20px;
}

.royal-product-detail-main h1{
    font-family:'Orbitron',sans-serif;
    font-size:46px;
    font-weight:900;
    margin:0 0 12px;
    color:#fff;
}

.royal-product-detail-main p{
    color:#b6c0ca;
    font-size:17px;
    margin:0 0 18px;
}

.royal-product-domain{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#00ffd0!important;
    text-decoration:none!important;
    font-weight:800;
}

.royal-product-status-box{
    min-width:250px;
    padding:26px;
    border-radius:28px;
    background:#08111b;
    border:1px solid rgba(255,255,255,.08);
    text-align:center;
}

.royal-product-status-icon{
    width:62px;
    height:62px;
    border-radius:20px;
    margin:0 auto 16px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.18);
    color:#00ffd0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.royal-product-status-box small{
    display:block;
    color:#8fa0b4;
    font-size:12px;
    margin-bottom:8px;
}

.royal-product-status-box strong{
    display:inline-flex;
    padding:9px 18px;
    border-radius:999px;
    background:linear-gradient(90deg,#00ff88,#00ffd0);
    color:#00100e;
    font-weight:900;
}

.royal-product-detail-grid{
    display:grid;
    grid-template-columns:1.4fr .6fr;
    gap:24px;
    margin-bottom:26px;
}

.royal-product-card,
.royal-product-tabs-card{
    padding:28px;
    border-radius:30px;
    background:
        radial-gradient(circle at 85% 20%,rgba(0,255,200,.09),transparent 35%),
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
        #071019;
    border:1px solid rgba(0,255,200,.13);
    box-shadow:0 0 55px rgba(0,255,200,.07);
    margin-bottom:24px;
}

.royal-card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    margin-bottom:24px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.royal-card-head span{
    display:block;
    color:#00ffd0;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.3px;
    margin-bottom:8px;
}

.royal-card-head h3{
    font-family:'Orbitron',sans-serif;
    color:#fff;
    font-size:24px;
    margin:0;
}

.royal-card-head > i{
    width:48px;
    height:48px;
    border-radius:16px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.16);
    color:#00ffd0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.royal-product-info-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}

.royal-product-info-box{
    padding:20px;
    border-radius:20px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.07);
}

.royal-product-info-box small{
    display:block;
    color:#8fa0b4;
    font-size:12px;
    margin-bottom:9px;
}

.royal-product-info-box strong{
    color:#fff;
    font-size:15px;
}

.royal-product-info-box.danger strong{
    color:#ff6b6b;
}

.royal-product-actions{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.royal-action-btn{
    min-height:52px;
    padding:0 22px;
    border-radius:17px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.08);
    color:#dce3ea!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-weight:900;
    text-decoration:none!important;
    transition:.25s;
}

.royal-action-btn:hover{
    border-color:rgba(0,255,200,.35);
    color:#00ffd0!important;
    transform:translateY(-2px);
}

.royal-action-btn.primary{
    background:linear-gradient(90deg,#00ffd0,#00a8ff);
    color:#00100e!important;
    border-color:transparent;
}

.royal-action-btn.danger{
    background:linear-gradient(90deg,#ff416c,#ff4b2b);
    color:#fff!important;
    border-color:transparent;
}

.royal-product-tabs{
    border:0!important;
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:22px;
}

.royal-product-tabs .nav-link{
    border:1px solid rgba(255,255,255,.08)!important;
    background:#0a121c!important;
    color:#cfd7df!important;
    border-radius:16px!important;
    padding:14px 18px!important;
    font-weight:900;
    display:flex;
    align-items:center;
    gap:9px;
}

.royal-product-tabs .nav-link.active,
.royal-product-tabs .nav-link:hover{
    background:rgba(0,255,200,.08)!important;
    color:#00ffd0!important;
    border-color:rgba(0,255,200,.25)!important;
}

.royal-product-tabs-content{
    background:transparent!important;
}

.royal-detail-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.royal-detail-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:18px 20px;
    border-radius:18px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.07);
}

.royal-detail-row span{
    color:#8fa0b4;
    font-size:13px;
    font-weight:700;
}

.royal-detail-row strong{
    color:#fff;
    text-align:right;
    font-size:14px;
}

.royal-product-tab-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:22px;
}

.royal-resource-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.royal-resource-box{
    padding:24px;
    border-radius:22px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.07);
    text-align:center;
}

.royal-resource-box h4{
    font-family:'Orbitron',sans-serif;
    color:#fff;
    margin-bottom:18px;
}

.royal-addon-box{
    padding:22px;
    border-radius:22px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.07);
    margin-bottom:16px;
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
}

.royal-addon-box h4{
    color:#fff;
    font-family:'Orbitron',sans-serif;
    margin-bottom:10px;
}

.royal-addon-box p{
    color:#9faab6;
    margin:0 0 5px;
}

.royal-password-form .form-control{
    min-height:50px!important;
}

@media(max-width:1000px){
    .royal-product-detail-hero,
    .royal-product-detail-grid{
        grid-template-columns:1fr;
        flex-direction:column;
        align-items:flex-start;
    }

    .royal-product-status-box{
        width:100%;
    }

    .royal-product-info-grid,
    .royal-resource-grid{
        grid-template-columns:1fr;
    }

    .royal-detail-row{
        flex-direction:column;
        align-items:flex-start;
    }

    .royal-detail-row strong{
        text-align:left;
    }
}
/* PREMIUM INVOICES + DOMAINS */

.royal-invoice-main,
.royal-domain-main{
    display:flex;
    align-items:center;
    gap:14px;
}

.royal-invoice-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    background:rgba(0,255,200,.08);
    border:1px solid rgba(0,255,200,.16);
    color:#00ffd0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.royal-invoice-main strong{
    display:block;
    color:#fff;
    font-family:'Orbitron',sans-serif;
    font-size:15px;
    margin-bottom:5px;
}

.royal-invoice-main small{
    color:#8fa0b4;
    font-size:12px;
}

.royal-invoice-status,
.royal-domain-status{
    min-width:105px;
    height:34px;
    padding:0 14px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:900;
    color:#00100e!important;
    background:linear-gradient(90deg,#00ffd0,#00a8ff);
}

.royal-invoice-status.status-paid,
.royal-domain-status.status-active{
    background:linear-gradient(90deg,#00ff88,#00ffd0)!important;
}

.royal-invoice-status.status-unpaid,
.royal-invoice-status.status-payment-pending{
    background:linear-gradient(90deg,#ffcc66,#ff9f1c)!important;
}

.royal-invoice-status.status-overdue,
.royal-invoice-status.status-cancelled,
.royal-domain-status.status-expired{
    background:linear-gradient(90deg,#ff416c,#ff4b2b)!important;
    color:#fff!important;
}

.royal-invoice-status.status-refunded,
.royal-domain-status.status-cancelled,
.royal-domain-status.status-transferred-away{
    background:rgba(255,255,255,.12)!important;
    color:#cfd7df!important;
}

.royal-domain-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:22px;
}

.royal-domain-actions button{
    height:46px;
    padding:0 18px;
    border-radius:15px;
    background:#0a121c;
    border:1px solid rgba(255,255,255,.08);
    color:#dce3ea;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    gap:9px;
    transition:.25s;
}

.royal-domain-actions button:hover{
    border-color:rgba(0,255,200,.35);
    color:#00ffd0;
    transform:translateY(-2px);
}

.royal-domain-checkbox{
    width:18px;
    height:18px;
    accent-color:#00ffd0;
}

.royal-domain-main{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
}

.royal-domain-main a{
    color:#00ffd0!important;
    font-family:'Orbitron',sans-serif;
    font-size:15px;
    font-weight:900;
    text-decoration:none!important;
}

.royal-domain-main small{
    color:#8fa0b4;
    font-size:12px;
}

.royal-domain-main small .fa-check{
    color:#00ff88;
}

.royal-domain-main small .fa-times{
    color:#ff5c7a;
}

.royal-domains-table tbody td:first-child{
    width:42px;
}

.royal-domains-table tbody td:nth-child(2){
    width:70px;
}

.royal-invoices-table tbody tr,
.royal-domains-table tbody tr{
    border-radius:22px!important;
}

@media(max-width:900px){
    .royal-domain-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .royal-domain-actions button{
        width:100%;
        justify-content:center;
    }
}