.monitorcat-wrap{--mc-base: #F7F8FA;--mc-base-alt: #EEF1F6;--mc-white: #FFFFFF;--mc-primary: #FF9F43;--mc-primary-hover: #F08C2E;--mc-primary-light: #FFF3E6;--mc-lavender: #C4B5FD;--mc-lavender-strong: #8B5CF6;--mc-lavender-light: #EDE9FE;--mc-mint: #6EE7B7;--mc-mint-strong: #10B981;--mc-mint-light: #D1FAE5;--mc-coral: #FCA5A5;--mc-coral-strong: #F87171;--mc-coral-light: #FEE2E2;--mc-cyan: #22D3EE;--mc-cyan-strong: #06B6D4;--mc-cyan-light: #CFFAFE;--mc-pink: #F472B6;--mc-pink-light: #FCE7F3;--mc-text: #1E293B;--mc-text-medium: #475569;--mc-text-light: #94A3B8;--mc-font-heading: Fredoka, sans-serif;--mc-font-body: Rubik, sans-serif;--mc-radius-card: 24px;--mc-radius-inset: 20px;--mc-radius-pill: 999px;--mc-radius-input: 1rem;--mc-border-color: rgba(238, 241, 246, .8);--mc-input-border: rgba(148, 163, 184, .22);--mc-ease-spring: cubic-bezier(.16, 1, .3, 1);--mc-space-sm: .75rem;--mc-space-md: 1.25rem;--mc-space-lg: 2rem;--mc-space-xl: 3rem}.monitorcat-wrap .mc-dashboard{padding:0}.monitorcat-wrap .mc-hero-card{position:relative;overflow:hidden;min-height:200px;padding:2.5rem;border-radius:1.6rem;background:radial-gradient(ellipse 40% 60% at 5% 50%,rgba(255,159,67,.1) 0%,transparent 70%),radial-gradient(ellipse 30% 50% at 90% 20%,rgba(196,181,253,.08) 0%,transparent 70%),radial-gradient(ellipse 30% 40% at 70% 80%,rgba(110,231,183,.06) 0%,transparent 70%),linear-gradient(135deg,#ffffffeb,#ffffffc2);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 2px 4px #0f172a05,0 8px 16px #0f172a0a,0 16px 40px #0f172a0f,inset 0 1px #fffc;margin-bottom:2rem}.monitorcat-wrap .mc-hero-card-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;z-index:2}.monitorcat-wrap .mc-hero-card-content{flex:1;min-width:280px;max-width:560px}.monitorcat-wrap .mc-hero-card-content h1{margin-bottom:.5rem}.monitorcat-wrap .mc-hero-card-content p{margin-bottom:1rem}.monitorcat-wrap .mc-hero-card-image{flex-shrink:0;position:relative;z-index:1}.monitorcat-wrap .mc-hero-card-image img{width:180px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.1))}.monitorcat-wrap .mc-section-title{margin-bottom:1.25rem}.monitorcat-wrap .mc-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.monitorcat-wrap a.mc-module-card{color:inherit;text-decoration:none}.monitorcat-wrap a.mc-module-card:hover{color:inherit}.monitorcat-wrap a.mc-module-card:focus-visible{outline:3px solid #22D3EE;outline-offset:4px;border-radius:24px}.monitorcat-wrap .mc-module-card{display:flex;flex-direction:column;background:#ffffffeb;border:1.5px solid rgba(238,241,246,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s ease;box-shadow:0 2px 4px #0f172a05,0 4px 12px #0f172a0a,0 8px 24px #0f172a0a}.monitorcat-wrap .mc-module-card .mc-card-body{flex:1}.monitorcat-wrap .mc-module-card .mc-card-footer{display:flex;justify-content:flex-end}.monitorcat-wrap .mc-module-card .mc-btn-primary{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,filter .3s ease,color .3s ease}.monitorcat-wrap .mc-module-card:hover{transform:translateY(-4px) scale(1.015);border-color:#ff9f4333;box-shadow:0 4px 8px #0f172a08,0 8px 20px #0f172a0f,0 16px 40px #ff9f4314}.monitorcat-wrap .mc-module-card:hover .mc-btn-primary{transform:translateY(-1px) scale(1.04);box-shadow:0 4px 16px #ff9f4359,0 8px 24px #ff9f4326}.monitorcat-wrap .mc-module-card:active{transform:translateY(-1px) scale(.985);transition-duration:.1s}.monitorcat-wrap .mc-module-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.monitorcat-wrap .mc-hero-card{padding:1.75rem;min-height:auto}.monitorcat-wrap .mc-hero-card-inner{flex-direction:column;text-align:center}.monitorcat-wrap .mc-hero-card-content{min-width:0;max-width:none}.monitorcat-wrap .mc-hero-card-image img{width:140px}}
