@font-face{font-family:primeicons;font-display:block;src:url("./media/primeicons-RSSEDYLY.eot");src:url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),url("./media/primeicons-4GST5W3O.woff2") format("woff2"),url("./media/primeicons-P53SE5CV.woff") format("woff"),url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@media (prefers-reduced-motion: reduce){.pi-spin{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pi-folder-plus:before{content:"\ea05"}.pi-receipt:before{content:"\ea06"}.pi-asterisk:before{content:"\ea07"}.pi-face-smile:before{content:"\ea08"}.pi-pinterest:before{content:"\ea09"}.pi-expand:before{content:"\ea0a"}.pi-pen-to-square:before{content:"\ea0b"}.pi-wave-pulse:before{content:"\ea0c"}.pi-turkish-lira:before{content:"\ea0d"}.pi-spinner-dotted:before{content:"\ea0e"}.pi-crown:before{content:"\ea0f"}.pi-pause-circle:before{content:"\ea10"}.pi-warehouse:before{content:"\ea11"}.pi-objects-column:before{content:"\ea12"}.pi-clipboard:before{content:"\ea13"}.pi-play-circle:before{content:"\ea14"}.pi-venus:before{content:"\ea15"}.pi-cart-minus:before{content:"\ea16"}.pi-file-plus:before{content:"\ea17"}.pi-microchip:before{content:"\ea18"}.pi-twitch:before{content:"\ea19"}.pi-building-columns:before{content:"\ea1a"}.pi-file-check:before{content:"\ea1b"}.pi-microchip-ai:before{content:"\ea1c"}.pi-trophy:before{content:"\ea1d"}.pi-barcode:before{content:"\ea1e"}.pi-file-arrow-up:before{content:"\ea1f"}.pi-mars:before{content:"\ea20"}.pi-tiktok:before{content:"\ea21"}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:"\ea22"}.pi-ethereum:before{content:"\ea23"}.pi-list-check:before{content:"\ea24"}.pi-thumbtack:before{content:"\ea25"}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:"\ea26"}.pi-equals:before{content:"\ea27"}.pi-lightbulb:before{content:"\ea28"}.pi-star-half:before{content:"\ea29"}.pi-address-book:before{content:"\ea2a"}.pi-chart-scatter:before{content:"\ea2b"}.pi-indian-rupee:before{content:"\ea2c"}.pi-star-half-fill:before{content:"\ea2d"}.pi-cart-arrow-down:before{content:"\ea2e"}.pi-calendar-clock:before{content:"\ea2f"}.pi-sort-up-fill:before{content:"\ea30"}.pi-sparkles:before{content:"\ea31"}.pi-bullseye:before{content:"\ea32"}.pi-sort-down-fill:before{content:"\ea33"}.pi-graduation-cap:before{content:"\ea34"}.pi-hammer:before{content:"\ea35"}.pi-bell-slash:before{content:"\ea36"}.pi-gauge:before{content:"\ea37"}.pi-shop:before{content:"\ea38"}.pi-headphones:before{content:"\ea39"}.pi-eraser:before{content:"\ea04"}.pi-stopwatch:before{content:"\ea01"}.pi-verified:before{content:"\ea02"}.pi-delete-left:before{content:"\ea03"}.pi-hourglass:before{content:"\e9fe"}.pi-truck:before{content:"\ea00"}.pi-wrench:before{content:"\e9ff"}.pi-microphone:before{content:"\e9fa"}.pi-megaphone:before{content:"\e9fb"}.pi-arrow-right-arrow-left:before{content:"\e9fc"}.pi-bitcoin:before{content:"\e9fd"}.pi-file-edit:before{content:"\e9f6"}.pi-language:before{content:"\e9f7"}.pi-file-export:before{content:"\e9f8"}.pi-file-import:before{content:"\e9f9"}.pi-file-word:before{content:"\e9f1"}.pi-gift:before{content:"\e9f2"}.pi-cart-plus:before{content:"\e9f3"}.pi-thumbs-down-fill:before{content:"\e9f4"}.pi-thumbs-up-fill:before{content:"\e9f5"}.pi-arrows-alt:before{content:"\e9f0"}.pi-calculator:before{content:"\e9ef"}.pi-sort-alt-slash:before{content:"\e9ee"}.pi-arrows-h:before{content:"\e9ec"}.pi-arrows-v:before{content:"\e9ed"}.pi-pound:before{content:"\e9eb"}.pi-prime:before{content:"\e9ea"}.pi-chart-pie:before{content:"\e9e9"}.pi-reddit:before{content:"\e9e8"}.pi-code:before{content:"\e9e7"}.pi-sync:before{content:"\e9e6"}.pi-shopping-bag:before{content:"\e9e5"}.pi-server:before{content:"\e9e4"}.pi-database:before{content:"\e9e3"}.pi-hashtag:before{content:"\e9e2"}.pi-bookmark-fill:before{content:"\e9df"}.pi-filter-fill:before{content:"\e9e0"}.pi-heart-fill:before{content:"\e9e1"}.pi-flag-fill:before{content:"\e9de"}.pi-circle:before{content:"\e9dc"}.pi-circle-fill:before{content:"\e9dd"}.pi-bolt:before{content:"\e9db"}.pi-history:before{content:"\e9da"}.pi-box:before{content:"\e9d9"}.pi-at:before{content:"\e9d8"}.pi-arrow-up-right:before{content:"\e9d4"}.pi-arrow-up-left:before{content:"\e9d5"}.pi-arrow-down-left:before{content:"\e9d6"}.pi-arrow-down-right:before{content:"\e9d7"}.pi-telegram:before{content:"\e9d3"}.pi-stop-circle:before{content:"\e9d2"}.pi-stop:before{content:"\e9d1"}.pi-whatsapp:before{content:"\e9d0"}.pi-building:before{content:"\e9cf"}.pi-qrcode:before{content:"\e9ce"}.pi-car:before{content:"\e9cd"}.pi-instagram:before{content:"\e9cc"}.pi-linkedin:before{content:"\e9cb"}.pi-send:before{content:"\e9ca"}.pi-slack:before{content:"\e9c9"}.pi-sun:before{content:"\e9c8"}.pi-moon:before{content:"\e9c7"}.pi-vimeo:before{content:"\e9c6"}.pi-youtube:before{content:"\e9c5"}.pi-flag:before{content:"\e9c4"}.pi-wallet:before{content:"\e9c3"}.pi-map:before{content:"\e9c2"}.pi-link:before{content:"\e9c1"}.pi-credit-card:before{content:"\e9bf"}.pi-discord:before{content:"\e9c0"}.pi-percentage:before{content:"\e9be"}.pi-euro:before{content:"\e9bd"}.pi-book:before{content:"\e9ba"}.pi-shield:before{content:"\e9b9"}.pi-paypal:before{content:"\e9bb"}.pi-amazon:before{content:"\e9bc"}.pi-phone:before{content:"\e9b8"}.pi-filter-slash:before{content:"\e9b7"}.pi-facebook:before{content:"\e9b4"}.pi-github:before{content:"\e9b5"}.pi-twitter:before{content:"\e9b6"}.pi-step-backward-alt:before{content:"\e9ac"}.pi-step-forward-alt:before{content:"\e9ad"}.pi-forward:before{content:"\e9ae"}.pi-backward:before{content:"\e9af"}.pi-fast-backward:before{content:"\e9b0"}.pi-fast-forward:before{content:"\e9b1"}.pi-pause:before{content:"\e9b2"}.pi-play:before{content:"\e9b3"}.pi-compass:before{content:"\e9ab"}.pi-id-card:before{content:"\e9aa"}.pi-ticket:before{content:"\e9a9"}.pi-file-o:before{content:"\e9a8"}.pi-reply:before{content:"\e9a7"}.pi-directions-alt:before{content:"\e9a5"}.pi-directions:before{content:"\e9a6"}.pi-thumbs-up:before{content:"\e9a3"}.pi-thumbs-down:before{content:"\e9a4"}.pi-sort-numeric-down-alt:before{content:"\e996"}.pi-sort-numeric-up-alt:before{content:"\e997"}.pi-sort-alpha-down-alt:before{content:"\e998"}.pi-sort-alpha-up-alt:before{content:"\e999"}.pi-sort-numeric-down:before{content:"\e99a"}.pi-sort-numeric-up:before{content:"\e99b"}.pi-sort-alpha-down:before{content:"\e99c"}.pi-sort-alpha-up:before{content:"\e99d"}.pi-sort-alt:before{content:"\e99e"}.pi-sort-amount-up:before{content:"\e99f"}.pi-sort-amount-down:before{content:"\e9a0"}.pi-sort-amount-down-alt:before{content:"\e9a1"}.pi-sort-amount-up-alt:before{content:"\e9a2"}.pi-palette:before{content:"\e995"}.pi-undo:before{content:"\e994"}.pi-desktop:before{content:"\e993"}.pi-sliders-v:before{content:"\e991"}.pi-sliders-h:before{content:"\e992"}.pi-search-plus:before{content:"\e98f"}.pi-search-minus:before{content:"\e990"}.pi-file-excel:before{content:"\e98e"}.pi-file-pdf:before{content:"\e98d"}.pi-check-square:before{content:"\e98c"}.pi-chart-line:before{content:"\e98b"}.pi-user-edit:before{content:"\e98a"}.pi-exclamation-circle:before{content:"\e989"}.pi-android:before{content:"\e985"}.pi-google:before{content:"\e986"}.pi-apple:before{content:"\e987"}.pi-microsoft:before{content:"\e988"}.pi-heart:before{content:"\e984"}.pi-mobile:before{content:"\e982"}.pi-tablet:before{content:"\e983"}.pi-key:before{content:"\e981"}.pi-shopping-cart:before{content:"\e980"}.pi-comments:before{content:"\e97e"}.pi-comment:before{content:"\e97f"}.pi-briefcase:before{content:"\e97d"}.pi-bell:before{content:"\e97c"}.pi-paperclip:before{content:"\e97b"}.pi-share-alt:before{content:"\e97a"}.pi-envelope:before{content:"\e979"}.pi-volume-down:before{content:"\e976"}.pi-volume-up:before{content:"\e977"}.pi-volume-off:before{content:"\e978"}.pi-eject:before{content:"\e975"}.pi-money-bill:before{content:"\e974"}.pi-images:before{content:"\e973"}.pi-image:before{content:"\e972"}.pi-sign-in:before{content:"\e970"}.pi-sign-out:before{content:"\e971"}.pi-wifi:before{content:"\e96f"}.pi-sitemap:before{content:"\e96e"}.pi-chart-bar:before{content:"\e96d"}.pi-camera:before{content:"\e96c"}.pi-dollar:before{content:"\e96b"}.pi-lock-open:before{content:"\e96a"}.pi-table:before{content:"\e969"}.pi-map-marker:before{content:"\e968"}.pi-list:before{content:"\e967"}.pi-eye-slash:before{content:"\e965"}.pi-eye:before{content:"\e966"}.pi-folder-open:before{content:"\e964"}.pi-folder:before{content:"\e963"}.pi-video:before{content:"\e962"}.pi-inbox:before{content:"\e961"}.pi-lock:before{content:"\e95f"}.pi-unlock:before{content:"\e960"}.pi-tags:before{content:"\e95d"}.pi-tag:before{content:"\e95e"}.pi-power-off:before{content:"\e95c"}.pi-save:before{content:"\e95b"}.pi-question-circle:before{content:"\e959"}.pi-question:before{content:"\e95a"}.pi-copy:before{content:"\e957"}.pi-file:before{content:"\e958"}.pi-clone:before{content:"\e955"}.pi-calendar-times:before{content:"\e952"}.pi-calendar-minus:before{content:"\e953"}.pi-calendar-plus:before{content:"\e954"}.pi-ellipsis-v:before{content:"\e950"}.pi-ellipsis-h:before{content:"\e951"}.pi-bookmark:before{content:"\e94e"}.pi-globe:before{content:"\e94f"}.pi-replay:before{content:"\e94d"}.pi-filter:before{content:"\e94c"}.pi-print:before{content:"\e94b"}.pi-align-right:before{content:"\e946"}.pi-align-left:before{content:"\e947"}.pi-align-center:before{content:"\e948"}.pi-align-justify:before{content:"\e949"}.pi-cog:before{content:"\e94a"}.pi-cloud-download:before{content:"\e943"}.pi-cloud-upload:before{content:"\e944"}.pi-cloud:before{content:"\e945"}.pi-pencil:before{content:"\e942"}.pi-users:before{content:"\e941"}.pi-clock:before{content:"\e940"}.pi-user-minus:before{content:"\e93e"}.pi-user-plus:before{content:"\e93f"}.pi-trash:before{content:"\e93d"}.pi-external-link:before{content:"\e93c"}.pi-window-maximize:before{content:"\e93b"}.pi-window-minimize:before{content:"\e93a"}.pi-refresh:before{content:"\e938"}.pi-user:before{content:"\e939"}.pi-exclamation-triangle:before{content:"\e922"}.pi-calendar:before{content:"\e927"}.pi-chevron-circle-left:before{content:"\e928"}.pi-chevron-circle-down:before{content:"\e929"}.pi-chevron-circle-right:before{content:"\e92a"}.pi-chevron-circle-up:before{content:"\e92b"}.pi-angle-double-down:before{content:"\e92c"}.pi-angle-double-left:before{content:"\e92d"}.pi-angle-double-right:before{content:"\e92e"}.pi-angle-double-up:before{content:"\e92f"}.pi-angle-down:before{content:"\e930"}.pi-angle-left:before{content:"\e931"}.pi-angle-right:before{content:"\e932"}.pi-angle-up:before{content:"\e933"}.pi-upload:before{content:"\e934"}.pi-download:before{content:"\e956"}.pi-ban:before{content:"\e935"}.pi-star-fill:before{content:"\e936"}.pi-star:before{content:"\e937"}.pi-chevron-left:before{content:"\e900"}.pi-chevron-right:before{content:"\e901"}.pi-chevron-down:before{content:"\e902"}.pi-chevron-up:before{content:"\e903"}.pi-caret-left:before{content:"\e904"}.pi-caret-right:before{content:"\e905"}.pi-caret-down:before{content:"\e906"}.pi-caret-up:before{content:"\e907"}.pi-search:before{content:"\e908"}.pi-check:before{content:"\e909"}.pi-check-circle:before{content:"\e90a"}.pi-times:before{content:"\e90b"}.pi-times-circle:before{content:"\e90c"}.pi-plus:before{content:"\e90d"}.pi-plus-circle:before{content:"\e90e"}.pi-minus:before{content:"\e90f"}.pi-minus-circle:before{content:"\e910"}.pi-circle-on:before{content:"\e911"}.pi-circle-off:before{content:"\e912"}.pi-sort-down:before{content:"\e913"}.pi-sort-up:before{content:"\e914"}.pi-sort:before{content:"\e915"}.pi-step-backward:before{content:"\e916"}.pi-step-forward:before{content:"\e917"}.pi-th-large:before{content:"\e918"}.pi-arrow-down:before{content:"\e919"}.pi-arrow-left:before{content:"\e91a"}.pi-arrow-right:before{content:"\e91b"}.pi-arrow-up:before{content:"\e91c"}.pi-bars:before{content:"\e91d"}.pi-arrow-circle-down:before{content:"\e91e"}.pi-arrow-circle-left:before{content:"\e91f"}.pi-arrow-circle-right:before{content:"\e920"}.pi-arrow-circle-up:before{content:"\e921"}.pi-info:before{content:"\e923"}.pi-info-circle:before{content:"\e924"}.pi-home:before{content:"\e925"}.pi-spinner:before{content:"\e926"}@media (max-width: 320px){.hide-mobile-xs{display:none!important}}@media (max-width: 480px){.hide-mobile{display:none!important}}@media (max-width: 768px){.hide-tablet{display:none!important}}@media (max-width: 1024px){.hide-ipad{display:none!important}}@media (max-width: 1280px){.hide-laptop{display:none!important}}.show-mobile-xs{display:none!important}@media (max-width: 320px){.show-mobile-xs{display:block!important}}.show-mobile{display:none!important}@media (max-width: 480px){.show-mobile{display:block!important}}.show-tablet{display:none!important}@media (max-width: 768px){.show-tablet{display:block!important}}.show-ipad{display:none!important}@media (max-width: 1024px){.show-ipad{display:block!important}}@media (max-width: 768px){.text-center-mobile{text-align:center!important}}@media (max-width: 768px){.text-left-mobile{text-align:left!important}}@media (max-width: 768px){.flex-column-mobile{flex-direction:column!important}}@media (max-width: 768px){.flex-row-mobile{flex-direction:row!important}}@media (max-width: 768px){.full-width-mobile{width:100%!important}}@media (max-width: 1024px){.full-width-tablet{width:100%!important}}@media (max-width: 768px){.p-sm-mobile{padding:.5rem!important}}@media (max-width: 768px){.p-md-mobile{padding:1rem!important}}@media (max-width: 768px){.p-lg-mobile{padding:1.5rem!important}}@media (max-width: 768px){.m-sm-mobile{margin:.5rem!important}}@media (max-width: 768px){.m-md-mobile{margin:1rem!important}}@media (max-width: 768px){.m-lg-mobile{margin:1.5rem!important}}@media (max-width: 768px){.gap-sm-mobile{gap:.5rem!important}}@media (max-width: 768px){.gap-md-mobile{gap:1rem!important}}@media (max-width: 768px){.gap-lg-mobile{gap:1.5rem!important}}.responsive-container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.responsive-container{padding:0 1.5rem}}@media (min-width: 1024px){.responsive-container{padding:0 2rem;max-width:1280px}}@media (min-width: 1920px){.responsive-container{max-width:1600px;padding:0 3rem}}.responsive-grid-1,.responsive-grid-2{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}.responsive-grid-3{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}.responsive-grid-4{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 480px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}.text-responsive-sm{font-size:.75rem}@media (min-width: 768px){.text-responsive-sm{font-size:.875rem}}@media (min-width: 1920px){.text-responsive-sm{font-size:1rem}}.text-responsive-base{font-size:.875rem}@media (min-width: 768px){.text-responsive-base{font-size:1rem}}@media (min-width: 1920px){.text-responsive-base{font-size:1.125rem}}.text-responsive-lg{font-size:1rem}@media (min-width: 768px){.text-responsive-lg{font-size:1.125rem}}@media (min-width: 1920px){.text-responsive-lg{font-size:1.25rem}}.text-responsive-xl{font-size:1.25rem}@media (min-width: 768px){.text-responsive-xl{font-size:1.5rem}}@media (min-width: 1920px){.text-responsive-xl{font-size:1.875rem}}.responsive-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a}@media (min-width: 768px){.responsive-card{padding:1.5rem;border-radius:12px}}@media (min-width: 1920px){.responsive-card{padding:2rem;border-radius:16px}}.responsive-btn{padding:.5rem 1rem;font-size:.875rem}@media (min-width: 768px){.responsive-btn{padding:.75rem 1.5rem;font-size:1rem}}@media (min-width: 1920px){.responsive-btn{padding:1rem 2rem;font-size:1.125rem}}.responsive-table{width:100%;overflow-x:auto}.responsive-table table{width:100%;min-width:600px}@media (max-width: 768px){.responsive-table table{font-size:.875rem}}@media (max-width: 480px){.responsive-table table{font-size:.75rem}}@media (max-width: 768px){.stack-mobile{display:flex;flex-direction:column;gap:1rem}.stack-mobile>*{width:100%!important}}.table-wrapper,.attendance-table-wrapper,.records-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-wrapper,.attendance-table-wrapper,.records-container .table-wrapper{margin:0 -1rem;padding:0 1rem}}@media (max-width: 1024px){.attendance-table,table{font-size:.85rem}.attendance-table th,.attendance-table td,table th,table td{padding:.75rem .5rem}}@media (max-width: 768px){.attendance-table,table{font-size:.75rem;min-width:600px}.attendance-table th,.attendance-table td,table th,table td{padding:.5rem .4rem;white-space:nowrap}}@media (max-width: 480px){.attendance-table,table{font-size:.7rem}.attendance-table th,.attendance-table td,table th,table td{padding:.4rem .3rem}}@media (max-width: 768px){.form-grid,.filter-form{grid-template-columns:1fr!important;gap:.75rem}}@media (max-width: 768px){.form-group,.filter-group{width:100%}}@media (max-width: 768px){.form-input,.form-control,select,input[type=text],input[type=email],input[type=number],input[type=date],textarea{width:100%;font-size:.875rem;padding:.6rem .75rem}}@media (max-width: 480px){.form-input,.form-control,select,input[type=text],input[type=email],input[type=number],input[type=date],textarea{font-size:.8rem;padding:.5rem .6rem}}@media (max-width: 768px){.search-container{width:100%}}@media (max-width: 768px){.search-input{width:100%!important;max-width:100%}}@media (max-width: 768px){.header-actions,.records-header{flex-direction:column;align-items:stretch!important;gap:.75rem}}@media (max-width: 768px){.records-title{font-size:1.125rem}}@media (max-width: 480px){.records-title{font-size:1rem}}@media (max-width: 768px){.btn-export,.btn-action,.btn-pagination{padding:.6rem 1rem;font-size:.85rem}}@media (max-width: 480px){.btn-export,.btn-action,.btn-pagination{padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 768px){.pagination{flex-wrap:wrap;gap:.5rem}}@media (max-width: 480px){.page-numbers{gap:.25rem}.page-numbers .page-btn{padding:.4rem .6rem;font-size:.75rem}}@media (max-width: 768px){.records-container,.attendance-container{padding:1rem;border-radius:8px}}@media (max-width: 480px){.records-container,.attendance-container{padding:.75rem}}@media (max-width: 768px){.results-info{flex-direction:column;gap:.5rem;font-size:.85rem}}@media (max-width: 768px){.filter-controls{flex-direction:column;width:100%}.filter-controls .filter-select{width:100%}}@media (max-width: 768px){.col-actions{flex-wrap:wrap;gap:.25rem}}@media (max-width: 480px){.btn-action{padding:.4rem .6rem;font-size:.85rem}}@media (max-width: 768px){.card-enhanced,.section-card{padding:1rem;border-radius:8px}}@media (max-width: 480px){.card-enhanced,.section-card{padding:.75rem}}@media (max-width: 640px){.table-mobile-card{display:none}.attendance-table{display:block}.attendance-table thead{display:none}.attendance-table tbody{display:block}.attendance-table tr{display:block;margin-bottom:1rem;border:1px solid var(--secondary-color);border-radius:8px;padding:.75rem;background:#fff}.attendance-table td{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.attendance-table td:before{content:attr(data-label);font-weight:600;color:var(--secondary-color)}}:root{--primary-color: var(--primary-color);--secondary-color: var(--secondary-color);--dark-color: var(--dark-color);--light-color: var(--light-color);--primary-dark: #008C94;--primary-light: #33BDC4;--secondary-dark: var(--dark-color);--secondary-light: #4A5058;--accent-color: var(--light-color);--accent-dark: #DDDDDD;--success-color: #4CAF50;--warning-color: #FF9800;--error-color: #F44336;--info-color: #2196F3;--font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}@media (max-width: 320px){:root{--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .8rem;--font-size-lg: .9rem;--font-size-xl: 1rem;--font-size-2xl: 1.125rem;--font-size-3xl: 1.25rem;--spacing-md: .5rem;--spacing-lg: .75rem;--spacing-xl: 1rem;--spacing-2xl: 1.5rem}}@media (min-width: 321px) and (max-width: 375px){:root{--font-size-base: .85rem;--font-size-lg: .95rem;--font-size-xl: 1.05rem;--font-size-2xl: 1.2rem;--font-size-3xl: 1.35rem;--spacing-md: .6rem;--spacing-lg: .85rem;--spacing-xl: 1.2rem;--spacing-2xl: 1.75rem}}@media (min-width: 376px) and (max-width: 480px){:root{--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}}@media (min-width: 481px) and (max-width: 640px){:root{--font-size-base: .9rem;--spacing-md: .85rem;--spacing-lg: 1.25rem}}@media (min-width: 641px) and (max-width: 768px){:root{--font-size-base: .95rem;--spacing-md: .9rem;--spacing-lg: 1.35rem}}@media (min-width: 769px) and (max-width: 1024px){:root{--font-size-base: 1rem;--spacing-md: 1rem;--spacing-lg: 1.5rem}}@media (min-width: 1025px) and (max-width: 1280px){:root{--font-size-base: 1rem;--font-size-lg: 1.125rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}}@media (min-width: 1920px){:root{--font-size-base: 1.0625rem;--font-size-lg: 1.25rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem;--font-size-3xl: 2rem;--spacing-md: 1.125rem;--spacing-lg: 1.75rem;--spacing-xl: 2.5rem;--spacing-2xl: 3.5rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--accent-color);background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);overflow-x:hidden;margin:0;padding:0}body{min-height:100vh;position:relative;margin:0;padding:0}app-root{display:block;margin:0;padding:0}@media (max-width: 768px){app-root{margin-left:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00add5,#008c94);border-radius:6px;transition:background .15s ease;box-shadow:0 2px 6px #0000004d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#008c94,#006d75);box-shadow:0 2px 8px #0006}::-webkit-scrollbar-corner{background:transparent}*:focus{outline:2px solid var(--primary-color);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}.fade-in{animation:fadeIn var(--transition-slow) ease-in-out}.slide-up{animation:slideUp var(--transition-normal) ease-out}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton{background:linear-gradient(90deg,var(--secondary-light) 25%,var(--secondary-color) 50%,var(--secondary-light) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.btn-enhanced{position:relative;overflow:hidden;transition:all var(--transition-normal)}.btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.btn-enhanced:hover:before{left:100%}.card-enhanced{background:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--info-color),var(--success-color));opacity:0;transition:opacity var(--transition-normal)}.card-enhanced:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.card-enhanced:hover:before{opacity:1}@media (max-width: 320px){html,body{font-size:14px}}@media (min-width: 321px) and (max-width: 480px){html,body{font-size:15px}}@media (min-width: 481px) and (max-width: 768px){html,body{font-size:16px}}@media (min-width: 1920px){html,body{font-size:18px}}@media (min-width: 2560px){html,body{font-size:20px}}@media (prefers-color-scheme: dark){:root{--accent-color: var(--light-color);--accent-dark: #DDDDDD}}@media (prefers-contrast: high){:root{--primary-color: #00E5FF;--secondary-color: #000000;--accent-color: #FFFFFF}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}