:root{--hk-primary: #33BB0B;--hk-primary-hover: #2ba009;--hk-primary-light: #e8f9e4;--hk-deep: #1D8000;--hk-deep-hover: #166000;--hk-surface: #F1FFEE;--hk-surface-border: #c2dfbd;--hk-text: #104700;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--text-subtle: #9CA3AF;--bg-page: #f8faf8;--bg-card: #FFFFFF;--bg-subtle: #F9FAFB;--border-color: #E5E7EB;--border-light: #F3F4F6;--border-card: #d4ecd0;--bg-dark: #1E293B;--bg-darker: #0F172A;--border-dark: #334155;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 6px rgba(16, 71, 0, .04);--shadow-md: 0 4px 14px rgba(16, 71, 0, .08);--shadow-lg: 0 10px 30px rgba(16, 71, 0, .12);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .16);--shadow-glow: 0 0 18px rgba(51, 187, 11, .35);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:focus-visible{outline:2px solid var(--hk-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c2dfbd;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--hk-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes mobileNavSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #33bb0b66}50%{box-shadow:0 0 0 8px #33bb0b00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .25s var(--ease-smooth) forwards}.animate-slide-up{animation:slideUp .3s var(--ease-spring) forwards}.animate-scale-in{animation:scaleIn .25s var(--ease-smooth) forwards}.btn-interactive{transition:all .15s var(--ease-smooth)}.btn-interactive:active{transform:scale(.97)}.card-interactive{transition:transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.table-responsive-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);position:relative}.table-responsive-container::-webkit-scrollbar{height:6px}.skeleton-box{background:linear-gradient(90deg,#f0f4f0 25%,#e2efe0,#f0f4f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media(max-width:768px){.hide-on-mobile{display:none!important}.flex-mobile-col{flex-direction:column!important;align-items:stretch!important}.grid-mobile-1col{grid-template-columns:1fr!important}}@media(min-width:769px){.show-on-mobile{display:none!important}}@media(max-width:640px){.w-full-mobile{width:100%!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}