@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-Thin.otf)format("opentype");font-weight:100;font-style:normal}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-ThinItalic.otf)format("opentype");font-weight:100;font-style:italic}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-Light.otf)format("opentype");font-weight:300;font-style:normal}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-LightItalic.otf)format("opentype");font-weight:300;font-style:italic}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-Regular.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-RegularItalic.otf)format("opentype");font-weight:400;font-style:italic}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-Medium.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-MediumItalic.otf)format("opentype");font-weight:500;font-style:italic}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-Bold.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-BoldItalic.otf)format("opentype");font-weight:700;font-style:italic}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-ExtraBold.otf)format("opentype");font-weight:800;font-style:normal}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-ExtraBoldItalic.otf)format("opentype");font-weight:800;font-style:italic}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-Black.otf)format("opentype");font-weight:900;font-style:normal}@font-face{font-family:CreatoDisplay;src:url(/fonts/CreatoDisplay-BlackItalic.otf)format("opentype");font-weight:900;font-style:italic}:root{--primary:#5199bc;--secondary:#11a39d;--accent:#11a39d;--bg-base:#ececec;--bg-card:#fff;--text-primary:#1f2e35;--text-secondary:#5c6e75;--border:#d8dfe2;--border-focus:#5199bc;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--gradient-primary:linear-gradient(135deg, #5199bc, #11a39d);--gradient-primary-hover:linear-gradient(135deg, #4288ab, #0f928d);--gradient-soft:linear-gradient(135deg, #5199bc1a, #11a39d1a);--font-family:"CreatoDisplay", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);color:var(--text-primary);font-weight:700;line-height:1.25}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--secondary)}button,input,select,textarea{font-family:var(--font-family)}.bg-gradient{background:var(--gradient-primary)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=768px){.app-sidebar{box-shadow:var(--shadow-lg);top:0;left:0;transform:translate(-100%);height:100vh!important;position:fixed!important}.app-sidebar.open{transform:translate(0)!important}.mobile-menu-trigger{display:flex!important}.mobile-menu-close{display:block!important}.header-date{display:none!important}main{padding:1.25rem!important}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background-color:#0000}.btn-secondary:hover{border-color:var(--text-secondary);background-color:#00000005}.app-header{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.logo-section{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-nav{border-left:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin-left:2rem;padding-left:2rem;display:flex}.profile-section{align-items:center;gap:1rem;display:flex}@media (width<=900px){.app-header{flex-direction:column;align-items:stretch;padding:1rem}.logo-section{text-align:center;flex-direction:column;align-items:center;width:100%}.admin-nav{border-left:none;justify-content:center;gap:.35rem;width:100%;margin-left:0;padding-left:0}.profile-section{border-top:1px solid var(--border);justify-content:space-between;width:100%;padding-top:1rem}}@media (width<=768px){.main-content{padding:1rem}}div[style*="position: fixed"] div.card,div[style*=position\:fixed] div.card{animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=576px){div[style*="position: fixed"] div.card,div[style*=position\:fixed] div.card{padding:1.25rem!important}}
