:root{--jr-red:#ff2020;--jr-blue:#008cff;--jr-blue2:#0057ff;--jr-bg:#070a10;--jr-card:#0e141f;--jr-card2:#121a28;--jr-text:#f5f7fb;--jr-muted:#9ba8bb;--jr-border:rgba(0,140,255,.18);}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(0,140,255,.12),transparent 28%),radial-gradient(circle at 80% 20%,rgba(255,32,32,.10),transparent 25%),#070a10;color:var(--jr-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#080b12,#0b111b);border-right:1px solid var(--jr-border);z-index:1000;overflow:auto}.brand{padding:18px 16px;border-bottom:1px solid var(--jr-border);text-align:center}.brand img{max-width:210px;width:100%;height:auto;filter:drop-shadow(0 0 14px rgba(0,140,255,.25))}.brand small{display:block;color:#91a0b7;margin-top:5px}.nav-section{padding:12px 10px 6px;color:#6e7d94;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.sidebar .nav-link{margin:2px 10px;border-radius:10px;color:#aeb9ca;padding:10px 12px}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(0,140,255,.18),rgba(255,32,32,.08));box-shadow:inset 3px 0 0 var(--jr-blue)}.sidebar .nav-link i{width:24px;text-align:center;margin-right:7px}.main{margin-left:260px;min-height:100vh}.topbar{position:sticky;top:0;z-index:900;background:rgba(7,10,16,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--jr-border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.content{padding:24px}.page-title{font-weight:800;letter-spacing:-.03em}.page-subtitle{color:var(--jr-muted)}.card,.modal-content,.table-wrap{background:linear-gradient(145deg,rgba(18,26,40,.96),rgba(10,15,24,.96));border:1px solid var(--jr-border);box-shadow:0 12px 35px rgba(0,0,0,.25);border-radius:16px;color:var(--jr-text)}.card-header{background:transparent;border-bottom:1px solid var(--jr-border);font-weight:700}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:var(--glow);filter:blur(1px);opacity:.18}.stat .icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#fff}.stat .value{font-size:1.65rem;font-weight:800}.text-muted{color:var(--jr-muted)!important}.form-control,.form-select,.form-check-input{background:#0a1019;border-color:#263348;color:#fff}.form-control:focus,.form-select:focus{background:#0a1019;color:#fff;border-color:var(--jr-blue);box-shadow:0 0 0 .2rem rgba(0,140,255,.12)}.form-control::placeholder{color:#6f7d91}.btn-jr{border:0;color:#fff;background:linear-gradient(135deg,var(--jr-blue2),var(--jr-blue));font-weight:700;box-shadow:0 7px 20px rgba(0,140,255,.2)}.btn-jr:hover{color:#fff;filter:brightness(1.08)}.btn-red{border:0;color:#fff;background:linear-gradient(135deg,#b90000,var(--jr-red));font-weight:700}.badge-soft{background:rgba(0,140,255,.12);color:#72c4ff;border:1px solid rgba(0,140,255,.25)}.table{color:#e9edf5;margin-bottom:0}.table thead th{color:#9fb0c7;border-bottom-color:#263348}.table td,.table th{border-color:#1d293b;vertical-align:middle}.table-hover tbody tr:hover{background:rgba(255,255,255,.025)}.table-wrap{overflow:hidden}.money-in{color:#4ade80}.money-out{color:#ff6b6b}.status-pill{border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}.status-pendente{background:rgba(255,193,7,.12);color:#ffd35a}.status-pago{background:rgba(25,210,125,.12);color:#62e6a5}.status-parcial{background:rgba(0,140,255,.12);color:#72c4ff}.status-cancelado{background:rgba(255,32,32,.12);color:#ff7777}.quick{transition:.2s}.quick:hover{transform:translateY(-2px);border-color:rgba(0,140,255,.38)}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);padding:28px}.login-logo{max-width:260px;display:block;margin:0 auto 20px}.qr-box{display:flex;justify-content:center;align-items:center;background:#fff;padding:14px;border-radius:12px;width:max-content}.preview-img{max-width:130px;max-height:100px;border-radius:10px;object-fit:cover;border:1px solid #263348}.mobile-menu{display:none}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:inline-flex}.content{padding:16px}}

/* ===== MOBILE / PWA (Android e iOS) ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.topbar{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
.pix-result{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:24px;align-items:center}.pix-copy-area{min-width:0}.pix-payload{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;word-break:break-all}
.table-responsive{-webkit-overflow-scrolling:touch}.btn,.form-control,.form-select{min-height:42px}.sidebar{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:767px){.content{padding:14px}.topbar{padding:10px 12px}.topbar .text-end .text-muted{display:none}.page-title{font-size:1.55rem}.card{border-radius:13px}.card.p-3{padding:14px!important}.row.g-3{--bs-gutter-y:.75rem}.table{font-size:.86rem}.pix-result{grid-template-columns:1fr;justify-items:center}.pix-copy-area{width:100%}.qr-box{max-width:100%}.qr-box canvas,.qr-box img{max-width:100%;height:auto!important}.sidebar{width:min(86vw,300px)}.brand img{max-width:180px}}
@media(max-width:420px){.content{padding:10px}.page-title{font-size:1.35rem}.btn{width:100%;justify-content:center}.action-buttons .btn{width:auto}.form-control,.form-select{font-size:16px}.login-card{padding:20px}.login-logo{max-width:220px}}

/* ===== INTEGRAÇÃO INDICAÇÕES NA CENTRAL ===== */
.ind-tabs{display:flex;gap:8px;flex-wrap:wrap}.ind-tabs .btn{min-height:36px}.ind-notify-list .list-group-item{padding:14px 8px}.action-buttons form{margin:2px}.table small{color:var(--jr-muted)}
@media(max-width:767px){.ind-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.ind-tabs .btn{white-space:nowrap;width:auto}.action-buttons .btn{margin-bottom:5px}}