:root{--pro-bg:#060914;--pro-border:rgba(148,163,255,.16);--pro-text:#f7f9ff;--pro-muted:#93a1c3;--pro-blue:#4f7cff;--pro-purple:#8b5cf6;--pro-cyan:#22d3ee;--pro-green:#35df9a;--pro-red:#ff637d;--pro-shadow:0 20px 55px rgba(0,0,0,.28)}html{scroll-behavior:smooth}body{color:var(--pro-text);background:radial-gradient(circle at 10% -10%,rgba(79,124,255,.24),transparent 35%),radial-gradient(circle at 100% 0,rgba(139,92,246,.18),transparent 32%),var(--pro-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a,button,input,select,textarea{transition:.2s ease}.layout{grid-template-columns:278px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;overflow-y:auto;background:rgba(7,11,24,.9);border-right:1px solid var(--pro-border);backdrop-filter:blur(20px);box-shadow:18px 0 60px rgba(0,0,0,.18);z-index:50}.brand{padding:9px 12px 22px;font-size:23px;line-height:1.25;letter-spacing:-.02em}.brand span{display:inline-block;margin-top:5px;color:var(--pro-cyan);font-size:12px;letter-spacing:.17em}.nav{display:grid;gap:7px;margin-top:8px}.nav a{position:relative;display:flex;align-items:center;min-height:46px;padding:11px 14px;border:1px solid transparent;border-radius:13px;color:#b7c1dc;font-size:14px;font-weight:720}.nav a:hover,.nav a.active{color:#fff;border-color:rgba(99,132,255,.25);background:linear-gradient(135deg,rgba(79,124,255,.18),rgba(139,92,246,.12));transform:translateX(3px)}.nav a.active::before{content:"";position:absolute;left:-7px;width:3px;height:22px;border-radius:10px;background:linear-gradient(var(--pro-cyan),var(--pro-purple));box-shadow:0 0 15px var(--pro-blue)}.main,.main-app{width:100%;max-width:1600px;margin:0 auto;padding:34px clamp(18px,3vw,46px) 70px}.app-header,.topbar{min-height:76px;padding:16px clamp(18px,3vw,46px);border-bottom:1px solid var(--pro-border);background:rgba(8,13,28,.72);backdrop-filter:blur(18px)}.app-logo,.topbar h1{font-size:clamp(20px,2.2vw,30px);font-weight:900;letter-spacing:-.035em}h1,h2,h3{text-wrap:balance}h2{margin-top:36px;font-size:clamp(21px,2vw,27px)}.dashboard-grid,.grid,.conta-grid,.business-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card,.card-premium,.conta-card,.business-card,.categoria-card,.ingreso-ficha,.form-card,.history-item,.empty-state{border:1px solid var(--pro-border);background:linear-gradient(145deg,rgba(19,28,54,.96),rgba(10,16,33,.94));box-shadow:var(--pro-shadow);backdrop-filter:blur(14px)}.card,.card-premium,.conta-card,.business-card{position:relative;min-height:145px;padding:22px;overflow:hidden;border-radius:20px}.card::after,.card-premium::after,.conta-card::after,.business-card::after{content:"";position:absolute;right:-28px;bottom:-35px;width:105px;height:105px;border-radius:50%;background:rgba(79,124,255,.15);filter:blur(4px)}.card:hover,.card-premium:hover,.conta-card:hover,.business-card:hover,.categoria-card:hover,.ingreso-ficha:hover{transform:translateY(-3px);border-color:rgba(109,139,255,.4)}.card h3,.card-premium h3,.conta-card h3,.business-card h3{margin:0 0 17px;color:var(--pro-muted);font-size:12px;letter-spacing:.09em;text-transform:uppercase}.number,.conta-number,.business-number,.card strong{position:relative;z-index:1;font-size:clamp(25px,3vw,36px);font-weight:900;letter-spacing:-.045em}.card-income{border-top:2px solid var(--pro-green)}.card-expense{border-top:2px solid var(--pro-red)}.card-profit{border-top:2px solid var(--pro-blue)}.card-credit{border-top:2px solid var(--pro-purple)}.positivo{color:var(--pro-green)}.negativo{color:var(--pro-red)}.crm-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 36px}.crm-action-btn,.primary-button,button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 19px;border:1px solid rgba(123,150,255,.28);border-radius:14px;color:#fff;background:linear-gradient(135deg,rgba(79,124,255,.9),rgba(139,92,246,.9));box-shadow:0 12px 30px rgba(74,91,220,.2);font:inherit;font-weight:850;cursor:pointer}.crm-action-btn:hover,.primary-button:hover,button:hover{transform:translateY(-2px);filter:brightness(1.12)}input,select,textarea{width:100%;padding:13px 15px;border:1px solid rgba(148,163,255,.18);border-radius:13px;outline:none;color:var(--pro-text);background:rgba(6,10,23,.78);font:inherit}input:focus,select:focus,textarea:focus{border-color:var(--pro-blue);box-shadow:0 0 0 4px rgba(79,124,255,.13)}table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--pro-border);border-radius:16px;background:rgba(11,17,34,.82)}th{color:#aeb9d6;background:rgba(255,255,255,.04);text-align:left}th,td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}tbody tr:hover{background:rgba(79,124,255,.06)}.categoria-grid,.ingresos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.categoria-card{padding:19px;border-radius:16px}.categoria-total{color:var(--pro-green);font-size:22px;font-weight:900}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px}.login-page::after{content:"Gestión financiera segura · MDPRIME";position:fixed;bottom:24px;color:var(--pro-muted);font-size:12px;letter-spacing:.04em}.login-card{position:relative;width:min(100%,430px);padding:38px;overflow:hidden;border:1px solid rgba(141,158,255,.22);border-radius:26px;background:linear-gradient(145deg,rgba(20,29,57,.97),rgba(8,13,28,.98));box-shadow:0 35px 90px rgba(0,0,0,.45)}.login-card::before{content:"MD";display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border-radius:18px;background:linear-gradient(135deg,var(--pro-blue),var(--pro-purple));box-shadow:0 15px 40px rgba(97,87,255,.32);font-size:20px;font-weight:950}.login-card h2{margin:0 0 25px;text-align:center;font-size:25px}.login-card form{display:grid;gap:14px}.login-card button{width:100%;margin-top:4px}.error,.notice-error{padding:13px 15px;border:1px solid rgba(255,99,125,.35);border-radius:12px;color:#ffb2be;background:rgba(255,99,125,.1)}@media(max-width:1180px){.dashboard-grid,.grid,.conta-grid,.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.layout{display:block}.sidebar{display:block;position:relative;width:100%;height:auto;padding:15px;overflow:visible;border-right:0;border-bottom:1px solid var(--pro-border)}.brand{padding:5px 8px 12px;font-size:19px}.nav{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 9px;scrollbar-width:thin}.nav a{flex:0 0 auto;min-height:42px;padding:9px 12px}.nav a:hover,.nav a.active{transform:none}.nav hr,.nav div{display:none}.main,.main-app{padding:24px 16px 54px}.app-header{min-height:64px}.crm-actions{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-grid,.grid,.conta-grid,.business-grid,.categoria-grid,.ingresos-grid{grid-template-columns:1fr}.card,.card-premium,.conta-card,.business-card{min-height:125px;padding:19px}.login-card{padding:30px 22px;border-radius:22px}table{display:block;overflow-x:auto;white-space:nowrap}}