:root{--navy: #0f1e35;--navy2: #0a1628;--navy3: #142038;--navy4: #1a2d4a;--card: #13203a;--card2: #1a2b48;--border: #1e2f4e;--border2: #2a3f62;--gold: #ae9260;--gold2: #cead7e;--goldlt: #e8d4b0;--text: #f0f4ff;--text2: #b0bcd4;--text3: #7a8aaa;--green: #10b981;--red: #ef4444;--blue: #3b82f6;--orange: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:var(--navy);color:var(--text)}.hdr{background:var(--navy2);height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:30}.hdr-logo{display:flex;align-items:center;gap:12px;cursor:pointer}.hdr-logo-placeholder{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy3);border:2px solid var(--gold);overflow:hidden}.hdr-logo-placeholder img{width:100%;height:100%;object-fit:cover}.hdr-logo-text{font-size:20px;font-weight:800}.hdr-logo-text span{display:block;font-size:11px;color:var(--gold2);letter-spacing:2px}.hdr-right{display:flex;align-items:center;gap:12px}.hdr-perfil{background:var(--navy3);border:1px solid var(--border);border-radius:40px;padding:6px 14px 6px 6px;display:flex;align-items:center;gap:10px}.hdr-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy2);font-weight:800;font-size:14px}.hdr-perfil-nome{font-size:13px;font-weight:700}.hdr-perfil-tipo{font-size:11px;color:var(--text3)}.logout-btn{background:none;border:1px solid var(--border2);color:var(--text2);padding:8px 12px;border-radius:10px;cursor:pointer;font-size:12px}.logout-btn:hover{border-color:var(--red);color:#fca5a5}.wrap{padding:22px}.btn,.btn-outline,.btn-red,.btn-green{border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:14px}.btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy2)}.btn:hover{filter:brightness(1.1)}.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--text2)}.btn-outline:hover{border-color:var(--gold2);color:var(--text)}.btn-red{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.btn-green{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#86efac}.btn-sm{padding:7px 10px;font-size:12px}.kpi-section{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;gap:14px;align-items:center}.kpi-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;color:var(--navy2);font-size:20px;flex-shrink:0}.kpi-icon.blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.kpi-icon.green{background:linear-gradient(135deg,#059669,#34d399)}.kpi-icon.red{background:linear-gradient(135deg,#b91c1c,#ef4444)}.kpi-val{font-size:28px;font-weight:800}.kpi-lbl{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text3);margin-top:4px}.card,.card2{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}.card2{background:var(--card2);border-color:var(--border2)}.tabs{display:flex;gap:4px;overflow:auto;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{background:linear-gradient(180deg,var(--navy3),var(--navy2));border:1px solid var(--border2);color:var(--text2);padding:12px 18px;font-weight:800;cursor:pointer;border-radius:14px 14px 0 0;white-space:nowrap;transition:.18s;font-size:14px}.tab:hover{border-color:var(--gold2);color:var(--text)}.tab.active{color:#0a1628!important;background:linear-gradient(135deg,#ae9260,#cead7e)!important;border-color:#cead7e!important}.sec-hdr{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.sec-title{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.sec-title i{color:var(--gold2)}.mini-title{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.big-number{font-size:24px;font-weight:800;color:var(--gold2)}.muted{font-size:12px;color:var(--text3)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.input,.select,.textarea{width:100%;background:var(--navy2);border:1px solid var(--border2);border-radius:10px;color:var(--text);padding:11px 12px;font-size:14px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--gold2)}.textarea{min-height:80px;resize:vertical}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--text3);font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left}thead tr{background:var(--navy3)}th{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:1px}tr:hover td{background:#ae92600d}tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.badge-scheduled{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.25)}.badge-completed{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}.badge-cancelled{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.badge-pending{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.25)}.badge-active{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}.badge-inactive{background:#78787826;color:#aaa;border:1px solid rgba(120,120,120,.25)}.pill{padding:6px 10px;border-radius:999px;background:var(--navy3);border:1px solid var(--border2);font-size:12px;color:var(--text2)}.status-pill-ok{background:#10b98129;border:1px solid rgba(16,185,129,.38);color:#86efac}.status-pill-fail{background:#ef444429;border:1px solid rgba(239,68,68,.38);color:#fca5a5}.alert-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.alert-item{padding:10px 12px;border-radius:10px;background:#ae92601a;border:1px solid rgba(174,146,96,.22);font-size:13px;color:var(--text2)}.alert-title,.quick-title{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}.alert-title i,.quick-title i{color:var(--gold2)}.alerts-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:18px}.ag-list{display:flex;flex-direction:column;gap:10px}.ag-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ag-hora{font-size:22px;font-weight:800;color:var(--gold2);min-width:60px}.ag-info{flex:1;min-width:160px}.ag-cliente{font-size:15px;font-weight:800}.ag-servico,.ag-barbeiro{font-size:12px;color:var(--text3);margin-top:2px}.ag-right{text-align:right;min-width:120px}.ag-preco{font-size:16px;font-weight:800;color:var(--gold2)}.ag-actions{display:flex;gap:6px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.slot{padding:10px;border-radius:10px;background:var(--navy3);border:1px solid var(--border2);text-align:center;cursor:pointer;font-weight:700;font-size:13px}.slot:hover{border-color:var(--gold2);color:var(--goldlt)}.avatar-sm{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));display:grid;place-items:center;color:var(--navy2);font-weight:800;font-size:12px;flex-shrink:0}.avatar-row{display:flex;align-items:center;gap:10px}.bar{height:8px;border-radius:999px;background:var(--navy2);overflow:hidden;margin-top:6px}.bar span{display:block;height:100%;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:999px}.finance-week-chart{position:relative;height:260px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;margin-top:16px;padding:16px 8px 8px;border-radius:16px;background:#0a162880;border:1px solid var(--border)}.finance-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.finance-bar{width:100%;max-width:60px;min-height:20px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--gold2),var(--gold));cursor:pointer;transition:transform .14s ease}.finance-bar:hover{transform:translateY(-4px);filter:brightness(1.06)}.finance-bar.zero{background:linear-gradient(180deg,var(--navy4),var(--navy3));border:1px solid var(--border2)}.finance-bar-label{font-size:10px;color:var(--text3);text-transform:uppercase}.finance-bar-value{font-size:10px;color:var(--goldlt);font-weight:800;text-align:center;min-height:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:none;align-items:center;justify-content:center;z-index:50;padding:18px}.modal-overlay.open{display:flex}.modal{width:100%;max-width:640px;max-height:90vh;overflow-y:auto;background:var(--card2);border:1px solid var(--border2);border-radius:18px;padding:22px}.modal-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.close-btn{background:none;border:1px solid var(--border2);color:var(--text2);width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:16px;display:grid;place-items:center}.close-btn:hover{border-color:var(--red);color:#fca5a5}.loader{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text3);gap:10px}.spinner{width:24px;height:24px;border:3px solid rgba(206,173,126,.3);border-top-color:var(--gold2);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy2);padding:20px}.login-card{background:var(--card);border:1px solid var(--border2);border-radius:20px;padding:36px;width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:28px}.login-logo h1{font-size:28px;font-weight:900}.login-logo span{font-size:12px;color:var(--gold2);letter-spacing:2px}.login-form{display:flex;flex-direction:column;gap:16px}.error-msg{color:#fca5a5;font-size:13px;padding:10px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.25)}.crm-risk-30{color:#fcd34d}.crm-risk-60{color:#f97316}.crm-risk-90{color:#fca5a5}.info-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.info-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:var(--navy3);border:1px solid var(--border2);font-size:13px}.info-chip strong{color:var(--gold2)}@media (max-width: 1100px){.kpi-section,.grid-4,.alerts-top,.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.kpi-section,.grid-4,.grid-3,.grid-2,.form-grid,.alerts-top{grid-template-columns:1fr}.hdr{padding:0 14px}.wrap{padding:14px}}