:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green-primary-raw:68% .18 155;--green-hover-raw:63% .18 155;--green-subtle-raw:96% .03 155;--green-deep-raw:35% .12 150;--blue-primary-raw:58% .2 230;--blue-hover-raw:52% .2 230;--blue-subtle-raw:96% .03 230;--warning-raw:78% .16 80;--alert-raw:62% .22 28;--color-brand-green:oklch(var(--green-primary-raw));--color-brand-green-hover:oklch(var(--green-hover-raw));--color-brand-green-subtle:oklch(var(--green-subtle-raw));--color-brand-blue:oklch(var(--blue-primary-raw));--color-brand-blue-hover:oklch(var(--blue-hover-raw));--color-brand-blue-subtle:oklch(var(--blue-subtle-raw));--color-success:var(--color-brand-green);--color-warning:oklch(var(--warning-raw));--color-alert:oklch(var(--alert-raw));--color-bg-light:oklch(98% .005 0);--color-bg-dark:oklch(14% .015 240);--color-bg:var(--lightningcss-light,var(--color-bg-light))var(--lightningcss-dark,var(--color-bg-dark));--color-surface-light:oklch(100% 0 0);--color-surface-dark:#ffffff09;--color-surface:var(--lightningcss-light,var(--color-surface-light))var(--lightningcss-dark,var(--color-surface-dark));--color-border-light:oklch(90% .01 0);--color-border-dark:#ffffff14;--color-border:var(--lightningcss-light,var(--color-border-light))var(--lightningcss-dark,var(--color-border-dark));--color-text-light:oklch(22% .015 240);--color-text-dark:oklch(93% .01 240);--color-text:var(--lightningcss-light,var(--color-text-light))var(--lightningcss-dark,var(--color-text-dark));--color-text-muted-light:oklch(55% .015 240);--color-text-muted-dark:oklch(70% .01 240);--color-text-muted:var(--lightningcss-light,var(--color-text-muted-light))var(--lightningcss-dark,var(--color-text-muted-dark));--color-card-bg-light:oklch(100% 0 0);--color-card-bg-dark:#1e232d66;--color-card-bg:var(--lightningcss-light,var(--color-card-bg-light))var(--lightningcss-dark,var(--color-card-bg-dark));--font-heading:Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-light:0 4px 20px 0 #0000000d, 0 1px 3px 0 #00000008;--shadow-dark:0 8px 32px 0 #0000003d, 0 2px 8px 0 #00000029;--shadow-ui:var(--lightningcss-light,var(--shadow-light))var(--lightningcss-dark,var(--shadow-dark));--radius-lg:16px;--radius-md:8px;--radius-sm:4px;--radius-full:9999px;--color-scrollbar-track:var(--lightningcss-light,oklch(96% .005 0))var(--lightningcss-dark,oklch(18% .01 240));--color-scrollbar-thumb:var(--lightningcss-light,oklch(80% .01 0))var(--lightningcss-dark,oklch(35% .01 240));--color-scrollbar-thumb-hover:var(--lightningcss-light,oklch(70% .01 0))var(--lightningcss-dark,oklch(45% .01 240));--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1);--touch-target-min:44px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);accent-color:var(--color-brand-green);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:600}a{color:var(--color-brand-blue);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--color-brand-blue-hover)}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:3px}.card-glass{background:var(--color-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-ui);transition:var(--transition-fast);padding:1.5rem}.card-glass:hover{border-color:var(--lightningcss-light,oklch(var(--green-primary-raw) / .3))var(--lightningcss-dark,#ffffff26)}.app-container{min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem;overflow-y:auto}.smooth-scroll{scroll-behavior:smooth}.badge{border-radius:var(--radius-full);text-transform:uppercase;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--lightningcss-light,oklch(var(--green-primary-raw) / .12))var(--lightningcss-dark,oklch(var(--green-primary-raw) / .18));color:var(--color-success)}.badge-warning{background-color:var(--lightningcss-light,oklch(var(--warning-raw) / .12))var(--lightningcss-dark,oklch(var(--warning-raw) / .18));color:var(--color-warning)}.badge-alert{background-color:var(--lightningcss-light,oklch(var(--alert-raw) / .12))var(--lightningcss-dark,oklch(var(--alert-raw) / .18));color:var(--color-alert)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (width<=768px){.app-container{flex-direction:column!important;min-height:auto!important}.main-content{overflow-x:hidden;width:100%!important;max-width:100%!important;padding:75px 1rem 1rem!important}.sidebar-container{transform:translate(-100%);z-index:1000!important;width:280px!important;height:100vh!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:0!important;box-shadow:0 0 30px #0000004d!important}.sidebar-container.open{transform:translate(0)!important}.mobile-header{display:flex!important}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;margin-bottom:1rem;overflow-x:auto}.table-responsive table{min-width:600px}.grid-mobile-1col{grid-template-columns:1fr!important;height:auto!important}.flex-mobile-column{flex-direction:column!important}.flex-mobile-wrap{flex-wrap:wrap!important}.chat-contacts-pane{display:none!important}.chat-box-pane{width:100%!important}}.gallery-item-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-color:var(--color-brand-blue)!important}.gallery-item-card:hover .gallery-img{transform:scale(1.05)}
