@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--naue-black: #282C2A;--naue-dark-green: #003b2b;--naue-primary: #003b2b;--naue-secondary: #003b2b;--naue-primary-hover: #002821;--naue-primary-light: rgba(0, 59, 43, .15);--naue-dark-green-light: rgba(0, 59, 43, .1);--naue-gray-light: #f8f9fa;--naue-gray-border: #e5e7eb;--naue-text-gray: #6b7280;--naue-white: #FFFFFF;--primary-green: #003b2b;--primary-green-alt: #004f3a;--primary-green-dark: #002821;--primary-green-darker: #001a14;--primary-green-light: #006b4f;--naue-neon-green: #003b2b;--naue-neon-green-hover: #002821;--naue-neon-green-light: rgba(0, 59, 43, .15);--green-50: #e8f2f0;--green-100: #c7dfd8;--green-200: #9dc9bc;--green-300: #73b39f;--green-400: #4d9d83;--green-500: #003b2b;--green-600: #002821;--green-700: #003b2b;--green-800: #001a14;--green-900: #000d0a;--dark-gray: #282C2A;--medium-gray: #2C2C2C;--light-gray: #f8f9fa;--bg-light: #f9fafb;--white: #FFFFFF;--border-gray: #e5e7eb;--text-gray: #6b7280;--text-dark: #111827;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #0A8060;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--dark-bg: #121212;--dark-card: #1e1e1e;--dark-text: #f0f0f0;--dark-border: #333333;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-secondary: Georgia, "Times New Roman", serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .3s ease;--transition-slow: .5s ease}input[type=date],input[type=datetime-local],.date-input{padding:.625rem 1rem;border:1px solid var(--border-gray);border-radius:10px;font-size:.875rem;background-color:var(--white);color:var(--text-dark);transition:all .3s ease;width:100%;height:42px;cursor:pointer}:host-context(body.dark-mode) input[type=date],:host-context(body.dark-mode) input[type=datetime-local],:host-context(body.dark-mode) .date-input{background-color:#333;border-color:#444;color:var(--dark-text);color-scheme:dark}input[type=date]:focus,input[type=datetime-local]:focus,.date-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #0e9b711a}select,.select-input,.status-select{padding:.625rem 2.5rem .625rem 1rem;border:1px solid var(--border-gray);border-radius:10px;font-size:.875rem;background-color:var(--white);color:var(--text-dark);cursor:pointer;transition:all .3s ease;width:100%;height:42px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}:host-context(body.dark-mode) select,:host-context(body.dark-mode) .select-input,:host-context(body.dark-mode) .status-select{background-color:#333;border-color:#444;color:var(--dark-text);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}select:focus,.select-input:focus,.status-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #0e9b711a}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem}.form-row{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 1200px) and (min-height: 800px){.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}input[type=date],input[type=datetime-local],.date-input,select,.select-input,.status-select{width:100%;min-width:180px;max-width:300px}.form-group{margin-bottom:1.25rem}.form-group.inline{flex-direction:row;align-items:center;gap:1rem}.filters-section{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.filters-section input[type=date],.filters-section select{width:auto;min-width:160px;max-width:200px}.filters-section .filter-group{display:flex;gap:.75rem;align-items:center}}@media (min-width: 1400px){.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}input[type=date],input[type=datetime-local],.date-input,select,.select-input,.status-select{min-width:200px;max-width:300px}}@media (min-width: 768px) and (max-width: 1199px){.form-row{grid-template-columns:repeat(2,1fr)}input[type=date],input[type=datetime-local],.date-input,select,.select-input,.status-select{min-width:150px;width:100%}}@media (max-width: 767px){.form-row{grid-template-columns:1fr}input[type=date],input[type=datetime-local],.date-input,select,.select-input,.status-select{width:100%;max-width:100%}.form-group.inline,.filter-group.inline{flex-direction:column}}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);opacity:.6;transition:opacity .3s ease}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{opacity:1}:host-context(body.dark-mode) input[type=date]::-webkit-calendar-picker-indicator,:host-context(body.dark-mode) input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.8)}input[type=date]:disabled,input[type=datetime-local]:disabled,.date-input:disabled,select:disabled,.select-input:disabled,.status-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--light-gray)}:host-context(body.dark-mode) input[type=date]:disabled,:host-context(body.dark-mode) input[type=datetime-local]:disabled,:host-context(body.dark-mode) .date-input:disabled,:host-context(body.dark-mode) select:disabled,:host-context(body.dark-mode) .select-input:disabled,:host-context(body.dark-mode) .status-select:disabled{background-color:#1a1a1a}label{font-size:.875rem;font-weight:500;color:var(--text-dark);margin-bottom:.375rem;display:block}:host-context(body.dark-mode) label{color:var(--dark-text)}.form-group.floating-label{position:relative}.form-group.floating-label label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);transition:all .3s ease;pointer-events:none;background-color:var(--white);padding:0 .25rem}:host-context(body.dark-mode) .form-group.floating-label label{background-color:#333}.form-group.floating-label input:focus+label,.form-group.floating-label input:not(:placeholder-shown)+label,.form-group.floating-label select:focus+label,.form-group.floating-label select:valid+label{top:-.5rem;transform:translateY(0);font-size:.75rem;color:var(--primary-green)}input.invalid,select.invalid,.date-input.invalid,.select-input.invalid{border-color:var(--danger)}input.valid,select.valid,.date-input.valid,.select-input.valid{border-color:var(--success)}.error-message{color:var(--danger);font-size:.75rem;margin-top:.25rem;display:block}.success-message{color:var(--success);font-size:.75rem;margin-top:.25rem;display:block}html{overflow-x:hidden;width:100%}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#282c2a;line-height:1.6}.app-container{min-height:100vh;width:100%;position:relative;overflow-x:hidden}router-outlet+*{display:block;width:100%;min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}app-login-primary-input,app-primary-input{display:block!important;width:100%!important;visibility:visible!important;opacity:1!important}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:600px}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.btn-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:6px;display:inline-flex;align-items:center;gap:.25rem;transition:all .2s ease;border:none;cursor:pointer;font-weight:500}.btn-sm.btn-secondary{background:#6b7280;color:#fff}.btn-sm.btn-primary{background:#0a8560;color:#fff}.btn-sm.btn-danger{background:#dc2626;color:#fff}.btn-sm:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.filter-group{display:flex;gap:.75rem;flex-wrap:wrap}@media (max-width: 767px){.filter-group{width:100%;gap:.5rem}.filter-group select{flex:1;min-width:0}.btn-text{display:none}.btn-clear,.btn-export,.btn-new{min-width:40px;justify-content:center}}@media (max-width: 575px){.search-box{width:100%;margin-bottom:.5rem}.search-input{font-size:16px}.filter-group{flex-direction:column;width:100%}.filter-select{width:100%}}input,select,textarea{font-size:14px;line-height:1.5;border-radius:8px;border:1px solid #d1d5db;padding:.75rem 1rem;transition:all .2s ease;width:100%;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:#0a8560;box-shadow:0 0 0 3px #0a85601a}@media (max-width: 767px){input,select,textarea{font-size:16px;padding:.875rem 1rem}.search-input{padding-left:2.5rem}}button,.btn,.nav-item,.tab{min-height:44px;min-width:44px}@media (max-width: 767px){button,.btn,.nav-item,.tab{min-height:48px;min-width:48px}.btn-group>*+*{margin-left:.75rem}button:active,.btn:active{transform:scale(.95);transition:transform .1s ease}}.table-wrapper,.tabs,.overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.table-wrapper::-webkit-scrollbar,.tabs::-webkit-scrollbar,.overflow-x-auto::-webkit-scrollbar{display:none}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{font-size:16px}}.w-full{width:100%!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.mobile-hidden{display:block}.mobile-only{display:none}@media (max-width: 767px){.mobile-hidden{display:none!important}.mobile-only{display:block!important}}.no-scroll{overflow:hidden}.NgxEditor__Content ol,.NgxEditor__Content ul{padding-left:40px;margin-left:0}.NgxEditor__Content li{display:list-item;list-style-position:outside}@media (prefers-contrast: high){input,select,textarea{border-width:2px}.btn{border-width:2px;border-style:solid}.btn-primary{border-color:#065f46}.btn-secondary{border-color:#4b5563}}.btn-primary i,.btn-primary .fas,.btn-primary .fa,button.btn-primary i,button.btn-primary .fas,button.btn-primary .fa,.btn-danger i,.btn-danger .fas,.btn-danger .fa,.btn-success i,.btn-success .fas,.btn-success .fa,.btn-warning i,.btn-warning .fas,.btn-warning .fa{color:#fff!important}.section-title i,.section-title .fas,.section-title .fa,h2.section-title i,h2.section-title .fas,h2.section-title .fa{color:#032520!important}.btn-secondary i,.btn-secondary .fas,.btn-secondary .fa,.btn-outline i,.btn-outline .fas,.btn-outline .fa,.action-btn i,.action-btn .fas,.action-btn .fa,button.btn-secondary i,button.btn-secondary .fas,button.btn-secondary .fa,button.btn-outline i,button.btn-outline .fas,button.btn-outline .fa{color:#0a6254!important}.action-btn.delete i,.action-btn.delete .fas,.action-btn.delete .fa,.action-btn-danger i,.action-btn-danger .fas,.action-btn-danger .fa,.remove-btn i,.remove-btn .fas,.remove-btn .fa,.btn-remove i,.btn-remove .fas,.btn-remove .fa,.btn-action-menu.delete i,.btn-action-menu.delete .fas,.btn-action-menu.delete .fa,.btn-attachment-action.delete i,.btn-attachment-action.delete .fas,.btn-attachment-action.delete .fa,.delete-btn i,.delete-btn .fas,.delete-btn .fa,button.delete i,button.delete .fas,button.delete .fa{color:#dc3545!important}.client-select option:not([value=""]):not([value=null]):not([disabled]){text-transform:uppercase!important}:root{--primary-green: #003b2b;--primary-green-dark: #002419;--primary-green-light: #004c35;--dark-gray: #1a1d23;--medium-gray: #2C2C2C;--light-gray: #f8f9fa;--white: #FFFFFF;--border-gray: #e5e7eb;--text-gray: #6b7280;--text-dark: #111827;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--dark-bg: #121212;--dark-card: #1e1e1e;--dark-text: #f0f0f0;--dark-border: #333333}*{margin:0;padding:0;box-sizing:border-box}:host{display:block;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:host-context(body.dark-mode) ::-webkit-scrollbar-track{background:var(--dark-card)}:host-context(body.dark-mode) ::-webkit-scrollbar-thumb{background:#555}.header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}:host-context(body.dark-mode) .header{background:#1e1e1ef2;box-shadow:0 2px 10px #0000004d}.header-content{max-width:1600px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:translate(3px)}.logo-icon{width:45px;height:45px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--white);font-size:22px;box-shadow:0 4px 12px #0e9b714d;position:relative;overflow:hidden}.logo-icon:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:#fff3;transform:rotate(45deg);transition:all .6s ease}.logo:hover .logo-icon:after{top:150%;right:150%}.logo-text{font-size:24px;font-weight:600;color:var(--text-dark);letter-spacing:-.5px}:host-context(body.dark-mode) .logo-text{color:var(--dark-text)}.header-actions{display:flex;align-items:center;gap:1.5rem}.search-box{position:relative;width:300px}.search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--border-gray);border-radius:10px;font-size:.875rem;transition:all .3s ease;background-color:var(--light-gray)}:host-context(body.dark-mode) .search-input{background-color:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.search-input:focus{outline:none;border-color:var(--primary-green);background-color:var(--white);box-shadow:0 0 0 3px #0e9b711a}:host-context(body.dark-mode) .search-input:focus{background-color:var(--dark-card)}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-gray);font-size:.875rem}.notification-btn{position:relative;background:none;border:none;font-size:1.25rem;color:var(--text-gray);cursor:pointer;padding:.5rem;border-radius:10px;transition:all .3s ease}:host-context(body.dark-mode) .notification-btn{color:var(--dark-text)}.notification-btn:hover{background-color:var(--light-gray);color:var(--text-dark)}:host-context(body.dark-mode) .notification-btn:hover{background-color:var(--dark-card);color:var(--dark-text)}.notification-badge{position:absolute;top:0;right:0;width:8px;height:8px;background-color:var(--danger);border-radius:50%;border:2px solid var(--white)}:host-context(body.dark-mode) .notification-badge{border-color:var(--dark-card)}:host-context(body.dark-mode) .user-menu:hover{background-color:var(--dark-card)}:host-context(body.dark-mode) .user-name{color:var(--dark-text)}.user-role{font-size:.75rem;color:var(--text-gray)}.sidebar{position:fixed;left:0;top:77px;bottom:0;width:260px;background-color:var(--white);border-right:1px solid var(--border-gray);overflow-y:auto;transition:all .3s ease;z-index:900}:host-context(body.dark-mode) .sidebar{background-color:var(--dark-card);border-right:1px solid var(--dark-border)}.sidebar.collapsed{width:70px}.nav-menu{padding:1.5rem 0}.nav-section{margin-bottom:2rem}.nav-section-title{font-size:.75rem;text-transform:uppercase;color:var(--text-gray);font-weight:600;padding:0 1.5rem;margin-bottom:.5rem;letter-spacing:.5px}:host-context(body.dark-mode) .nav-section-title{color:#aaa}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.5rem;cursor:pointer;transition:all .3s ease;position:relative;color:var(--text-gray);text-decoration:none}:host-context(body.dark-mode) .nav-item{color:#ccc}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--primary-green);transform:scaleY(0);transition:transform .3s ease}.nav-item:hover{color:var(--text-dark);background-color:#0e9b710d}:host-context(body.dark-mode) .nav-item:hover{color:var(--dark-text);background-color:#0e9b711a}.nav-item.active{color:var(--primary-green);background-color:#0e9b711a;font-weight:600}:host-context(body.dark-mode) .nav-item.active{background-color:#0e9b7126}.nav-item.active:before{transform:scaleY(1)}.nav-icon{font-size:1.125rem;width:1.125rem;text-align:center}.nav-text{font-size:.875rem;transition:opacity .3s ease}.sidebar.collapsed .nav-text,.sidebar.collapsed .nav-section-title{opacity:0;visibility:hidden}.main-content{margin-left:260px;margin-top:77px;padding:2rem;transition:margin-left .3s ease;min-height:calc(100vh - 77px)}:host-context(body.dark-mode) .main-content{background-color:var(--dark-bg)}.sidebar.collapsed+.main-content{margin-left:70px}.page-header{margin-bottom:2rem;animation:fadeInUp .5s ease}.page-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}:host-context(body.dark-mode) .page-title{color:var(--dark-text)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-gray)}:host-context(body.dark-mode) .breadcrumb{color:#aaa}.breadcrumb-separator{color:var(--border-gray)}:host-context(body.dark-mode) .breadcrumb-separator{color:#555}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--white);border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray);transition:all .3s ease;position:relative;overflow:hidden;animation:fadeInUp .5s ease backwards}:host-context(body.dark-mode) .stat-card{background-color:var(--dark-card);border-color:var(--dark-border);box-shadow:0 2px 10px #0003}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#0e9b711a,#1dd88200);border-radius:50%;transform:translate(30px,-30px)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-green)}:host-context(body.dark-mode) .stat-card:hover{box-shadow:0 6px 16px #0000004d}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#0e9b7133,#0e9b711a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-green);font-size:1.25rem}.stat-value{font-size:2.25rem;font-weight:700;color:var(--text-dark);margin:.5rem 0;display:flex;align-items:baseline;gap:.5rem}:host-context(body.dark-mode) .stat-value{color:var(--dark-text)}.stat-label{color:var(--text-gray);font-size:.875rem;font-weight:500}:host-context(body.dark-mode) .stat-label{color:#aaa}.stat-change{font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;margin-top:.5rem}.stat-change.positive{color:var(--success);background-color:#10b9811a}.stat-change.negative{color:var(--danger);background-color:#ef44441a}.chart-container{background-color:var(--white);border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray);margin-bottom:2rem;animation:fadeInUp .5s ease .5s backwards}:host-context(body.dark-mode) .chart-container{background-color:var(--dark-card);border-color:var(--dark-border);box-shadow:0 2px 10px #0003}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text-dark)}:host-context(body.dark-mode) .chart-title{color:var(--dark-text)}.chart-actions{display:flex;gap:.5rem}.chart-action{padding:.375rem .875rem;border:1px solid var(--border-gray);background-color:var(--white);border-radius:8px;font-size:.75rem;color:var(--text-gray);cursor:pointer;transition:all .3s ease}:host-context(body.dark-mode) .chart-action{background-color:var(--dark-card);border-color:var(--dark-border);color:#ccc}.chart-action:hover{border-color:var(--primary-green);color:var(--primary-green);background-color:#0e9b710d}:host-context(body.dark-mode) .chart-action:hover{background-color:#0e9b711a}.chart-action.active{background-color:var(--primary-green);color:var(--white);border-color:var(--primary-green)}.table-container{background-color:var(--white);border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray);overflow:hidden;animation:fadeInUp .5s ease .6s backwards}:host-context(body.dark-mode) .table-container{background-color:var(--dark-card);border-color:var(--dark-border);box-shadow:0 2px 10px #0003}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-title{font-size:1.25rem;font-weight:600;color:var(--text-dark)}:host-context(body.dark-mode) .table-title{color:var(--dark-text)}.table-actions{display:flex;gap:.75rem}.btn{padding:.625rem 1.25rem;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:active:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-dark) 100%);color:var(--white);box-shadow:0 4px 12px #0e9b714d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0e9b7166}.btn-secondary{background-color:var(--light-gray);color:var(--text-dark);border:1px solid var(--border-gray)}:host-context(body.dark-mode) .btn-secondary{background-color:#333;color:var(--dark-text);border-color:#444}.btn-secondary:hover{background-color:var(--white);border-color:var(--primary-green);color:var(--primary-green)}:host-context(body.dark-mode) .btn-secondary:hover{background-color:#444}.btn-icon{background:none;border:1px solid var(--border-gray);padding:.5rem;border-radius:8px;color:var(--text-gray)}:host-context(body.dark-mode) .btn-icon{border-color:#444;color:#ccc}.btn-icon:hover{border-color:var(--primary-green);color:var(--primary-green);background-color:#0e9b710d}:host-context(body.dark-mode) .btn-icon:hover{background-color:#0e9b711a}.table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid var(--border-gray)}:host-context(body.dark-mode) .table-wrapper{border-color:var(--dark-border)}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left}th{background-color:var(--light-gray);font-weight:600;color:var(--text-dark);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-gray)}:host-context(body.dark-mode) th{background-color:#333;color:var(--dark-text);border-bottom:1px solid #444}td{border-bottom:1px solid var(--border-gray);font-size:.875rem;color:var(--text-dark)}:host-context(body.dark-mode) td{border-bottom:1px solid #444;color:var(--dark-text)}tr{transition:background-color .3s ease}tr:hover{background-color:#0e9b7108}:host-context(body.dark-mode) tr:hover{background-color:#0e9b710d}tr:last-child td{border-bottom:none}.status-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.status-active{background-color:#10b9811a;color:var(--success)}.status-pending{background-color:#f59e0b1a;color:var(--warning)}.status-completed{background-color:#3b82f61a;color:var(--info)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-dark);font-size:.875rem}:host-context(body.dark-mode) .form-label{color:var(--dark-text)}.form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--border-gray);border-radius:10px;font-size:.875rem;transition:all .3s ease;background-color:var(--white)}:host-context(body.dark-mode) .form-control{background-color:#333;border-color:#444;color:var(--dark-text)}.form-control:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #0e9b711a}.form-control::placeholder{color:var(--text-gray)}:host-context(body.dark-mode) .form-control::placeholder{color:#777}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.checkbox-group,.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.75rem}.checkbox-item,.radio-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .3s ease}.checkbox-item:hover,.radio-item:hover{background-color:var(--light-gray)}:host-context(body.dark-mode) .checkbox-item:hover,:host-context(body.dark-mode) .radio-item:hover{background-color:#333}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--primary-green);cursor:pointer}.modal{display:none;position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal.active{display:flex;opacity:1}.modal-content{background-color:var(--white);border-radius:20px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:scale(.9);transition:transform .3s ease}:host-context(body.dark-mode) .modal-content{background-color:var(--dark-card)}.modal.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-gray)}:host-context(body.dark-mode) .modal-header{border-bottom:1px solid #444}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-dark)}:host-context(body.dark-mode) .modal-title{color:var(--dark-text)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-gray);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}:host-context(body.dark-mode) .close-btn{color:#ccc}.close-btn:hover{background-color:var(--light-gray);color:var(--text-dark)}:host-context(body.dark-mode) .close-btn:hover{background-color:#333;color:var(--dark-text)}.modal-footer{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-gray)}:host-context(body.dark-mode) .modal-footer{border-top:1px solid #444}.service-grid{display:grid;gap:1rem;margin-top:1rem}.service-item{background:linear-gradient(135deg,var(--light-gray) 0%,rgba(245,245,245,.5) 100%);padding:1.25rem;border-radius:12px;border:1px solid var(--border-gray);transition:all .3s ease}:host-context(body.dark-mode) .service-item{background:linear-gradient(135deg,#333,#2a2a2a);border-color:#444}.service-item:hover{border-color:var(--primary-green);box-shadow:var(--shadow-md)}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-name{font-weight:600;color:var(--text-dark);font-size:1rem}:host-context(body.dark-mode) .service-name{color:var(--dark-text)}.tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-gray);margin-bottom:2rem;overflow-x:auto}:host-context(body.dark-mode) .tabs{border-bottom:1px solid #444}.tab{padding:.875rem 1.5rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;color:var(--text-gray);font-weight:500;white-space:nowrap;position:relative}:host-context(body.dark-mode) .tab{color:#aaa}.tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary-green);transform:scaleX(0);transition:transform .3s ease}.tab:hover{color:var(--text-dark)}:host-context(body.dark-mode) .tab:hover{color:var(--dark-text)}.tab.active{color:var(--primary-green)}.tab.active:after{transform:scaleX(1)}.skeleton{background:linear-gradient(90deg,var(--light-gray) 25%,var(--border-gray) 50%,var(--light-gray) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hidden{display:none!important}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--light-gray);border:none;cursor:pointer;font-size:1.25rem;color:var(--text-gray);transition:all .3s ease}:host-context(body.dark-mode) .theme-toggle{background:#333;color:#ccc}.theme-toggle:hover{background:var(--border-gray);color:var(--text-dark)}:host-context(body.dark-mode) .theme-toggle:hover{background:#444;color:var(--dark-text)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{transform:translate(-100%);z-index:999;box-shadow:var(--shadow-xl)}.sidebar.active{transform:translate(0)}.main-content{margin-left:0}.dashboard-grid{grid-template-columns:1fr}.header-content{padding:1rem}.search-box{display:none}.mobile-search-btn{display:block}.table-wrapper{overflow-x:scroll}.tabs{overflow-x:scroll;-webkit-overflow-scrolling:touch}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-gray);cursor:pointer;padding:.5rem;border-radius:10px;transition:all .3s ease}:host-context(body.dark-mode) .mobile-menu-btn{color:#ccc}.mobile-menu-btn:hover{background-color:var(--light-gray);color:var(--text-dark)}:host-context(body.dark-mode) .mobile-menu-btn:hover{background-color:#333;color:var(--dark-text)}@media (max-width: 768px){.mobile-menu-btn{display:block}.search-box{position:absolute;top:100%;left:0;right:0;width:100%;padding:.5rem 1rem;background:#fff;box-shadow:0 4px 6px #0000001a;display:none;z-index:1000}:host-context(body.dark-mode) .search-box{background:var(--dark-card)}.search-box.active,.mobile-search-btn{display:block}}.mobile-search-btn{display:none;background:none;border:none;font-size:1.25rem;color:var(--text-gray);cursor:pointer;padding:.5rem;border-radius:10px;transition:all .3s ease}:host-context(body.dark-mode) .mobile-search-btn{color:#ccc}.mobile-search-btn:hover{background-color:var(--light-gray);color:var(--text-dark)}:host-context(body.dark-mode) .mobile-search-btn:hover{background-color:#333;color:var(--dark-text)}@media (max-width: 768px){.mobile-search-btn{display:block}}@media print{.header,.sidebar,.btn,.table-actions{display:none!important}.main-content{margin:0;padding:0}.table-container,.stat-card{box-shadow:none;border:1px solid #000;page-break-inside:avoid}}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:var(--dark-gray);color:var(--white);text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;font-size:.75rem}:host-context(body.dark-mode) .tooltip .tooltiptext{background-color:#333}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--dark-gray) transparent transparent transparent}:host-context(body.dark-mode) .tooltip .tooltiptext:after{border-color:#333 transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.progress-bar{width:100%;height:8px;background-color:var(--border-gray);border-radius:4px;overflow:hidden;margin-top:.5rem}:host-context(body.dark-mode) .progress-bar{background-color:#444}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-green) 0%,var(--primary-green-dark) 100%);border-radius:4px;transition:width .6s ease}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background-color:var(--border-gray)}:host-context(body.dark-mode) .timeline:before{background-color:#444}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-item:before{content:"";position:absolute;left:-1.5rem;top:.25rem;width:12px;height:12px;border-radius:50%;background-color:var(--primary-green);border:2px solid var(--white);box-shadow:0 0 0 4px #0e9b7133}:host-context(body.dark-mode) .timeline-item:before{border-color:var(--dark-card)}.timeline-content{background-color:var(--light-gray);padding:1rem;border-radius:10px;border:1px solid var(--border-gray)}:host-context(body.dark-mode) .timeline-content{background-color:#333;border-color:#444}.timeline-time{font-size:.75rem;color:var(--text-gray);margin-bottom:.25rem}.timeline-title{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}:host-context(body.dark-mode) .timeline-title{color:var(--dark-text)}.timeline-description{font-size:.875rem;color:var(--text-gray)}.logout-btn{background:none;border:none;font-size:1.25rem;color:var(--text-gray);cursor:pointer;padding:.5rem;border-radius:10px;transition:all .3s ease}:host-context(body.dark-mode) .logout-btn{color:#ccc}.logout-btn:hover{background-color:var(--light-gray);color:var(--danger)}:host-context(body.dark-mode) .logout-btn:hover{background-color:#333;color:#ff6b6b}.notification-dropdown{position:absolute;top:100%;right:0;width:350px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:1rem;margin-top:.5rem;z-index:1000;max-height:400px;overflow-y:auto}:host-context(body.dark-mode) .notification-dropdown{background:var(--dark-card);box-shadow:0 10px 15px #0003}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-gray)}:host-context(body.dark-mode) .notification-header{border-bottom:1px solid #444}.notification-title{font-weight:600;font-size:1.125rem}.notification-clear{background:none;border:none;color:var(--primary-green);font-weight:500;cursor:pointer}.notification-item{padding:.75rem;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;border-left:3px solid var(--primary-green)}.notification-item.unread{background-color:#0e9b710d}:host-context(body.dark-mode) .notification-item.unread{background-color:#0e9b711a}.notification-item:hover{background-color:var(--light-gray)}:host-context(body.dark-mode) .notification-item:hover{background-color:#333}.notification-time{font-size:.75rem;color:var(--text-gray);margin-bottom:.25rem}.notification-content{font-size:.875rem}.notification-empty{text-align:center;padding:1.5rem;color:var(--text-gray)}.notification-show-all{display:block;text-align:center;margin-top:1rem;color:var(--primary-green);font-weight:500;text-decoration:none}.notification-toast{position:fixed;top:100px;right:20px;background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:1rem;z-index:3000;border-left:4px solid var(--success);transform:translate(400px);transition:transform .3s ease}.notification-toast.show{transform:translate(0)}.notification-toast.success{border-left-color:var(--success)}.notification-toast.error{border-left-color:var(--danger)}.notification-toast i{font-size:1.25rem}.notification-toast.success i{color:var(--success)}.notification-toast.error i{color:var(--danger)}.notification-toast-title{font-weight:600;color:var(--text-dark)}:host-context(body.dark-mode) .notification-toast{background:var(--dark-card)}:host-context(body.dark-mode) .notification-toast-title{color:var(--dark-text)}.notification-toast-message{font-size:.875rem;color:var(--text-gray)}.page{display:block}.page.hidden{display:none}.main-content{margin-left:260px;margin-top:77px;padding:2rem;transition:all .3s ease;min-height:calc(100vh - 77px);width:calc(100% - 260px)}@media (min-width: 1260px) and (max-width: 1300px) and (max-height: 820px),(width: 1280px) and (max-height: 820px){:root{--sidebar-width: 240px;--sidebar-collapsed-width: 65px;--header-height: 72px}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);padding:1.5rem;width:calc(100% - var(--sidebar-width));min-height:calc(100vh - var(--header-height))}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width));padding:1.5rem 2rem}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem}.main-content.sidebar-collapsed .dashboard-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.chart-container,.table-container,.activities-section{padding:1.5rem;margin-bottom:1.5rem}.stat-card{padding:1.5rem;border-radius:16px}.table-wrapper{overflow-x:auto;border-radius:12px}.table-wrapper table{min-width:800px}th,td{padding:.75rem .875rem;font-size:.8rem}th{font-size:.75rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.btn{padding:.5rem 1rem;font-size:.8rem}.btn-group{gap:.5rem;flex-wrap:wrap}.modal-content{max-width:90%;max-height:85vh;padding:1.5rem}}.main-content.sidebar-collapsed{margin-left:70px;width:calc(100% - 70px)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;width:100%;transition:all .3s ease}@media (min-width: 1600px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}.main-content.sidebar-collapsed .dashboard-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1599px) and (min-width: 1400px){.dashboard-grid,.main-content.sidebar-collapsed .dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1399px) and (min-width: 1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}.main-content.sidebar-collapsed .dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px) and (min-width: 992px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.main-content.sidebar-collapsed .dashboard-grid{grid-template-columns:repeat(3,1fr)}}.chart-container,.table-container{width:100%;transition:all .3s ease}.main-content.sidebar-collapsed{padding:2rem 2.5rem}@media (min-width: 1600px){.main-content.sidebar-collapsed{padding:2rem 3rem}}.stat-card{transition:all .3s ease}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.activities-section{width:100%;transition:all .3s ease}@media (max-width: 1024px){.main-content,.main-content.sidebar-collapsed{margin-left:70px;width:calc(100% - 70px)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-content,.main-content.sidebar-collapsed{margin-left:0;width:100%;padding:1rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}}.page-header,.stat-card,.chart-container,.table-container,.activities-section{transition:all .3s ease}.stat-value,.chart-title,.table-title{transition:font-size .3s ease}.content-wrapper{max-width:100%;overflow:hidden}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:899;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{opacity:1;visibility:visible}@media (min-width: 768px){.sidebar-overlay{display:none}}.notification-dropdown-overlay{position:fixed;inset:0;background:transparent;z-index:999;opacity:1;visibility:visible}.notification-dropdown-wrapper{position:fixed;top:77px;right:120px;z-index:1000}@media (max-width: 768px){.notification-dropdown-wrapper{right:60px}}@media (max-width: 480px){.notification-dropdown-wrapper{right:10px;left:10px;width:auto}.notification-dropdown-wrapper app-notification-dropdown{width:100%}}