:root{--wine:#4a002f;--deep:#32001f;--plum:#690044;--mag:#c10061;--pink:#f11a78;--gold:#d99525;--line:#ead9e2;--muted:#7e6874;--ink:#28141f;--paper:#fffafc}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:linear-gradient(135deg,#fffaf8 0%,#fff2f7 48%,#fff9f6 100%);margin:0;font-family:Arial,Helvetica,sans-serif}.shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#8c0056 0%,#5c0038 42%,#30001d 100%);height:100vh;padding:18px;position:sticky;top:0;overflow:auto}.brandCard{text-align:center;background:#fffffffa;border:1px solid #dda54573;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:178px;padding:13px 18px 14px;display:flex;box-shadow:0 16px 38px #25001733}.brandCard img{object-fit:contain;width:135px;height:105px;display:block}.brandEyebrow{color:var(--mag);letter-spacing:.19em;margin-top:4px;font-size:11px;font-weight:900}.brandSubtitle{color:#58213e;margin-top:4px;font-family:Georgia,serif;font-size:16px;font-weight:700}.nav{gap:7px;margin-top:18px;display:grid}.nav a{color:#ffeefa;cursor:default;border-radius:13px;padding:12px 14px;font-size:14px;font-weight:700;text-decoration:none}.nav a.active{background:linear-gradient(90deg,#ef1e77,#b10059);box-shadow:0 11px 28px #f31c7b45}.main{min-width:0;padding:30px}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:var(--mag);letter-spacing:.22em;font-size:11px;font-weight:900}.header h1{color:#59143d;margin:7px 0 8px;font-family:Georgia,serif;font-size:46px;line-height:1}.header p{color:var(--muted);margin:0;font-size:15px}.connection{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:800;display:flex;box-shadow:0 10px 28px #5000300f}.dot{border-radius:50%;width:8px;height:8px;display:block}.connection.ok .dot{background:#2ca36b}.connection.pending .dot{background:#d99525}.branches{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 14px;display:grid}.branchCard{border:1px solid var(--line);background:#fff;border-radius:19px;align-items:center;gap:13px;padding:16px;display:flex;box-shadow:0 15px 38px #4e002f12}.branchCode{width:58px;height:58px;color:var(--mag);background:#fff7fb;border:2px solid #f4c9dc;border-radius:17px;flex:none;place-items:center;font-size:20px;font-weight:900;display:grid}.branchCard strong{font-size:15px;display:block}.branchCard span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.stat{color:#fff;border-radius:20px;flex-direction:column;min-height:135px;padding:18px;display:flex;box-shadow:0 15px 35px #48002b21}.stat span{font-size:14px;font-weight:800}.stat strong{margin-top:8px;font-size:36px;line-height:1}.stat small{opacity:.88;margin-top:auto;font-size:11px}.pink{background:linear-gradient(135deg,#f42a82,#ba005e)}.purple{background:linear-gradient(135deg,#8f3d9f,#50115c)}.gold{background:linear-gradient(135deg,#e3aa43,#a96b10)}.wine{background:linear-gradient(135deg,#7d004c,#390022)}.contentGrid{grid-template-columns:1.25fr 1fr;gap:14px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:19px;box-shadow:0 16px 38px #4e002f12}.panelHead h2{color:#41132f;margin:5px 0 0;font-family:Georgia,serif;font-size:25px}.emptyState{text-align:center;background:linear-gradient(135deg,#fff9fc,#fff5f9);border:1px dashed #e3c8d6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;margin-top:16px;padding:25px;display:flex}.emptyState.compact{min-height:154px}.emptyIcon{color:var(--gold);margin-bottom:9px;font-size:30px}.emptyState strong{color:#5c183f;font-family:Georgia,serif;font-size:18px}.emptyState p{max-width:390px;color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.45}.ruleNote{color:#724b13;background:#fff6e9;border:1px solid #f0d49b;border-radius:13px;margin-top:14px;padding:13px;font-size:12px;line-height:1.5}@media (max-width:1100px){.branches,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.contentGrid{grid-template-columns:1fr}}@media (max-width:760px){.shell{display:block}.sidebar{z-index:50;width:auto;height:78px;padding:7px 8px;display:flex;position:fixed;inset:auto 0 0;overflow:auto hidden}.brandCard{display:none}.nav{gap:6px;margin:0;display:flex}.nav a{text-align:center;justify-content:center;align-items:center;min-width:90px;padding:10px 8px;font-size:10px;display:flex}.main{padding:18px 14px 96px}.header h1{font-size:32px}.connection{font-size:10px}.branches{padding-bottom:4px;display:flex;overflow-x:auto}.branchCard{min-width:215px}.stats{grid-template-columns:1fr 1fr}.stat{min-height:120px;padding:15px}.stat strong{font-size:29px}}@media (max-width:420px){.stats{grid-template-columns:1fr}.header{gap:12px}.header h1{font-size:29px}}.brandLink{text-decoration:none}.nav a{cursor:pointer}.nav a:hover{background:#ffffff17}.clickableCard{text-decoration:none;transition:transform .15s,box-shadow .15s}.clickableCard:hover{transform:translateY(-2px);box-shadow:0 18px 42px #4e002f21}.panelHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.textLink{color:var(--mag);font-size:12px;font-weight:800;text-decoration:none}.primaryButton{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ef1e77,#b10059);border:0;border-radius:12px;justify-content:center;align-items:center;margin-top:16px;padding:11px 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #c100612e}.modulePanel{margin-top:24px}.moduleEmpty{min-height:360px}.formPanel{margin-top:24px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formGrid label{flex-direction:column;gap:7px;display:flex}.formGrid label>span{color:#5b2845;font-size:12px;font-weight:800}.formGrid input,.formGrid select,.formGrid textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fffafd;border-radius:12px;outline:none;padding:12px 13px}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{border-color:#d75a98;box-shadow:0 0 0 3px #d75a981a}.formGrid .full{grid-column:1/-1}.formActions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.buttonReset{margin-top:0}.formHint{color:var(--muted);font-size:12px}@media (max-width:760px){.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.moduleEmpty{min-height:280px}}.serviceChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.serviceChoice{border:1px solid var(--line);color:#51203c;background:#fffafd;border-radius:14px;align-items:center;gap:10px;padding:14px;font-weight:700;display:flex}.serviceChoice input{accent-color:var(--mag);width:17px;height:17px}.secondaryButton{color:var(--wine);border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:10px 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.secondaryButton:hover{background:#fff6fa}@media (max-width:760px){.serviceChoiceGrid{grid-template-columns:1fr}}.alertBox{color:#5c2845;background:#fff;border:1px solid #ead5df;border-radius:13px;margin-top:18px;padding:13px 15px;font-size:13px}.alertBox.danger{color:#851f34;background:#fff3f5;border-color:#f2bfc8}.fieldLabel{color:#5b2845;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.skillGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.checkCard{border:1px solid var(--line);color:#57233f;background:#fffafd;border-radius:12px;align-items:center;padding:10px 11px;font-size:12px;font-weight:700;flex-direction:row!important;gap:8px!important;display:flex!important}.checkCard input,.checkLine input{accent-color:var(--mag);width:16px;height:16px}.optionRow{flex-wrap:wrap;gap:18px;display:flex}.checkLine{color:#57233f;align-items:center;font-size:13px;font-weight:700;flex-direction:row!important;gap:8px!important;display:flex!important}.staffList{gap:10px;margin-top:16px;display:grid}.staffRow{background:#fffafd;border:1px solid #f0e0e7;border-radius:16px;align-items:center;gap:13px;padding:13px;display:flex}.staffAvatar{color:#fff;background:linear-gradient(135deg,#ef267c,#780049);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid}.staffInfo{flex:1;min-width:0}.staffInfo strong,.staffInfo span,.staffInfo small{display:block}.staffInfo strong{font-size:15px}.staffInfo>span{color:#6a3151;margin-top:2px;font-size:12px}.staffInfo small{color:var(--muted);margin-top:3px;font-size:11px}.tagRow{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.miniTag{color:#9f0750;background:#ffe8f2;border-radius:999px;padding:4px 7px;font-weight:800;width:auto!important;font-size:9px!important;display:inline-flex!important}.goldTag{color:#8a5b0c;background:#fff0cd}.staffActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dangerButton,.textButton{cursor:pointer;border:0;font-weight:800}.dangerButton{color:#af2840;background:#fff0f2;border:1px solid #f1c3cb;border-radius:12px;padding:10px 12px}.textButton{color:var(--mag);background:0 0;padding:8px}.loadingText{text-align:center;color:var(--muted);padding:40px}.loginPage{background:linear-gradient(135deg,#fffaf8,#fff0f7);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:26px;width:min(430px,100%);padding:28px;box-shadow:0 24px 70px #4b002d26}.loginCard img{object-fit:contain;margin:0 auto 4px}.loginCard h1{color:#59143d;margin:4px 0;font-family:Georgia,serif;font-size:34px}.loginCard>p{color:var(--muted);margin:0 0 20px}.loginCard form{text-align:left;gap:13px;display:grid}.loginCard label{gap:6px;display:grid}.loginCard label span{color:#5b2845;font-size:12px;font-weight:800}.loginCard input{border:1px solid var(--line);width:100%;font:inherit;border-radius:12px;outline:none;padding:12px 13px}.loginCard input:focus{border-color:#d75a98;box-shadow:0 0 0 3px #d75a981a}.loginButton{width:100%;margin-top:2px}.loginError{color:#9b273b;background:#fff1f3;border:1px solid #f2c4cc;border-radius:10px;padding:9px 10px;font-size:12px}@media (max-width:900px){.skillGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.staffRow{align-items:flex-start}.staffActions{flex-direction:column;align-items:stretch}}@media (max-width:600px){.skillGrid{grid-template-columns:1fr}.staffRow{flex-wrap:wrap}.staffActions{flex-direction:row;width:100%}.staffActions button{flex:1}.staffFormGrid{grid-template-columns:1fr}}.sectionTitle{margin:2px 0 16px}.sectionTitle h2{color:#41132f;margin:5px 0 4px;font-family:Georgia,serif;font-size:23px}.sectionTitle p{color:var(--muted);margin:0;font-size:12px}.sectionDivider{background:#f1e2e9;height:1px;margin:24px 0}.toolbarRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbarButtons{flex-wrap:wrap;gap:9px;display:flex}.searchInput{border:1px solid var(--line);min-width:280px;font:inherit;background:#fffafd;border-radius:12px;outline:none;flex:1;padding:12px 13px}.searchInput:focus{border-color:#d75a98;box-shadow:0 0 0 3px #d75a981a}.dataTableWrap{margin-top:16px;overflow:auto}.dataTable{border-collapse:collapse;width:100%;min-width:820px}.dataTable th{text-align:left;color:#735267;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-size:10px}.dataTable td{vertical-align:top;border-bottom:1px solid #f3e8ed;padding:13px 12px;font-size:12px}.dataTable td strong,.dataTable td small{display:block}.dataTable td small{color:var(--muted);margin-top:4px;font-size:10px}.tableActions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.linkButton{text-decoration:none;display:inline-flex}.statusPill{color:#9f0750;background:#ffe8f2;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-flex}.balanceDue,.warnText{color:#a8690e!important}.balancePaid,.okText{color:#168454!important}.bottomActions{margin:18px 0 4px}.financeStrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.financeStrip>div{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;box-shadow:0 10px 26px #4e002f0d}.financeStrip span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.financeStrip strong{margin-top:5px;font-size:18px;display:block}.dateFilter{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.dateFilter label{gap:5px;display:grid}.dateFilter label span{color:#5b2845;font-size:10px;font-weight:800}.dateFilter input{border:1px solid var(--line);background:#fffafd;border-radius:11px;padding:9px 10px}.reportKpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.reportKpi{border:1px solid var(--line);background:#fff;border-radius:17px;padding:15px;box-shadow:0 12px 30px #4e002f0f}.reportKpi span,.reportKpi small{display:block}.reportKpi span{color:#76556a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.reportKpi strong{color:#531238;margin:7px 0 4px;font-size:22px;display:block}.reportKpi small{color:var(--muted);font-size:10px}.reportKpi.warning{background:#fff8ec;border-color:#f1d7a2}.reportKpi.profit{background:#f2fff8;border-color:#ccebdd}.reportGrid{align-items:start}.paymentMethodList{gap:9px;margin-top:16px;display:grid}.paymentMethodRow{background:#fffafd;border:1px solid #f0e0e7;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.paymentMethodRow span{color:#5a2944;font-size:11px;font-weight:800}.paymentMethodRow strong{color:#51133a}.whatsappStatus{width:max-content;margin-top:18px}.codeList{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.codeList code{color:#7f164d;background:#fff1f7;border:1px solid #efd4e0;border-radius:10px;padding:8px 10px;font-size:11px}.mutedText{color:var(--muted);font-size:12px}.dangerButton:disabled,.primaryButton:disabled{opacity:.55;cursor:not-allowed}@media (max-width:1100px){.reportKpis{grid-template-columns:repeat(3,minmax(0,1fr))}.financeStrip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.searchInput{min-width:100%}.toolbarRow,.toolbarButtons{width:100%}.toolbarButtons>a,.toolbarButtons>button{flex:1}.reportKpis,.financeStrip{grid-template-columns:1fr 1fr}.dateFilter{width:100%}.dateFilter label{flex:1}.dateFilter input{width:100%}}@media (max-width:430px){.reportKpis,.financeStrip{grid-template-columns:1fr}}