body{margin:0;font-family:Arial,sans-serif}.light{--app-color: #1a97cb;--app-color-20: #1579a2;--app-color-40: #105b7a;--app-color-60: #0a3d51;--app-color-90: #051f29;--app-color-contrast: #ff943c;--bg-primary-color: #ffffff;--bg-secundary-color: #fdfdfd;--border-color: #d1cfd4;--text-primary-color: #413c4f;--text-secundary-color: #9d9d9d;--text-error-color: crimson;--text-warning-color: #f59e0b;--text-success-color: green;--shadow: 0 0px 20px rgba(0, 0, 0, .1);--icon-filter: invert(.8) brightness(.9);--content-bg: #ffffff;--header-bg: #ffffff;--sidebar-bg: #f4f4f4;--table-border-color: #e0e0e0;--table-header-bg: #e9e9e9;--table-row-bg: #ffffff;--table-row-bg-alt: color-mix(in srgb, var(--table-row-bg) 97%, black);--table-row-bg-hover: color-mix(in srgb, var(--app-color) 10%, transparent);--table-summary-bg: #f7f7f7}.dark{--app-color: #1a97cb;--app-color-20: #53b1d8;--app-color-40: #8ccbe5;--app-color-60: #c6e5f2;--app-color-90: #f0f7fa;--app-color-contrast: #ff943c;--bg-primary-color: #181818;--bg-secundary-color: #111111;--border-color: #5b5b5b;--text-primary-color: #ffffff;--text-secundary-color: #d7d7d7;--text-error-color: crimson;--text-warning-color: #f59e0b;--text-success-color: green;--shadow: 0 2px 50px rgba(0, 0, 0, .6), 0 0 15px rgba(255, 255, 255, .05);--icon-filter: invert(1) brightness(1.3);--content-bg: #0a0a0a;--header-bg: #0a0a0a;--sidebar-bg: #0a0a0a;--table-border-color: #5b5b5b;--table-header-bg: #191919;--table-row-bg: #222222;--table-row-bg-alt: color-mix(in srgb, var(--table-row-bg) 90%, black);--table-row-bg-hover: color-mix(in srgb, var(--app-color) 10%, transparent);--table-summary-bg: var(--table-header-bg)}.layout{display:grid;grid-template-areas:"sidebar header" "sidebar content" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;height:100vh}.content{background-color:var(--content-bg);grid-area:content;padding:1rem 2rem;min-width:0;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{display:none}input[type=date]::-webkit-calendar-picker-indicator{filter:var(--icon-filter);cursor:pointer;opacity:1;padding:4px 8px}input[type=date]{cursor:pointer}input[type=date]::-webkit-outer-spin-button,input[type=date]::-webkit-inner-spin-button{display:none}@media(max-width:768px){:root{--mobile-header-height: 55px;--mobile-navbar-height: 80px}.layout{grid-template-areas:"header" "content";grid-template-columns:1fr;grid-template-rows:var(--mobile-header-height) 1fr;height:100dvh;overflow:hidden}.content{position:relative;padding:10px 10px calc(var(--mobile-navbar-height) + 10px) 10px;overflow-y:auto;height:calc(100dvh - var(--mobile-header-height));box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.container{display:flex;justify-content:center;align-items:center;color:var(--text-primary-color);padding:10px;flex-direction:column;border-radius:10px;gap:10px}}