:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .95);--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--accent-1: #11998e;--accent-2: #38ef7d;--accent-1-rgb: 17, 153, 142;--accent-2-rgb: 56, 239, 125;--accent-dark: #2d7a4f;--accent-dark-2: #235c3a;--accent-dark-rgb: 45, 122, 79;--accent-dark-2-rgb: 35, 92, 58;--accent-light: #4ade80;--accent-muted: #86efac;--accent-bright: #22c55e;--accent-medium: #16a34a;--accent-light-rgb: 74, 222, 128;--color-green: #2d7a4f;--color-orange: #f7b733;--color-red: #eb3941}body.dark-mode{--bg-primary: #1e1e1e;--bg-secondary: #242424;--bg-card: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #888888;--border-color: #444444;--shadow-color: rgba(0, 0, 0, .3);--color-green: #38ef7d;--color-orange: #fbbf24;--color-red: #f47b7f;--color-purple: #764ba2}body.theme-imker{--bg-primary: #fef9ef;--bg-secondary: #fffbf0;--bg-card: rgba(255, 251, 240, .97);--border-color: #f0dca0;--shadow-color: rgba(180, 130, 20, .08);--color-green: #b45309;--color-orange: #d97706}body.theme-imker.dark-mode{--bg-primary: #1c1712;--bg-secondary: #231d15;--bg-card: #2a2218;--border-color: #4a3a20;--shadow-color: rgba(0, 0, 0, .35);--color-green: #fbbf24;--color-orange: #f59e0b}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}input[type=date]{background-color:#fff;color:#333;max-width:100%;box-sizing:border-box}body.dark-mode input[type=date]{background-color:var(--bg-card, #2a2a2a);color:var(--text-primary, #e0e0e0)}body{margin:0;padding:0;font-family:Poppins,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}html.allow-scroll,html.allow-scroll body{overflow:auto!important;overflow-x:hidden!important}app-root,app-root>*,.content,.content>*{max-width:100vw!important;overflow-x:hidden!important}.container,.form-section,.modal-content,.form-grid,.form-group,.form-row,form,.edit-form,.filter-bar,.filter-section{max-width:100%!important;overflow:hidden!important;min-width:0!important;box-sizing:border-box!important}input,select,textarea{max-width:100%!important;width:100%!important;box-sizing:border-box!important;min-width:0!important}input[type=date],input[type=datetime-local],input[type=time],input[type=number]{max-width:100%!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;-webkit-appearance:none;appearance:none}.form-grid>*,.form-row>*{min-width:0!important;max-width:100%!important}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}}button,.btn,[role=button]{position:relative;overflow:hidden}button:after,.btn:after,[role=button]:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%);border-radius:inherit;pointer-events:none;opacity:0;transition:none}button:active:after,.btn:active:after,[role=button]:active:after{animation:rippleEffect .5s ease-out forwards}@keyframes rippleEffect{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-to-content{position:fixed;top:-100px;left:50%;transform:translate(-50%);background:var(--accent-dark, #2d7a4f);color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;font-size:.9rem;font-weight:600;z-index:100000;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:0;outline:3px solid #fbbf24;outline-offset:2px}:focus-visible{outline:2px solid var(--accent-dark, #2d7a4f);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-dark, #2d7a4f);outline-offset:2px}