*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background:#090e1a;flex-direction:column;min-height:100vh;padding-top:56px;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow-x:hidden}.fixbyte-demo-bar{z-index:10000;background:linear-gradient(90deg,#0a0e27 0%,#0f172a 100%);border-bottom:1px solid #00c6ff4d;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0006}.demo-bar-left{align-items:center;gap:12px;display:flex}.demo-badge-agency{color:#fff;letter-spacing:-.5px;user-select:none;border:none;outline:none;font-size:1.05rem;font-weight:800;text-decoration:none;transition:opacity .2s;display:inline-block}.demo-badge-agency:hover{opacity:.88}.demo-badge-agency:focus,.demo-badge-agency:focus-visible,.demo-badge-agency:active{box-shadow:none!important;border:none!important;outline:none!important}.demo-badge-agency span{background:linear-gradient(90deg,#00c6ff,#0072ff);-webkit-text-fill-color:transparent;color:#00c6ff;-webkit-background-clip:text}.demo-mode-pill{color:#38bdf8;letter-spacing:.5px;text-transform:uppercase;background:#00c6ff26;border:1px solid #00c6ff59;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.demo-mode-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}.btn-demo-cta{color:#fff;background:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn-demo-cta:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00c6ff66}.demo-bar-right{align-items:center;gap:8px;display:flex}.btn-demo-back{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-demo-back:hover{color:#fff;background:#ffffff29;border-color:#ffffff59;transform:translateY(-1px)}.app-layout{flex-grow:1;display:flex}.app-sidebar{background:#0d1527;border-right:1px solid #ffffff14;flex-direction:column;gap:.5rem;width:250px;padding:1.5rem 1rem;display:flex}.app-brand{color:#fff;border-bottom:1px solid #ffffff0f;margin-bottom:1rem;padding:0 .75rem 1.5rem;font-size:1.15rem;font-weight:800}.app-brand span{color:#00c6ff}.side-link{color:#94a3b8;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.side-link:hover,.side-link.active{color:#38bdf8;background:#0072ff26}.app-main{background:#090e1a;flex-grow:1;padding:2rem 2.5rem}.app-topbar{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.app-topbar h1{font-size:1.7rem;font-weight:800}.app-topbar p{color:#64748b;font-size:.88rem}.btn-action-primary{color:#fff;cursor:pointer;background:#0072ff;border:none;border-radius:10px;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:700}.stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.stat-box-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.76rem}.stat-box-val{color:#fff;font-size:1.8rem;font-weight:800}.stat-box-meta{color:#10b981;margin-top:.4rem;font-size:.78rem;font-weight:600}.activity-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.activity-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.activity-header h3{font-size:1.1rem;font-weight:700}.log-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;font-size:.86rem;display:flex}.log-tag{border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.log-tag.api{color:#38bdf8;background:#38bdf826}.log-tag.auth{color:#c084fc;background:#a855f726}.log-tag.db{color:#34d399;background:#10b98126}.demo-toast{color:#fff;z-index:100000;opacity:0;visibility:hidden;background:#0f172a;border:1px solid #00c6ff66;border-radius:14px;align-items:center;gap:12px;max-width:420px;padding:1rem 1.4rem;font-size:.88rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(100px);box-shadow:0 15px 40px #00000080}.demo-toast.show{opacity:1;visibility:visible;transform:translateY(0)}.demo-mode-text-short,.btn-cta-short{display:none}.demo-bar-center{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}@media (width<=900px){.demo-bar-center{display:none}}@media (width<=768px){body{padding-top:52px}.fixbyte-demo-bar{height:52px;padding:0 .85rem}.demo-badge-agency{font-size:.95rem}.demo-mode-pill{padding:3px 8px;font-size:.68rem}.demo-mode-text-full{display:none}.demo-mode-text-short{display:inline}.btn-cta-full{display:none}.btn-cta-short{display:inline}.btn-demo-cta{white-space:nowrap;padding:6px 11px;font-size:.74rem}.btn-demo-back{padding:6px 10px;font-size:.74rem}.app-sidebar{display:none}.app-main{padding:1.25rem 1rem}.app-topbar{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.app-topbar h1{font-size:1.35rem;line-height:1.25}.app-topbar p{font-size:.82rem;line-height:1.45}.btn-action-primary{padding:8px 14px;font-size:.8rem}.stats-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.stat-box{padding:1.15rem}.stat-box-val{font-size:1.6rem}.activity-card{padding:1.15rem}.activity-header{flex-wrap:wrap;gap:.5rem}.activity-header h3{font-size:.98rem}.log-item{align-items:flex-start;gap:10px}.log-tag{flex-shrink:0}.demo-toast{max-width:none;padding:.85rem 1rem;bottom:1rem;left:1rem;right:1rem}}