:root{
  --rx-bg:#f7fbff;
  --rx-bg2:#eef8ff;
  --rx-navy:#07121f;
  --rx-navy2:#0d1b2a;
  --rx-panel:#ffffff;
  --rx-text:#07121f;
  --rx-muted:#64748b;
  --rx-line:#dbe7f1;
  --rx-blue:#18b7ff;
  --rx-cyan:#4fdcff;
  --rx-yellow:#ffc400;
  --rx-orange:#ff8a00;
  --rx-green:#35d26f;
  --rx-red:#ef4444;
  --rx-radius:24px;
  --rx-shadow:0 22px 70px rgba(7,18,31,.09);
  --rx-shadow2:0 35px 100px rgba(7,18,31,.16);
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;color:var(--rx-text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  letter-spacing:-.012em;
  background:
    radial-gradient(circle at 18% 8%, rgba(24,183,255,.13), transparent 29%),
    radial-gradient(circle at 80% 12%, rgba(255,196,0,.12), transparent 28%),
    linear-gradient(180deg,#fbfdff 0%,#eef8ff 45%,#f9fbff 100%);
}
a{color:#048fcb;text-decoration:none}a:hover{color:#07121f}.rx-app{display:flex;min-height:100vh}
.rx-sidebar{position:fixed;left:0;top:0;bottom:0;width:288px;z-index:1000;display:flex;flex-direction:column;gap:18px;padding:18px;background:radial-gradient(circle at 38% 0%, rgba(24,183,255,.22), transparent 30%),radial-gradient(circle at 78% 12%, rgba(255,196,0,.16), transparent 26%),linear-gradient(180deg,#07121f 0%,#0d1b2a 100%);color:#fff;border-right:1px solid rgba(79,220,255,.14);box-shadow:22px 0 60px rgba(7,18,31,.20)}
.rx-brand{display:flex;align-items:center;gap:12px;color:#fff!important;padding:12px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}.rx-brand img{width:48px;height:48px;border-radius:16px;object-fit:cover;background:#fff;box-shadow:0 0 30px rgba(24,183,255,.30)}.rx-brand b{display:block;font-size:20px;font-weight:950;letter-spacing:-.05em;line-height:1}.rx-brand small{display:block;color:rgba(255,255,255,.58);font-weight:750;margin-top:3px}.rx-nav-group{display:flex;flex-direction:column;gap:7px}.rx-nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.42);font-weight:950;margin:8px 8px 4px}.rx-nav-link{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.74)!important;padding:12px 13px;border-radius:16px;font-weight:900;transition:.16s ease;border:1px solid transparent}.rx-nav-link:hover,.rx-nav-link.active{background:rgba(24,183,255,.13);border-color:rgba(79,220,255,.20);color:#fff!important;transform:translateX(2px)}.rx-nav-icon{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:var(--rx-yellow);font-size:13px;flex:0 0 26px}.rx-nav-link.active .rx-nav-icon{background:linear-gradient(135deg,var(--rx-blue),var(--rx-cyan));color:#07121f}.rx-sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}.rx-userbox{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10)}.rx-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--rx-yellow),var(--rx-orange));color:#07121f;font-weight:950}.rx-userbox b{display:block;line-height:1.1}.rx-userbox small{display:block;color:rgba(255,255,255,.56);font-weight:700;margin-top:2px}
.rx-main{margin-left:288px;width:calc(100% - 288px);min-height:100vh}.rx-topbar{position:sticky;top:0;z-index:900;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(7,18,31,.07)}.rx-topbar h1{margin:0;font-size:28px;font-weight:950;letter-spacing:-.055em;color:var(--rx-text)}.rx-page-kicker{font-size:12px;color:var(--rx-muted);font-weight:950;text-transform:uppercase;letter-spacing:.16em}.rx-top-stat{border:1px solid var(--rx-line);border-radius:18px;background:#fff;color:var(--rx-muted);padding:11px 16px;min-width:198px;text-align:right;box-shadow:0 14px 34px rgba(7,18,31,.06)}.rx-top-stat b{color:#07121f}.rx-content{padding:34px;max-width:1500px;margin:0 auto}.container{max-width:1180px}.container-fluid{max-width:1500px}.container,.container-fluid{padding-left:0!important;padding-right:0!important}
.card,.stat,.rx-panel{border:1px solid rgba(7,18,31,.08);border-radius:var(--rx-radius);background:rgba(255,255,255,.94);box-shadow:var(--rx-shadow);overflow:hidden}.card-body{position:relative}.stat{padding:22px;min-height:118px}.stat h3{font-weight:950;letter-spacing:-.045em}.muted{color:var(--rx-muted)!important}.small-help{font-size:12px;color:var(--rx-muted)}
.btn{border-radius:14px;font-weight:900;padding:.62rem 1rem;border-width:0;box-shadow:none!important}.btn-primary,.btn-success{background:linear-gradient(135deg,var(--rx-blue),var(--rx-cyan));color:#07121f!important;border:0}.btn-warning{background:linear-gradient(135deg,var(--rx-yellow),var(--rx-orange));color:#07121f!important}.btn-primary:hover,.btn-success:hover,.btn-warning:hover{filter:saturate(1.06) brightness(.97);color:#07121f!important}.btn-outline-light{border:1px solid rgba(255,255,255,.28);color:#fff!important;background:rgba(255,255,255,.04)}.btn-outline-light:hover{background:#fff;color:#07121f!important}.btn-outline-primary,.btn-outline-dark,.btn-outline-secondary{border:1px solid var(--rx-line);background:#fff;color:#07121f!important}.btn-outline-primary:hover,.btn-outline-dark:hover,.btn-outline-secondary:hover{background:#f1f8ff;color:#07121f!important}.btn-danger{background:var(--rx-red)}
.form-control,.form-select{border-radius:16px;border:1px solid var(--rx-line);padding:.78rem .95rem;background:#fbfdff}.form-control:focus,.form-select:focus{border-color:var(--rx-blue);box-shadow:0 0 0 .25rem rgba(24,183,255,.17)}.table{vertical-align:middle;margin-bottom:0}.table thead th{background:#07121f;color:#dff6ff;border:0;font-weight:950;white-space:nowrap}.table td{border-color:#e6eef5}.table-responsive{border-radius:18px;overflow:auto;border:1px solid #e6eef5}.badge{border-radius:999px;padding:.45em .7em}.bg-success{background:linear-gradient(135deg,var(--rx-blue),var(--rx-cyan))!important;color:#07121f!important}.bg-warning{background:linear-gradient(135deg,var(--rx-yellow),var(--rx-orange))!important;color:#07121f!important}.bg-secondary{background:#94a3b8!important}.bg-dark{background:#07121f!important}.alert{border:0;border-radius:18px}.alert-success{background:#dff6ff;color:#075985}.alert-danger{background:#fee2e2;color:#7f1d1d}
.hero{position:relative;overflow:hidden;color:#fff;border-radius:34px;padding:58px 38px;background:radial-gradient(circle at 72% 20%, rgba(24,183,255,.36), transparent 26%),radial-gradient(circle at 34% 78%, rgba(255,196,0,.28), transparent 22%),linear-gradient(135deg,#07121f 0%,#0d1b2a 100%);box-shadow:var(--rx-shadow2)}.hero:after{content:"";position:absolute;right:-120px;top:-130px;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(79,220,255,.38),transparent 66%);filter:blur(4px)}.hero>*{position:relative;z-index:2}.hero .badge{border:1px solid rgba(79,220,255,.35);background:rgba(79,220,255,.14)!important;color:#e7fbff!important;border-radius:999px;padding:.55rem .85rem}.hero h1{line-height:1.03;letter-spacing:-.055em}.hero p{color:rgba(255,255,255,.78)}.hero-logo-card{background:#fff;border:1px solid rgba(255,255,255,.32);border-radius:28px;padding:28px;box-shadow:0 18px 50px rgba(24,183,255,.16)}.hero-logo-card img{width:100%;border-radius:24px;display:block}.rx-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.rx-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rx-action-card{display:block;color:inherit!important;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(7,18,31,.08);box-shadow:var(--rx-shadow);min-height:150px}.rx-action-card h4{font-weight:950;letter-spacing:-.035em}.rx-action-card:hover{transform:translateY(-2px);box-shadow:0 25px 70px rgba(7,18,31,.14)}.preview-box{display:flex;align-items:center;justify-content:center;border:2px dashed #b8dff3;border-radius:20px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(24,183,255,.08)}.roki-label{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:950;color:#07121f;background:linear-gradient(135deg,var(--rx-yellow),var(--rx-orange));border-radius:999px;padding:6px 10px;text-decoration:none;z-index:20;box-shadow:0 8px 18px rgba(255,138,0,.24)}.roki-label:hover{color:#07121f;filter:brightness(.95)}.codebox{background:#07121f;color:#dff6ff;border:1px solid rgba(79,220,255,.18);border-radius:18px;padding:16px;font-family:ui-monospace,Consolas,monospace;white-space:pre-wrap;font-size:13px;box-shadow:inset 0 0 24px rgba(24,183,255,.06)}.landing-section{padding:64px 0}.rx-section-title{font-weight:950;letter-spacing:-.045em}.rx-soft{background:linear-gradient(180deg,#fff,#f2faff);border-radius:28px;border:1px solid var(--rx-line)}
@media(max-width:1100px){.rx-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rx-action-grid{grid-template-columns:1fr 1fr}.rx-sidebar{width:248px}.rx-main{margin-left:248px;width:calc(100% - 248px)}}@media(max-width:820px){.rx-app{display:block}.rx-sidebar{position:relative;width:100%;height:auto;bottom:auto;border-right:0;border-bottom:1px solid rgba(79,220,255,.15)}.rx-main{margin-left:0;width:100%}.rx-topbar{position:relative;align-items:flex-start;flex-direction:column}.rx-top-stat{text-align:left;width:100%}.rx-content{padding:18px}.hero{padding:38px 22px;border-radius:26px}.display-5{font-size:2.15rem}.landing-section{padding:42px 0}.rx-dashboard-grid,.rx-action-grid{grid-template-columns:1fr}.card,.stat{border-radius:20px}}

/* Topbar language + transparency block polish */
.rx-top-title{min-width:0;}
.rx-top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
}
.rx-top-actions .rx-lang-switcher{
  padding:5px;
  border-radius:999px;
  background:rgba(241,245,249,.86);
  border:1px solid rgba(15,23,42,.06);
  box-shadow:0 14px 34px rgba(7,18,31,.06);
}
.rx-top-actions .rx-lang{
  min-height:32px;
}
.rx-top-stat{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  min-height:52px;
  line-height:1.15;
  white-space:nowrap;
}
.rx-top-stat span{
  display:block;
  font-size:13px;
  font-weight:800;
  color:var(--rx-muted);
}
.rx-top-stat b{
  display:block;
  font-size:16px;
  font-weight:950;
  letter-spacing:-.03em;
}
@media(max-width:820px){
  .rx-topbar{gap:14px;}
  .rx-top-actions{width:100%;justify-content:flex-start;gap:10px;}
  .rx-top-actions .rx-lang-switcher{box-shadow:none;}
  .rx-top-stat{width:auto;min-width:0;text-align:left;padding:10px 14px;}
}
@media(max-width:420px){
  .rx-top-actions{align-items:flex-start;}
  .rx-top-actions .rx-lang-switcher{width:100%;justify-content:flex-start;}
  .rx-top-stat{width:100%;}
}