.face-recognition-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:hidden;animation:faceModalFadeIn .3s ease-out;box-sizing:border-box}.face-recognition-modal.active{display:block}@keyframes faceModalFadeIn{0%{opacity:0}to{opacity:1}}.face-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.face-modal-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;box-sizing:border-box}.face-modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0006;width:100%;max-width:700px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;animation:faceModalSlideIn .3s ease-out;box-sizing:border-box;margin:0}@keyframes faceModalSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.face-modal-header{background:#4caf50;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.face-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.face-modal-close{background:transparent;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s ease;padding:0;line-height:1}.face-modal-close:hover{background:#fff3}.face-modal-body{padding:25px;display:flex;flex-direction:column;background:#fff;overflow:visible;box-sizing:border-box;flex:1;min-height:0}.face-video-wrapper{width:100%;margin-bottom:20px;display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.face-video-container{position:relative;width:100%;max-width:600px;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 6px 25px #00000040;aspect-ratio:4/3;height:auto;min-height:400px}.face-video-container video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.face-detection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center}.face-guide-box{width:75%;max-width:350px;height:75%;max-height:400px;border:3px solid rgba(76,175,80,.7);border-radius:10px;box-shadow:0 0 0 9999px #00000080;animation:faceGuidePulse 2s ease-in-out infinite;transition:all .3s ease}@keyframes faceGuidePulse{0%,to{border-color:#4caf50b3}50%{border-color:#4caf50}}.face-video-container.face-detected .face-guide-box{border-color:#4caf50;box-shadow:0 0 0 9999px #00000080,0 0 20px #4caf5080}.face-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:10}.face-loading-spinner .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#4caf50;border-radius:50%;animation:faceSpinnerRotate 1s linear infinite;margin-bottom:10px}@keyframes faceSpinnerRotate{to{transform:rotate(360deg)}}.face-loading-spinner p{margin:0;font-size:13px}.face-status-container{margin-bottom:15px;min-height:25px;flex-shrink:0}.face-status-message{text-align:center;padding:6px 12px;border-radius:4px;font-size:12px;color:#666;background:#f0f0f0;transition:all .3s ease;margin:0}.face-status-message.status-ready{background:#e8f5e9;color:#2e7d32}.face-status-message.status-detected{background:#c8e6c9;color:#1b5e20;font-weight:600}.face-status-message.status-error{background:#ffebee;color:#c62828}.face-status-message.status-processing{background:#fff3e0;color:#e65100}.face-status-message.status-success{background:#e8f5e9;color:#2e7d32;font-weight:600}.face-action-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:0;flex-shrink:0}.face-btn{padding:8px 20px;font-size:13px;font-weight:500;border:none;border-radius:5px;cursor:pointer;transition:all .2s ease;min-width:90px;height:36px;box-sizing:border-box}.face-btn:disabled{opacity:.6;cursor:not-allowed}.face-btn-cancel{background:#f5f5f5;color:#666;border:1px solid #ddd}.face-btn-cancel:hover:not(:disabled){background:#e0e0e0;border-color:#bbb}.face-btn-retry{background:#2196f3;color:#fff}.face-btn-retry:hover:not(:disabled){background:#1976d2;transform:translateY(-1px)}.face-verification-result{margin-top:12px;padding:15px;border-radius:6px;text-align:center;font-size:14px;animation:faceResultFadeIn .5s ease-out;flex-shrink:0;min-height:50px}@keyframes faceResultFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.face-success-message{color:#2e7d32;display:flex;align-items:center;justify-content:center;gap:10px;background:#e8f5e9;padding:15px;border-radius:6px;font-weight:600;font-size:15px;border:2px solid #4CAF50}@media (max-width: 768px){.face-modal-container{padding:10px}.face-modal-content{max-width:100%;max-height:98vh}.face-modal-body{padding:15px}.face-video-container{max-width:100%;min-height:300px}.face-btn{padding:8px 16px;font-size:12px;min-width:80px;height:34px}}@media (max-width: 480px){.face-modal-header{padding:12px 15px}.face-modal-header h2{font-size:16px}.face-modal-body{padding:12px}.face-video-container{min-height:250px}.face-action-buttons{flex-direction:column;gap:8px}.face-btn{width:100%;height:38px}}.login-content{min-height:100vh;text-align:center;background:var(--theme-login-background, linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 50%, #93C5FD 100%));display:flex;align-items:center;justify-content:center;padding:20px 0}.login-content:before{content:"";height:100vh;width:1px;display:inline-block;vertical-align:middle}.nk-block,.error-page-wrap{max-width:500px;padding:20px 0;width:80%;position:relative;margin:0 auto;vertical-align:middle;display:inline-block}.nk-block:not(.toggled){display:none}.nk-block.toggled{-webkit-animation-name:rollIn;animation-name:rollIn;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:10}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.nk-block:not(.lc-block-alt) .nk-form{padding:40px}.nk-form,.error-page-wrap{background:var(--theme-login-form-background, #EDF5FF);box-shadow:0 1px 1px #0000001a;border-radius:2px}.login-logo{text-align:center;margin-bottom:25px}.login-logo img{max-width:200px;max-height:100px;width:auto;height:auto;object-fit:contain}.nk-form h4{color:#171650;font-size:24px;font-weight:700;margin:0 0 25px;text-transform:uppercase}.nk-form p{font-size:16px;color:#333;line-height:26px;margin:0 0 20px}.input-group{position:relative;display:flex;align-items:center;margin-bottom:20px}.mg-t-15{margin-top:0}.input-group-addon.nk-ic-st-pro{border:0px solid #ccc;background:var(--theme-login-input-addon-background, #EDF5FF);font-size:20px;padding:0;display:flex;align-items:center;justify-content:center;min-width:50px}.input-group-addon.nk-ic-st-pro i{font-style:normal;display:flex;align-items:center;justify-content:center;color:var(--theme-primary, #1E3A8A)}.input-group-addon.nk-ic-st-pro i svg{display:block}.nk-int-st{position:relative;vertical-align:top;flex:1}.nk-int-st:not([class*=has-]):after{background:var(--theme-primary, #1E3A8A)}.nk-int-st:not(.disabled):after,.nk-int-st:not(.readonly):after{position:absolute;z-index:3;bottom:0;left:0;height:2px;width:100%;content:"";-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:transform .3s}.nk-int-st input[type=text]:focus+*,.nk-int-st input[type=password]:focus+*,.nk-int-st input[type=email]:focus+*,.nk-int-st:has(input[type=text]:focus):after,.nk-int-st:has(input[type=password]:focus):after,.nk-int-st:has(input[type=email]:focus):after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.nk-int-st input[type=text],.nk-int-st textarea,.nk-int-st [type=number],.nk-int-st [type=password],.nk-int-st [type=email]{box-shadow:none;border-top:0px solid #ccc;border-left:0px solid #ccc;border-right:0px solid #ccc;border-bottom:1px solid #ccc;padding:0;resize:none;border-radius:0;width:100%;font-size:16px;background:transparent;outline:none}.nk-int-st input[type=text]:focus,.nk-int-st input[type=password]:focus,.nk-int-st input[type=email]:focus{box-shadow:none;border-bottom:1px solid var(--theme-input-focus, #1E3A8A)}.nk-int-st:has(input[type=text]:focus):after,.nk-int-st:has(input[type=password]:focus):after,.nk-int-st:has(input[type=email]:focus):after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.nk-int-st:not(.form-group){display:block;width:100%}.form-control{width:100%;padding:12px 0;border:0;border-radius:0;font-size:16px;background:transparent;color:#333;outline:none}.form-control::placeholder{color:#999}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;z-index:2;color:#666;padding:5px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--theme-primary, #1E3A8A)}.fm-checkbox{margin:10px 0 20px 41px;text-align:left}.fm-checkbox label{font-weight:400;cursor:pointer;display:flex;align-items:center;font-size:16px;color:#333}.fm-checkbox input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer;accent-color:var(--theme-input-focus, #1E3A8A)}.fm-checkbox label i{display:none}.nk-block:not(.lc-block-alt) .btn-login{top:50%;margin-top:-25px;right:-25px}.btn-login.btn-float{width:50px;height:50px;border-radius:50%;line-height:46px!important;position:absolute!important}.btn-login.btn-success{background:var(--theme-button-success, linear-gradient(135deg, #93C5FD 0%, #60A5FA 50%, #3B82F6 100%));border-color:#3b82f6;border:0px solid #ccc;outline:none;box-shadow:none;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.btn-login.btn-success:hover,.btn-login.btn-success:focus,.btn-login.btn-success:active{background:var(--theme-button-success-hover, linear-gradient(135deg, #60A5FA 0%, #3B82F6 50%, #2563EB 100%));border-color:#3b82f6;border:0px solid #ccc;outline:none;box-shadow:none;opacity:.95}.btn-login.btn-success:disabled{opacity:.6;cursor:not-allowed}.btn-login.btn-float i{font-size:20px;font-style:normal;line-height:1}.lc-block-alt .nk-form{padding:70px 35px 60px}.lc-block-alt .btn-login{top:50%;margin-top:-25px;right:-25px;bottom:auto;left:auto;margin-left:0}.nk-navigation{margin-top:15px}.nk-navigation a,.nk-navigation a i{vertical-align:top;display:inline-block}.nk-navigation a,.nk-navigation a span{-webkit-transition:width;-o-transition:width;transition:width;-webkit-transition-duration:.2s;transition-duration:.2s}.nk-navigation a{color:#fff;background:#fff3;margin:0 1px;width:30px;height:30px;border-radius:20px;white-space:nowrap;text-align:left;text-decoration:none;overflow:hidden;display:inline-flex;align-items:center;justify-content:flex-start;padding:0}.nk-navigation a i{width:30px;font-style:normal;font-size:16px;text-align:center;line-height:30px;flex-shrink:0}.nk-lg-ic .notika-plus-symbol{font-size:12px}.nk-navigation a span{width:0;overflow:hidden;display:inline-block;line-height:29px;margin-left:-3px;white-space:nowrap}.nk-navigation a:hover span{width:auto;padding-right:10px}.nk-navigation a[data-ma-block="#l-register"]:hover{width:95px}.nk-navigation a[data-ma-block="#l-forget-password"]:hover,.nk-navigation a:hover{width:147px}.nk-navigation a[data-ma-block="#l-login"]:hover{width:85px}.rg-ic-stl .notika-right-arrow{font-size:14px}.face-verification-section{margin-top:15px;margin-bottom:15px;text-align:center;padding:20px 15px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.face-verify-icon{cursor:pointer;display:inline-block;padding:5px;background:transparent;border-radius:50%;width:80px;height:80px;transition:all .3s ease;border:2px solid #4CAF50;margin:0 auto}.face-verify-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px #4caf504d;border-color:#2e7d32}.face-verify-icon:active{transform:scale(.98)}.face-verify-icon svg{width:100%;height:100%;display:block}.face-verify-text{margin-top:10px;margin-bottom:0;color:#666;font-size:13px;font-weight:500}@media (max-width: 768px){.nk-block{width:90%}.nk-block:not(.lc-block-alt) .nk-form{padding:30px 20px}.nk-block:not(.lc-block-alt) .btn-login{right:-20px;width:40px;height:40px;margin-top:-20px}.face-verification-section{padding:15px 10px}.face-verify-icon{width:70px;height:70px}.face-verify-text{font-size:12px}}.app-header{background-color:var(--theme-header-bg, #D1E6FF);border-bottom:1px solid rgba(0,0,0,.08);padding:12px 24px;box-shadow:0 1px 3px #0000000d;position:relative;z-index:1001}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:100%}.header-left{flex:1}.page-title{margin:0;font-size:18px;font-weight:600;color:#212b36}.logo-area h2{margin:0;font-size:24px;font-weight:600}.logo-area a{color:#fff;text-decoration:none}.header-right{display:flex;align-items:center;gap:15px;position:relative;z-index:1002}.app-name{font-size:20px;font-weight:600;color:var(--theme-primary, #1E3A8A);margin-right:10px}.user-avatar{position:relative;cursor:pointer;z-index:1003}.avatar-circle{width:40px;height:40px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;border:2px solid var(--theme-primary, #1E3A8A);cursor:pointer;transition:all .2s ease}.avatar-circle:hover{border-color:#1e3a8a;transform:scale(1.05)}.user-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--theme-card, #EDF5FF);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:99999;padding:15px}.user-info{padding-bottom:15px;border-bottom:1px solid #e0e0e0;margin-bottom:10px}.user-info .user-name{font-weight:600;color:#333;margin-bottom:5px}.user-info .user-role{font-size:12px;color:#666}.main-nav{display:flex;align-items:center;gap:20px;flex:1;justify-content:center}.main-nav a{color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .3s ease;font-size:14px;font-weight:500}.main-nav a:hover,.main-nav a.active{background:#fff3}.nav-dropdown{position:relative}.nav-dropdown-toggle{color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-block}.nav-dropdown:hover .nav-dropdown-toggle{background:#fff3}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#edf5ff;min-width:200px;border-radius:6px;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;margin-top:5px}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{padding:12px 16px;color:#333;text-decoration:none;transition:all .3s ease;border-bottom:1px solid #f0f0f0}.nav-dropdown-menu a:last-child{border-bottom:none}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--theme-primary, #1E3A8A);font-size:24px;padding:8px 12px;border-radius:6px;cursor:pointer;margin-right:12px;transition:all .2s ease}.mobile-menu-toggle:hover{background:#0000000d}.mobile-menu-toggle .menu-icon{width:24px;height:24px}.welcome-text{font-size:16px;color:var(--theme-primary, #1E3A8A)}.user-name-text{color:var(--theme-primary, #1E3A8A);font-weight:500}.user-name{font-weight:600;color:#fff}.logout-btn{width:100%;background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));border:none;color:#fff;padding:10px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #1e3a8a33}.logout-btn:hover{background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A));transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a4d}[data-theme=crystal] .avatar-circle svg circle,[data-theme=crystal] .avatar-circle svg path{fill:#fff!important;stroke:#fff!important}@media (max-width: 1024px){.app-header{padding:10px 20px}.app-name{font-size:18px}.welcome-text,.user-name-text{font-size:14px}}@media (max-width: 768px){.app-header{padding:10px 16px}.header-container{gap:10px}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.app-name{font-size:16px;margin-right:0}.header-right{gap:10px}.user-welcome,.welcome-text,.user-name-text{display:none}.page-title{font-size:16px}.user-menu{right:0;min-width:180px}.avatar-circle{width:36px;height:36px}.avatar-circle svg{width:20px;height:20px}}@media (max-width: 480px){.app-header{padding:8px 12px}.app-name{font-size:14px}.user-menu{right:-10px;min-width:160px;padding:12px}.avatar-circle{width:32px;height:32px}}.permit-card{background:#edf5ff;border-radius:12px;padding:25px;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;min-height:200px;cursor:pointer}.permit-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;border-color:#667eea}.permit-icon{margin-bottom:15px;display:flex;align-items:center;justify-content:center}.permit-icon img{width:50px;height:50px;object-fit:contain}.permit-name{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;line-height:1.4}.permit-stats{width:100%;margin-top:10px}.permit-stats hr{border:none;border-top:1px solid #e0e0e0;margin:10px 0}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:14px}.stat-label{color:#666;font-weight:500}.stat-value{font-weight:600}.stat-value.need-approval{color:#000}.stat-value.open{color:#29c8c1}.stat-value.completed{color:#82d20e}.stat-value.cancelled{color:#f43a4f}.loading-stats{color:#999;font-size:14px;margin-top:10px}.dashboard-container{min-height:100vh;background-color:transparent}.dashboard-container .permits-grid .permit-card{background-color:#00c292;color:#fff}.dashboard-container .permits-grid .permit-card:hover{background-color:#00766c;transform:translateY(-5px);box-shadow:0 8px 20px #00000026;border-color:#00c292}.dashboard-container .permits-grid .permit-card .permit-name{color:#fff;font-weight:600}.dashboard-container .permits-grid .permit-card .permit-stats{color:#fff}.dashboard-container .permits-grid .permit-card .stat-label{color:#ffffffe6}.dashboard-container .permits-grid .permit-card .stat-value{color:#fff;font-weight:700}.dashboard-content{max-width:1400px;margin:0 auto;padding:30px 20px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h1{color:var(--theme-text-primary, #333);font-size:32px;margin-bottom:10px;font-weight:600}.dashboard-header p{color:var(--theme-text-secondary, #666);font-size:16px}.permits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:30px}.loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:var(--theme-text-secondary, #666)}.add-forms-section{margin-top:40px;padding:30px;background:var(--theme-card, #EDF5FF);border-radius:12px;box-shadow:0 2px 8px #0000001a}.add-forms-section h3{color:var(--theme-text-primary, #333);margin-bottom:20px;font-size:20px}.add-forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.add-form-btn{background:#f8f9fa;border:2px dashed #00c292;color:#00c292;padding:15px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-align:center}.add-form-btn:hover{background:#00c292;color:#fff;border-color:#00c292}.stats-summary{margin-bottom:30px}.stats-card{background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.stats-card h3{margin:0 0 20px;text-align:center;font-size:24px;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-item{text-align:center;padding:20px;background:#ffffff1a;border-radius:8px}.stat-item .stat-label{font-size:18px;margin-bottom:10px;color:#fff}.stat-item .stat-value{font-size:32px;font-weight:700}.stat-item .stat-value.completed{color:#82d20e}.stat-item .stat-value.open{color:#29c8c1}.stat-item .stat-value.cancelled{color:#f43a4f}.stat-item .stat-value.need-approval{color:#000;background:var(--theme-card, #EDF5FF);padding:5px 10px;border-radius:4px;display:inline-block}@media (max-width: 768px){.permits-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:24px}.add-forms-grid{grid-template-columns:1fr}}.sidebar{width:260px;height:100vh;background:var(--theme-sidebar, linear-gradient(135deg, #D0E5FF, #D6E9FF));position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:1000;border-right:1px solid rgba(0,0,0,.12);padding-top:4px;padding-left:16px;padding-right:16px}.sidebar-logo{padding:0;margin-bottom:4px;display:flex;align-items:center;justify-content:flex-start}.logo-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.logo-text{color:var(--theme-primary, #1E3A8A);font-size:15px;font-weight:700;letter-spacing:.5px}.sidebar-nav{flex:1;padding:0;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;gap:0}.nav-item{display:flex;align-items:center;padding:10px 12px;margin:2px 0;color:#637381;text-decoration:none;transition:all .2s ease;cursor:pointer;border-radius:8px;font-size:13px;font-weight:500;min-height:40px;gap:12px}.nav-item:hover{background-color:transparent;color:#637381}.nav-item.active{background-color:#1e3a8a14;color:var(--theme-primary, #1E3A8A);font-weight:600}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.nav-item span{flex:1;font-size:14px}.nav-dropdown{display:flex;flex-direction:column;padding:0;margin:2px 0;width:100%}.nav-dropdown-header{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-radius:8px;color:#637381;font-size:13px;font-weight:500;min-height:40px;transition:all .2s ease;gap:12px}.nav-dropdown-header:hover{background-color:transparent;color:#637381}.nav-dropdown-header.active{background-color:#1e3a8a14;color:var(--theme-primary, #1E3A8A);font-weight:600}.dropdown-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:auto;color:inherit;flex-shrink:0}.sidebar .nav-dropdown-menu{margin:2px 0 0;display:flex!important;flex-direction:column;gap:2px;width:100%;list-style:none;padding:4px 0;overflow:visible;position:static!important;visibility:visible!important;opacity:1!important;height:auto!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:none!important;background:transparent!important}.sidebar .nav-dropdown-menu li{list-style:none;margin:0;padding:0;width:100%;display:block!important;visibility:visible!important;position:static!important}.nav-sub-item{display:flex;flex-direction:row;align-items:center;padding:10px 12px 10px 48px;color:#637381;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease;border-radius:8px;min-height:40px;gap:12px;width:100%;margin:2px 0;box-sizing:border-box;position:static}.nav-sub-item:hover{background-color:transparent;color:#637381}.nav-sub-item.active{background-color:#1e3a8a14;color:var(--theme-primary, #1E3A8A);font-weight:600}.nav-sub-item .nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;margin-right:0}.nav-sub-item span{display:inline-block;flex:1}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#b0d4e0;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#90c4d0}@media (max-width: 1024px){.sidebar{width:240px}.nav-item,.nav-dropdown-header{padding:8px 10px;font-size:13px}.nav-sub-item{padding:8px 10px 8px 44px;font-size:12px}}@media (max-width: 768px){.sidebar{width:260px;box-shadow:2px 0 10px #0000001a}.sidebar-logo{padding:12px 0}.logo-icon img{width:56px!important;height:56px!important}.nav-item,.nav-dropdown-header{padding:12px;font-size:14px;min-height:44px}.nav-sub-item{padding:12px 12px 12px 48px;font-size:13px;min-height:44px}.nav-icon{width:20px;height:20px}}@media (max-width: 480px){.sidebar{width:100%;max-width:280px}}.app-footer{background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;padding:15px 20px;text-align:center;font-size:14px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto}@media (max-width: 1024px){.app-footer{padding:12px 16px;font-size:13px}}@media (max-width: 768px){.app-footer{padding:10px 12px;font-size:12px}.footer-content{padding:0 8px}}@media (max-width: 480px){.app-footer{padding:8px 10px;font-size:11px}}.app-layout{display:flex;min-height:100vh;background:var(--theme-background, linear-gradient(135deg, #E6F2FF, #F0F7FF));background-attachment:fixed;overflow-x:hidden;width:100%;max-width:100vw}.main-content-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;max-width:calc(100vw - 260px)}.main-content-wrapper.no-sidebar{margin-left:0}.main-content{flex:1;padding:24px;background:transparent;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.sidebar-overlay.active{opacity:1;pointer-events:all}@media (max-width: 1024px){.main-content{padding:20px}}@media (max-width: 768px){.main-content-wrapper{margin-left:0;max-width:100vw}.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{padding:16px}}@media (max-width: 480px){.main-content{padding:12px}}.issuer-dashboard-content{padding:0;width:100%}.dashboard-title{font-size:24px;font-weight:600;margin-bottom:20px;color:#333;padding:0}.permit-overview-table-container{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.permit-overview-table-container:hover{box-shadow:0 8px 24px -4px #1e3a8a26}.permit-overview-table{width:100%;border-collapse:collapse;table-layout:fixed}.permit-overview-table thead{background:var(--theme-table-header, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff}.permit-overview-table thead th{padding:12px 15px;text-align:left;font-weight:600;font-size:14px;border:1px solid rgba(255,255,255,.2);position:relative;width:100px}.permit-overview-table tbody tr{background-color:var(--theme-table-row, #EDF5FF);border-bottom:1px solid rgba(0,0,0,.08);transition:background-color .2s ease}.permit-overview-table tbody tr:hover{background-color:var(--theme-table-row-hover, #e0edff)}.permit-overview-table tbody tr:last-child{border-bottom:none}.permit-overview-table tbody td{padding:12px 15px;font-size:14px;color:#212b36;border-right:none;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=crystal] .permit-overview-table tbody td{color:#e0e0e0!important}[data-theme=crystal] .permit-overview-table tbody td a.count-link{color:#00d4ff!important}[data-theme=crystal] .permit-overview-table tbody td a.count-link:hover{color:#00e5ff!important}[data-theme=crystal] .dashboard-title{color:#e0e0e0!important}.permit-overview-table tbody td:first-child{font-weight:500}.count-link{color:var(--theme-primary, #1E3A8A);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.count-link:hover{color:var(--theme-secondary, #1E293B);text-decoration:underline}.loading{text-align:center;padding:40px;font-size:16px;color:#666}.receiver-dashboard-content{padding:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.dashboard-header h1{color:var(--theme-primary, #1E3A8A);font-size:24px;font-weight:600;margin:0}.add-forms-dropdown{position:relative}.add-forms-btn{padding:10px 20px;background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1e3a8a4d}.add-forms-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e3a8a66;background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A))}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:10px;background:var(--theme-card, #EDF5FF);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:250px;z-index:1000;overflow:hidden}.dropdown-item{display:block;width:100%;padding:12px 20px;text-align:left;background:var(--theme-card, #EDF5FF);border:none;border-bottom:1px solid var(--theme-border, #eee);cursor:pointer;font-size:14px;color:var(--theme-text-primary, #333);transition:background .2s}.dropdown-item:hover{background:var(--theme-card-hover, #f5f5f5)}.dropdown-item:last-child{border-bottom:none}.permits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.permit-card{background:var(--theme-button-success, linear-gradient(135deg, #93C5FD 0%, #60A5FA 50%, #3B82F6 100%));border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 12px #1e3a8a40;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--theme-border, rgba(30, 58, 138, .3));overflow:hidden}.permit-card: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 .5s;z-index:0}.permit-card.enabled{background:var(--theme-button-success, linear-gradient(135deg, #93C5FD 0%, #60A5FA 50%, #3B82F6 100%));border:1px solid var(--theme-border, rgba(30, 58, 138, .4))}.permit-card.enabled:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--theme-shadow-3d-hover, 0 12px 32px rgba(30, 58, 138, .4));border-color:var(--theme-primary, rgba(30, 58, 138, .6));background:var(--theme-button-success-hover, linear-gradient(135deg, #60A5FA 0%, #3B82F6 50%, #2563EB 100%))}.permit-card.enabled:hover:before{left:100%}.permit-card.disabled{background:#f5f5f5;border:1px solid rgba(0,0,0,.08);opacity:.6;cursor:not-allowed}.permit-card.disabled:before{display:none}.permit-card.disabled:hover{transform:none;box-shadow:0 2px 8px #00000014;background:#f5f5f5}.permit-icon{width:50px;height:50px;object-fit:contain;margin-bottom:15px;position:relative;z-index:1;filter:brightness(1.1);transition:transform .3s ease}.permit-card.enabled:hover .permit-icon{transform:scale(1.1) rotate(5deg)}.permit-card h3{font-size:16px;color:var(--theme-text-primary, #190953);margin:0;font-weight:600;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:color .3s ease}.permit-card.enabled:hover h3{color:var(--theme-text-primary, #190953);text-shadow:0 2px 8px rgba(0,0,0,.3)}.permit-card.disabled h3{color:#999}.not-available{margin-top:10px;padding:5px 10px;background:#ddd;color:#666;border-radius:4px;font-size:12px;font-weight:500}.loading{text-align:center;padding:50px;font-size:18px;color:#555}.dashboard-links-section{margin-bottom:40px}.section-title{font-size:24px;font-weight:600;color:var(--theme-primary, #1E3A8A);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--theme-primary, #1E3A8A)}.dashboard-header h1{color:var(--theme-text-primary, #333);font-size:28px;font-weight:600;margin:0 0 20px}.dashboard-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.dashboard-link-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 20px;text-align:center;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;min-height:120px}.dashboard-link-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000040;opacity:.95}.dashboard-link-card:active{transform:translateY(-2px)}.link-content{width:100%}.link-name{font-size:16px;font-weight:600;line-height:1.4;word-wrap:break-word}.dashboard-link-card.guest-card{position:relative;padding:30px 20px;min-height:150px;overflow:hidden}.dashboard-link-card.guest-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;opacity:0;transition:opacity .3s ease;z-index:1}.dashboard-link-card.guest-card:hover:before{opacity:1}.dashboard-link-card.guest-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 24px #00000040}.dashboard-link-card.guest-card .link-icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease,opacity .3s ease;z-index:2;position:relative}.dashboard-link-card.guest-card:hover .link-icon-wrapper{transform:scale(.8) translateY(-10px);opacity:.7}.dashboard-link-card.guest-card .link-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:15px 10px;background:#000000bf;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dashboard-link-card.guest-card:hover .link-name-overlay{transform:translateY(0)}.dashboard-link-card.guest-card .link-name-text{font-size:14px;font-weight:600;color:#fff;display:block;line-height:1.4;text-align:center}.permits-section{margin-top:40px}@media (max-width: 768px){.dashboard-links-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.dashboard-link-card{padding:20px 15px;min-height:100px}.dashboard-link-card.guest-card{min-height:130px;padding:25px 15px}.dashboard-link-card.guest-card .link-icon-wrapper svg{width:40px;height:40px}.link-name{font-size:14px}.dashboard-link-card.guest-card .link-name-text{font-size:12px}.section-title{font-size:20px}}@media (max-width: 480px){.dashboard-links-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.dashboard-link-card.guest-card{min-height:120px;padding:20px 10px}.dashboard-link-card.guest-card .link-icon-wrapper svg{width:36px;height:36px}.dashboard-link-card.guest-card .link-name-text{font-size:11px;padding:10px 8px}}.admin-videos-container{padding:30px;min-height:calc(100vh - 200px)}.loading-message{text-align:center;padding:40px;font-size:18px;color:var(--theme-text-secondary, #666)}.videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.videos-header h2{font-size:28px;font-weight:600;color:var(--theme-primary, #1E3A8A);margin:0}.btn-add-video{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));box-shadow:0 4px 12px #1e3a8a4d}.btn-add-video:hover{background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A));box-shadow:0 8px 20px #1e3a8a66;transform:translateY(-2px)}.btn-add-video:active{transform:translateY(0)}.delete-message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:slideDown .3s ease-out}.delete-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.delete-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.videos-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.entries-control{display:flex;align-items:center;gap:8px}.entries-control label{font-size:14px;color:var(--theme-text-secondary, #666)}.entries-select{padding:6px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;color:var(--theme-text-primary, #333);cursor:pointer;transition:all .3s ease}.entries-select:focus{outline:none;border-color:var(--theme-input-focus, #1E3A8A);box-shadow:0 0 0 3px #1e3a8a1a}.search-control{flex:1;max-width:300px}.search-input{width:100%;padding:10px 40px 10px 15px;border:2px solid #ddd;border-radius:8px;font-size:14px;background-color:#fff;color:var(--theme-text-primary, #333);transition:all .3s ease}.search-input::placeholder{color:#999}.videos-table-container{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000001a;overflow-x:auto}.videos-table{width:100%;border-collapse:collapse;background:transparent}.videos-table thead{background:var(--theme-table-header, linear-gradient(135deg, #1E3A8A, #1E293B))}.videos-table th{padding:15px;text-align:left;font-weight:600;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.videos-table tbody tr{background-color:var(--theme-table-row, #EDF5FF);border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s ease}.videos-table tbody tr:hover{background-color:var(--theme-table-row-hover, #e0edff)}.videos-table td{padding:15px;color:var(--theme-text-primary, #333);font-size:14px}.video-title-link{color:var(--theme-primary, #1E3A8A);text-decoration:none;font-weight:500;transition:color .2s ease}.video-title-link:hover{color:var(--theme-secondary, #1E293B);text-decoration:underline}.video-thumbnail-link{display:inline-block;text-decoration:none}.video-thumbnail{width:100px;height:60px;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.video-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.play-icon{color:#fff;font-size:24px;z-index:1}.btn-delete{background:transparent;border:none;color:#e74c3c;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-delete:hover:not(:disabled){background-color:#e74c3c1a;transform:scale(1.1)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.no-data{text-align:center;padding:40px;color:var(--theme-text-secondary, #666);font-size:16px}.videos-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.pagination-controls{display:flex;gap:8px}.pagination-btn{min-width:40px;height:40px;padding:0 12px;border:2px solid #ddd;border-radius:8px;background-color:#fff;color:var(--theme-text-primary, #333);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){border-color:var(--theme-primary, #1E3A8A);color:var(--theme-primary, #1E3A8A);background-color:#1e3a8a0d}.pagination-btn.active{background:var(--theme-pagination-active, #1E3A8A);border-color:var(--theme-pagination-active, #1E3A8A);color:#fff}.pagination-btn.active:hover{background:var(--theme-secondary, #1E293B);border-color:var(--theme-secondary, #1E293B)}@media (max-width: 768px){.admin-videos-container{padding:20px}.videos-header{flex-direction:column;align-items:flex-start;gap:15px}.videos-controls{flex-direction:column;align-items:stretch}.search-control{max-width:100%}.videos-pagination{flex-direction:column;gap:15px;align-items:center}.videos-table{font-size:12px}.videos-table th,.videos-table td{padding:10px 8px}.video-thumbnail{width:80px;height:48px}}.epermit-dashboard-container{padding:20px;max-width:100%;margin:0 auto;height:calc(100vh - 100px);overflow-y:auto}.epermit-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--theme-border, #e0e0e0)}.epermit-dashboard-header h1{margin:0;color:var(--theme-text, #333);font-size:28px;font-weight:600}.year-filter-section{display:flex;align-items:center;gap:10px}.year-filter-section label{font-weight:500;color:var(--theme-text, #333);font-size:14px}.year-select{padding:8px 15px;border:1px solid var(--theme-border, #ddd);border-radius:6px;background:var(--theme-card, white);font-size:14px;cursor:pointer;color:var(--theme-text, #333)}.epermit-dashboard-content-wrapper{display:flex;flex-direction:column;gap:20px;height:calc(100% - 80px)}.epermit-status-section{width:100%}.epermit-status-section-title{text-align:center;font-size:16px;font-weight:700;margin-bottom:15px;color:var(--theme-text, #333)}.epermit-status-cards-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.epermit-status-card{padding:20px;text-align:center;border-radius:8px;font-weight:700;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.epermit-status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.epermit-status-card-value{font-size:24px;font-weight:700;margin-bottom:5px}.epermit-status-card-label{font-size:12px;font-weight:600;text-transform:uppercase}.epermit-status-card-green{background-color:#28a745}.epermit-status-card-blue{background-color:#007bff}.epermit-status-card-red{background-color:#dc3545}.epermit-status-card-orange{background-color:#ffc107}.epermit-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;box-sizing:border-box}.epermit-chart-section{background:var(--theme-card, #EDF5FF);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;width:100%;box-sizing:border-box}.epermit-chart-section h3{margin:0 0 20px;color:var(--theme-text, #333);font-size:18px;font-weight:600;text-align:center}.epermit-pie-chart-section{display:flex;flex-direction:column}.epermit-chart-container{display:flex;align-items:center;justify-content:center;gap:20px;flex:1}.epermit-pie-chart-wrapper{flex:1;max-width:250px;height:250px}.epermit-bar-chart-section{display:flex;flex-direction:column}.epermit-bar-chart-wrapper{width:100%;height:300px;flex:1}.epermit-location-chart-section{width:100%}.epermit-location-chart-section .epermit-bar-chart-wrapper{height:350px}.epermit-chart-legend{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:20px}.epermit-chart-legend h4{margin:0 0 15px;font-size:14px;font-weight:700;color:var(--theme-text, #333)}.epermit-legend-item{display:flex;align-items:center;margin-bottom:10px;font-size:12px;color:var(--theme-text, #333)}.epermit-legend-color{width:15px;height:15px;margin-right:10px;border-radius:50%}.epermit-legend-color-cold{background-color:#228b22}.epermit-legend-color-hot{background-color:#b22222}@media (max-width: 1024px){.epermit-charts-row{grid-template-columns:1fr}.epermit-status-cards-horizontal{grid-template-columns:repeat(2,1fr)}.epermit-chart-container{flex-direction:column}.epermit-pie-chart-wrapper{max-width:100%}.epermit-chart-legend{padding-left:0;padding-top:20px}}@media (max-width: 768px){.epermit-dashboard-container{padding:15px;height:calc(100vh - 80px)}.epermit-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.epermit-status-cards-horizontal{grid-template-columns:1fr}.epermit-status-card{min-height:100px}.epermit-status-card-value{font-size:20px}.epermit-bar-chart-wrapper{height:250px}.epermit-location-chart-section .epermit-bar-chart-wrapper{height:300px}.epermit-pie-chart-wrapper{height:200px}}.dashboard-image-view-container{padding:20px;max-width:100%;margin:0 auto}.dashboard-image-view-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.dashboard-image-view-title{margin:0;color:var(--theme-text, #333);font-size:28px;font-weight:600}.btn-back-to-dashboard{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--theme-primary, #4A90E2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease}.btn-back-to-dashboard:hover{background:var(--theme-primary-hover, #357ABD)}.dashboard-image-view-content{width:100%;min-height:calc(100vh - 200px);height:calc(100vh - 200px);max-height:calc(100vh - 200px);background-color:var(--theme-card, #EDF5FF);border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;background-size:contain;background-position:center;background-repeat:no-repeat}.dashboard-image-view-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--theme-text-secondary, #666);font-size:16px}.dashboard-image-view-loading,.dashboard-image-view-error{text-align:center;padding:40px;color:var(--theme-text, #333)}.dashboard-image-view-error{color:#d32f2f}.dashboard-image-view-error .btn-back-to-dashboard{margin-top:20px}@media (max-width: 768px){.dashboard-image-view-container{padding:15px}.dashboard-image-view-header{flex-direction:column;align-items:flex-start}.dashboard-image-view-title{font-size:22px}.dashboard-image-view-content{min-height:calc(100vh - 250px);height:calc(100vh - 250px);max-height:calc(100vh - 250px)}}.etraining-dashboard-container{padding:20px;max-width:100%;margin:0 auto;height:calc(100vh - 100px);overflow-y:auto}.etraining-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--theme-border, #e0e0e0)}.etraining-dashboard-header h1{margin:0;color:var(--theme-text, #333);font-size:28px;font-weight:600}.etraining-year-filter-section{display:flex;align-items:center;gap:10px}.etraining-year-filter-section label{font-weight:500;color:var(--theme-text, #333);font-size:14px}.etraining-year-select{padding:8px 15px;border:1px solid var(--theme-border, #ddd);border-radius:6px;background:var(--theme-card, white);font-size:14px;cursor:pointer;color:var(--theme-text, #333)}.etraining-dashboard-content-wrapper{display:flex;flex-direction:column;gap:20px;height:calc(100% - 80px)}.etraining-summary-container{display:flex;justify-content:space-between;gap:20px}.etraining-summary-box{flex:1;background-color:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 5px #0000001a}.etraining-summary-box h2{margin:0;font-size:24px;color:#fff;font-weight:600}.etraining-summary-box p{margin:10px 0 0;font-size:14px;color:#fff;font-weight:500}.etraining-summary-box-blue{background-color:#007bff}.etraining-summary-box-gray{background-color:#6c757d}.etraining-summary-box-green{background-color:#28a745}.etraining-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;box-sizing:border-box}.etraining-chart-section{background:var(--theme-card, white);padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;box-sizing:border-box}.etraining-chart-section h3{margin:0 0 20px;color:var(--theme-text, #333);font-size:18px;font-weight:600;text-align:center}.etraining-bar-chart-section-full{width:100%}.etraining-bar-chart-wrapper{width:100%;height:400px}.etraining-doughnut-chart-section{display:flex;flex-direction:column}.etraining-doughnut-chart-container{display:flex;justify-content:center;align-items:center;height:300px}.etraining-placeholder-section{display:flex;flex-direction:column}.etraining-placeholder-content{display:flex;justify-content:center;align-items:center;height:300px;color:var(--theme-text, #999)}.etraining-company-buttons-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.etraining-company-button{display:inline-block;padding:10px 20px;background-color:#000435;border:2px solid #000435;text-align:center;font-size:16px;color:#fff;text-decoration:none;box-shadow:0 2px 5px #0000001a;cursor:pointer;border-radius:4px;transition:all .3s ease}.etraining-company-button:hover{background-color:#001a6b;border-color:#001a6b;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.etraining-company-button.active{background-color:#4a90e2;border-color:#4a90e2}.loading-message,.error-message{text-align:center;padding:40px;font-size:16px;color:var(--theme-text, #333)}.error-message{color:#d32f2f}@media (max-width: 1024px){.etraining-charts-row{grid-template-columns:1fr}.etraining-summary-container{flex-direction:column}.etraining-doughnut-chart-container{height:250px}}@media (max-width: 768px){.etraining-dashboard-container{padding:15px}.etraining-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.etraining-summary-box h2{font-size:20px}.etraining-summary-box p{font-size:12px}.etraining-bar-chart-wrapper{height:300px}.etraining-company-button{padding:8px 15px;font-size:14px}}.safety-observation-dashboard-container{padding:20px;max-width:100%;margin:0 auto;height:calc(100vh - 100px);overflow-y:auto}.safety-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--theme-border, #e0e0e0)}.safety-dashboard-header h1{margin:0;color:var(--theme-text, #333);font-size:28px;font-weight:600}.safety-year-filter-section{display:flex;align-items:center;gap:10px}.safety-year-filter-section label{font-weight:500;color:var(--theme-text, #333);font-size:14px}.safety-year-select{padding:8px 15px;border:1px solid var(--theme-border, #ddd);border-radius:6px;background:var(--theme-card, white);font-size:14px;cursor:pointer;color:var(--theme-text, #333)}.safety-dashboard-content-wrapper{display:flex;flex-direction:column;gap:20px;height:calc(100% - 80px)}.safety-status-section{width:100%}.safety-status-cards-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.safety-stats-box{padding:20px;text-align:center;border-radius:8px;font-weight:700;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.safety-stats-count{display:block;font-size:24px;font-weight:700;margin-bottom:5px}.safety-stats-label{display:block;font-size:14px;font-weight:600}.safety-stats-box-green{background-color:#2e8b57;color:#fff}.safety-stats-box-yellow{background-color:red;color:#fff}.safety-stats-box-orange{background-color:#e5734d;color:#000}.safety-stats-box-navy{background-color:#0b113b;color:#fff}.safety-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;box-sizing:border-box}.safety-chart-section{background:var(--theme-card, white);padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;box-sizing:border-box}.safety-chart-section h3{margin:0 0 20px;color:var(--theme-text, #333);font-size:18px;font-weight:600;text-align:center}.safety-chart-wrapper{width:100%;height:300px}.safety-contribution-chart-section{width:100%}.safety-contribution-chart-wrapper{height:500px}.safety-company-buttons-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.safety-company-button{display:inline-block;padding:10px 20px;background-color:#000435;border:2px solid #000435;border-radius:5px;text-align:center;font-size:16px;color:#fff;text-decoration:none;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .3s ease}.safety-company-button:hover{background-color:#001a6b;border-color:#001a6b;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.safety-company-button.active{background-color:#4a90e2;border-color:#4a90e2}.safety-loading-message,.safety-error-message{text-align:center;padding:40px;font-size:16px;color:var(--theme-text, #333)}.safety-error-message{color:#d32f2f}@media (max-width: 1024px){.safety-charts-row{grid-template-columns:1fr}.safety-status-cards-horizontal{grid-template-columns:repeat(2,1fr)}.safety-chart-wrapper{height:250px}.safety-contribution-chart-wrapper{height:400px}}@media (max-width: 768px){.safety-observation-dashboard-container{padding:15px}.safety-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.safety-status-cards-horizontal{grid-template-columns:1fr}.safety-stats-count{font-size:20px}.safety-stats-label{font-size:12px}.safety-chart-wrapper{height:200px}.safety-contribution-chart-wrapper{height:300px}.safety-company-button{padding:8px 15px;font-size:14px}}.handtools-dashboard-container{padding:20px;max-width:100%;margin:0 auto;height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.handtools-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--theme-border, #e0e0e0)}.handtools-dashboard-header h1{margin:0;color:var(--theme-text, #333);font-size:28px;font-weight:600}.handtools-dashboard-content-wrapper{display:flex;flex-direction:column;gap:20px;height:calc(100% - 80px);overflow-y:auto;overflow-x:hidden}.handtools-company-filter-section{width:100%}.handtools-company-filter-buttons{display:flex;flex-wrap:wrap;gap:10px;padding:15px;background-color:var(--theme-card, #f4f4f4);border-radius:8px;box-shadow:0 2px 5px #0000001a}.handtools-company-filter-button{padding:8px 16px;background-color:var(--theme-card, white);border:1px solid var(--theme-border, #ccc);cursor:pointer;text-align:center;border-radius:4px;font-size:13px;color:var(--theme-text, #333);transition:all .3s ease;white-space:nowrap}.handtools-company-filter-button:hover{background-color:var(--theme-card-hover, #e0e0e0);border-color:var(--theme-primary, #4A90E2)}.handtools-company-filter-button.active{background-color:var(--theme-primary, #4A90E2);color:#fff;border-color:var(--theme-primary, #4A90E2)}.handtools-power-tools-section{width:100%}.handtools-power-tools-section h3{margin:0 0 15px;color:var(--theme-text, #333);font-size:18px;font-weight:600}.handtools-power-tools-chart-wrapper{width:100%;height:400px;min-height:350px;max-height:450px;background:var(--theme-card, white);padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow-y:auto}.handtools-other-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:15px;width:100%}.handtools-chart-container{background:var(--theme-card, white);padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;min-height:0;overflow:hidden}.handtools-chart-container h3{margin:0 0 10px;color:var(--theme-text, #333);font-size:14px;font-weight:600}.handtools-chart-wrapper{width:100%;height:200px;min-height:0;flex:1}.handtools-loading-message,.handtools-error-message{text-align:center;padding:40px;font-size:16px;color:var(--theme-text, #333)}.handtools-error-message{color:#d32f2f}@media (max-width: 992px){.handtools-other-charts-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.handtools-power-tools-chart-wrapper{height:350px;min-height:300px;max-height:400px}.handtools-chart-wrapper{height:180px}}@media (max-width: 768px){.handtools-dashboard-container{padding:15px}.handtools-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.handtools-dashboard-header h1{font-size:22px}.handtools-company-filter-buttons{padding:10px;gap:8px}.handtools-company-filter-button{padding:6px 12px;font-size:12px}.handtools-power-tools-chart-wrapper{height:300px;min-height:250px;max-height:350px}.handtools-other-charts-grid{grid-template-columns:1fr;grid-template-rows:auto}.handtools-chart-wrapper{height:200px}}.rigging-dashboard-container{padding:20px;max-width:100%;margin:0 auto;height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.rigging-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--theme-border, #e0e0e0)}.rigging-dashboard-header h1{margin:0;color:var(--theme-text, #333);font-size:28px;font-weight:600}.rigging-dashboard-content-wrapper{display:flex;flex-direction:column;gap:20px;height:calc(100% - 80px)}.rigging-charts-row{display:grid;grid-template-columns:4fr 1fr;gap:20px;width:100%;box-sizing:border-box}.rigging-chart-container{background:var(--theme-card, white);padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;box-sizing:border-box}.rigging-chart-container h3{margin:0 0 20px;color:var(--theme-text, #333);font-size:18px;font-weight:600;text-align:center}.rigging-bar-chart-container{display:flex;flex-direction:column}.rigging-bar-chart-wrapper{width:100%;height:450px;margin-bottom:20px}.rigging-pie-chart-container-wrapper{display:flex;flex-direction:column;text-align:left}.rigging-pie-chart-container{display:flex;justify-content:center;align-items:center;height:450px}.rigging-company-buttons-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;justify-content:center}.rigging-company-button{display:inline-block;padding:10px 20px;background-color:#000435;border:2px solid #000435;border-radius:5px;text-align:center;font-size:16px;color:#fff;text-decoration:none;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .3s ease}.rigging-company-button:hover{background-color:#001a6b;border-color:#001a6b;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.rigging-company-button.active{background-color:#4a90e2;border-color:#4a90e2}.rigging-loading-message,.rigging-error-message{text-align:center;padding:40px;font-size:16px;color:var(--theme-text, #333)}.rigging-error-message{color:#d32f2f}@media (max-width: 1024px){.rigging-charts-row{grid-template-columns:1fr}.rigging-bar-chart-wrapper{height:400px}.rigging-pie-chart-container{height:350px}}@media (max-width: 768px){.rigging-dashboard-container{padding:15px}.rigging-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.rigging-dashboard-header h1{font-size:22px}.rigging-bar-chart-wrapper,.rigging-pie-chart-container{height:300px}.rigging-company-button{padding:8px 15px;font-size:14px}}.plantequipment-dashboard-container{padding:20px;max-width:100%;margin:0 auto;height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.plantequipment-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--theme-border, #e0e0e0)}.plantequipment-dashboard-header h1{margin:0;color:var(--theme-text, #333);font-size:28px;font-weight:600}.plantequipment-filters-section{display:flex;gap:10px;align-items:center}.plantequipment-filter-select{padding:8px 15px;border:1px solid var(--theme-border, #ddd);border-radius:6px;background:var(--theme-card, white);font-size:14px;cursor:pointer;color:var(--theme-text, #333);min-width:150px}.plantequipment-filter-select:focus{outline:none;border-color:var(--theme-primary, #4A90E2)}.plantequipment-dashboard-content-wrapper{display:flex;flex-direction:column;gap:20px;height:calc(100% - 80px)}.plantequipment-charts-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;width:100%;box-sizing:border-box;height:calc(100vh - 250px);min-height:500px;max-height:calc(100vh - 250px)}.plantequipment-chart-container{background:var(--theme-card, white);padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;overflow:hidden;max-width:100%}.plantequipment-chart-container h3{margin:0 0 10px;color:var(--theme-text, #333);font-size:16px;font-weight:600;text-align:center;flex-shrink:0}.plantequipment-chart-wrapper{width:100%;height:100%;min-height:200px;max-height:100%;flex:1;min-height:0;overflow:hidden;position:relative;max-width:100%}.plantequipment-pie-chart-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;max-height:100%;flex:1;min-height:0;overflow:hidden;position:relative;max-width:100%}.plantequipment-loading-message,.plantequipment-error-message{text-align:center;padding:40px;font-size:16px;color:var(--theme-text, #333)}.plantequipment-error-message{color:#d32f2f}@media (max-width: 1024px){.plantequipment-charts-grid{grid-template-columns:1fr;grid-template-rows:auto}.plantequipment-chart-wrapper,.plantequipment-pie-chart-container{min-height:250px}}@media (max-width: 768px){.plantequipment-dashboard-container{padding:15px}.plantequipment-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.plantequipment-dashboard-header h1{font-size:22px}.plantequipment-filters-section{flex-direction:column;width:100%}.plantequipment-filter-select{width:100%;min-width:auto}.plantequipment-chart-wrapper,.plantequipment-pie-chart-container{min-height:200px}}.scaffolding-dashboard-container{padding:20px;max-width:100%;margin:0 auto;height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.scaffolding-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--theme-border, #e0e0e0)}.scaffolding-dashboard-header h1{margin:0;color:var(--theme-text, #333);font-size:28px;font-weight:600}.scaffolding-filters-section{display:flex;gap:10px;align-items:center}.scaffolding-filter-select{padding:8px 15px;border:1px solid var(--theme-border, #ddd);border-radius:6px;background:var(--theme-card, white);font-size:14px;cursor:pointer;color:var(--theme-text, #333);min-width:150px}.scaffolding-filter-select:focus{outline:none;border-color:var(--theme-primary, #4A90E2)}.scaffolding-dashboard-content-wrapper{display:flex;flex-direction:column;gap:20px;height:calc(100% - 80px)}.scaffolding-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;box-sizing:border-box;height:calc(100vh - 250px);min-height:500px;max-height:calc(100vh - 250px)}.scaffolding-chart-container{background:var(--theme-card, white);padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;overflow:hidden;max-width:100%}.scaffolding-chart-container h3{margin:0 0 20px;color:var(--theme-text, #333);font-size:18px;font-weight:600;text-align:center;flex-shrink:0}.scaffolding-bar-chart-container{display:flex;flex-direction:column}.scaffolding-bar-chart-wrapper{width:100%;height:100%;min-height:400px;max-height:100%;flex:1;min-height:0;overflow:hidden;position:relative;max-width:100%}.scaffolding-pie-chart-container-wrapper{display:flex;flex-direction:column}.scaffolding-pie-chart-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;max-height:100%;flex:1;min-height:0;overflow:hidden;position:relative;max-width:100%}.scaffolding-loading-message,.scaffolding-error-message{text-align:center;padding:40px;font-size:16px;color:var(--theme-text, #333)}.scaffolding-error-message{color:#d32f2f}@media (max-width: 1024px){.scaffolding-charts-row{grid-template-columns:1fr}.scaffolding-bar-chart-wrapper,.scaffolding-pie-chart-container{min-height:350px}}@media (max-width: 768px){.scaffolding-dashboard-container{padding:15px}.scaffolding-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.scaffolding-dashboard-header h1{font-size:22px}.scaffolding-filters-section{flex-direction:column;width:100%}.scaffolding-filter-select{width:100%;min-width:auto}.scaffolding-bar-chart-wrapper,.scaffolding-pie-chart-container{min-height:300px}}.admin-dashboard-content{padding:0}.summary-stats-bar{margin-bottom:30px;background:var(--theme-button-primary, linear-gradient(135deg, #1E293B, #1E3A8A));border-radius:12px;padding:24px 20px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 4px 12px #1e3a8a33}.summary-stat-item{text-align:center;flex:1}.summary-stat-item .value{font-size:36px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.2}.summary-stat-item .label{font-size:14px;color:#fff;opacity:.9;font-weight:500}.summary-stat-item .label.completed-label{color:#fff;opacity:1}.permit-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px}.permit-card-admin{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;display:flex;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.08)}.permit-card-admin:hover{transform:translateY(-4px);box-shadow:0 8px 24px -4px #1e3a8a26;border-color:#1e3a8a33}.permit-card-content{flex:1}.permit-card-content a{text-decoration:none;color:inherit}.permit-card-content h2{margin:0 0 5px;font-size:28px;font-weight:700;color:#333}.permit-card-content p{margin:0 0 15px;font-size:14px;font-weight:500;color:#666}.permit-card-content hr{border:none;border-top:1px solid #e0e0e0;margin:15px 0}.permit-stats{display:flex;flex-direction:column;gap:6px}.permit-stat-row{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:13px;font-weight:500}.permit-stat-label{text-align:left}.permit-stat-value{text-align:right;font-weight:600}.permit-card-icon{position:absolute;top:20px;right:20px;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.permit-card-icon img{max-width:50px;max-height:50px;object-fit:contain}@media (max-width: 768px){.summary-stats-bar{flex-direction:column;gap:20px;padding:20px}.summary-stat-item{width:100%}.permit-cards-grid{grid-template-columns:1fr}.summary-stat-item .value{font-size:28px}}.admin-permit-locations-content{padding:0}.admin-data-actions{display:flex;gap:12px;margin-bottom:20px;padding:0}.btn-clear-data,.btn-download-data{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.btn-clear-data{background:linear-gradient(135deg,#f43a4f,#e63946);color:#fff}.btn-clear-data:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f43a4f66;background:linear-gradient(135deg,#e63946,#f43a4f)}.btn-download-data{background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff}.btn-download-data:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a8a66;background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A))}.locations-table-container{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.locations-table-container:hover{box-shadow:0 8px 24px -4px #1e3a8a26}.locations-table{width:100%;border-collapse:collapse}.locations-table thead{background:var(--theme-table-header, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff}.locations-table thead th{border:1px solid rgba(255,255,255,.2);position:relative;padding:15px;text-align:left;font-weight:600;font-size:14px}.locations-table thead th:after{content:"▲";position:absolute;right:10px;font-size:10px;opacity:.7}.locations-table td{padding:15px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;font-size:14px;background-color:var(--theme-table-row, #EDF5FF)}[data-theme=crystal] .location-cell{color:#fff!important;font-weight:500}.locations-table tbody tr{background-color:var(--theme-table-row, #EDF5FF)}.locations-table tbody tr:hover{background-color:var(--theme-table-row-hover, #e0edff)}.status-cell{text-align:center}.status-link{text-decoration:none;font-weight:600;transition:color .3s ease}.status-link:hover{text-decoration:underline}@media (max-width: 1024px){.page-header h1{font-size:22px}.admin-data-actions{flex-wrap:wrap;gap:10px}.locations-table thead th,.locations-table td{padding:12px;font-size:13px}}@media (max-width: 768px){.page-header{margin-bottom:16px}.page-header h1{font-size:20px}.admin-data-actions{flex-direction:column;gap:8px}.btn-clear-data,.btn-download-data{width:100%;justify-content:center;padding:12px 16px;font-size:14px}.locations-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.locations-table{min-width:600px}.locations-table thead th{padding:10px 8px;font-size:12px}.locations-table thead th:after{display:none}.locations-table td{padding:10px 8px;font-size:12px}.no-data{padding:30px 20px;font-size:14px}.loading{height:300px;font-size:16px}}@media (max-width: 480px){.page-header h1{font-size:18px}.locations-table{min-width:500px}.locations-table thead th,.locations-table td{padding:8px 6px;font-size:11px}}.admin-create-user-content{padding:0}.btn-back{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.message{padding:15px;border-radius:6px;margin-bottom:20px;font-weight:500}.create-user-form{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);padding:30px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid var(--theme-border, rgba(0, 0, 0, .08))}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:8px;color:var(--theme-text-primary, #333);font-weight:500;font-size:14px}.form-control{padding:12px;border:1px solid var(--theme-border, #ddd);border-radius:6px;font-size:14px;background-color:var(--theme-card, #fff);color:var(--theme-text-primary, #333);transition:all .3s ease}.checkbox-container{display:flex;align-items:center;gap:8px}.form-checkbox{width:18px;height:18px;cursor:pointer}.btn-submit{background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1e3a8a4d}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:15px;align-items:flex-start}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}.profile-picture-upload{margin-top:8px}.file-input{display:none}.file-label{display:block;cursor:pointer;border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease;background-color:#f9f9f9}.file-label:hover{border-color:var(--theme-primary, #1E3A8A);background-color:#f0f0f0}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#666}.upload-placeholder span:first-child{font-size:48px}.upload-placeholder span:nth-child(2){font-size:16px;font-weight:500}.upload-placeholder small{font-size:12px;color:#999}.preview-container{position:relative;display:inline-block}.preview-image{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a}.change-text{margin-top:10px;color:var(--theme-primary, #1E3A8A);font-size:14px;font-weight:500}.change-text:hover{text-decoration:underline}.admin-view-users-content{padding:0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.btn-create:before{content:"+";font-size:18px;font-weight:600;margin-right:4px}.users-table-container{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.users-table-container:hover{box-shadow:0 8px 24px -4px #1e3a8a26}.users-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:max-content}.users-table thead{background:var(--theme-table-header, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff}.users-table thead th{border:1px solid rgba(255,255,255,.2);position:relative;padding:15px;text-align:left;font-weight:600;font-size:14px}.users-table thead th:after{content:""}.users-table td{padding:12px 15px;border-bottom:1px solid var(--theme-border, rgba(0, 0, 0, .08));border-right:none;font-size:14px;color:var(--theme-text-primary, #212B36);background-color:var(--theme-table-row, #EDF5FF)}.users-table tbody tr{background-color:var(--theme-table-row, #EDF5FF)}.users-table tbody tr:hover{background-color:var(--theme-table-row-hover, #e0edff)}.status-badge.active{background-color:#82d20e;color:#fff}.action-cell{text-align:center;width:60px}.manage-table th:last-child{width:60px}@media (max-width: 768px){.page-header{flex-direction:column;gap:15px;align-items:flex-start}.users-table-container{overflow-x:scroll}}.admin-manage-table-content{padding:0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.btn-create:before,.btn-create:after{content:none;display:none}.table-controls-left label{font-size:14px;color:var(--theme-text-secondary, #666)}.table-controls-left select{padding:6px 10px;border:2px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;color:var(--theme-text-primary, #333);cursor:pointer;transition:all .3s ease}.table-controls-left select:focus{outline:none;border-color:var(--theme-input-focus, #1E3A8A);box-shadow:0 0 0 3px #1e3a8a1a}.table-controls-left select:hover{border-color:var(--theme-primary, #1E3A8A)}.search-icon{position:absolute;right:12px;color:#999;width:20px;height:20px;pointer-events:none;z-index:1}.manage-table-container{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.manage-table-container:hover{box-shadow:0 8px 24px -4px #1e3a8a26}.manage-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:max-content}.manage-table thead{background:var(--theme-table-header, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff}.manage-table th{padding:12px 15px;text-align:left;font-weight:600;font-size:14px;border:none;position:relative;cursor:default}.manage-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.manage-table th.sortable:hover{background-color:#ffffff1a}.sort-arrow{position:absolute;right:10px;font-size:12px;opacity:.8}.sort-arrow.asc{transform:rotate(0)}.sort-arrow.desc{transform:rotate(180deg)}.manage-table td{padding:12px 15px;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;font-size:14px;color:var(--theme-text-primary, #333)}.manage-table th:last-child,.manage-table td.action-cell{text-align:center;width:60px}.manage-table tbody tr,.manage-table td{background-color:var(--theme-table-row, #EDF5FF)}.manage-table tbody tr:hover{background-color:var(--theme-table-row-hover, #e0edff)}.manage-table tbody tr.table-row-clickable{cursor:pointer;transition:all .2s ease}.manage-table tbody tr.table-row-clickable:hover{background-color:var(--theme-table-row-hover, #e0edff);transform:translate(2px);box-shadow:0 2px 8px #1e3a8a1a}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:transparent;color:#22c55e;font-weight:500;padding:0}.status-badge.inactive{background-color:#f43a4f;color:#fff}.btn-edit{background-color:transparent;color:var(--theme-primary, #1E3A8A);border:none;padding:8px;border-radius:4px;cursor:pointer;font-size:18px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-edit:hover{background-color:#1e3a8a14;color:var(--theme-primary, #1E3A8A)}.no-data{text-align:center;padding:40px;color:#999;font-size:16px}.pagination-info{font-size:14px;color:var(--theme-text-secondary, #666)}.pagination-btn{padding:0;border:2px solid #ddd;background:#fff;color:var(--theme-text-primary, #333);cursor:pointer;border-radius:8px;font-size:14px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;min-width:36px}@media (max-width: 768px){.page-header{flex-direction:column;gap:15px;align-items:flex-start}.table-controls{flex-direction:column;gap:15px;align-items:stretch}.search-input{width:100%}.manage-table-container{overflow-x:scroll}.table-pagination{flex-direction:column;gap:15px;align-items:center}}.admin-create-manage-item-content{padding:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.page-header h1{margin:0;color:var(--theme-primary, #1E3A8A);font-size:24px;font-weight:600}.btn-back{background-color:#637381;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-back:hover{background-color:#454f5b}.message{padding:12px;margin-bottom:20px;border-radius:8px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.create-manage-item-form{display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);padding:30px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.08)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--theme-text-primary, #333);font-size:14px}.form-control{padding:10px;border:2px solid #ddd;border-radius:8px;font-size:14px;background-color:#fff;color:var(--theme-text-primary, #333);transition:all .2s ease}.form-control:hover{border-color:var(--theme-primary, #1E3A8A)}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--theme-primary, #1E3A8A)}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-submit{background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1e3a8a4d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1e3a8a66;background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A))}.btn-cancel{background-color:var(--theme-text-secondary, #637381);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease}.btn-cancel:hover{background-color:var(--theme-text-secondary-hover, #454F5B);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.loading{text-align:center;padding:40px;color:#666}.admin-track-permit-content{padding:0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.page-header{margin-bottom:20px;padding:0}.page-header h1{margin:0;color:#333;font-size:24px;font-weight:600}.search-section{background:var(--theme-card, #EDF5FF);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.search-row{display:flex;gap:20px;align-items:flex-start}.search-form-col{flex:1}.current-status-info{margin-top:15px;padding:10px;background-color:#f8f9fa;border-radius:4px}.current-status-info p{margin:0;color:#333;font-size:14px}.track-permit-form-container{background:var(--theme-card, #EDF5FF);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.track-permit-form{margin-bottom:0}.form-group label{margin-bottom:10px;color:#333;font-weight:500;font-size:16px}.search-input-group{display:flex;gap:10px;margin-left:auto;justify-content:flex-end}.search-input{flex:1;padding:12px;border:1px solid var(--theme-border, #00c292);border-radius:6px;font-size:14px;background-color:var(--theme-card, #fff);color:var(--theme-text-primary, #333)}.btn-search{background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #1e3a8a4d}.btn-search:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1e3a8a66;background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A))}.btn-search:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.tracking-history{margin-top:0}.table-controls-left select{padding:6px 10px;border:1px solid rgba(0,0,0,.12);border-radius:4px;font-size:14px}.tracking-table-container{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 8px #00000014;width:100%;max-width:100%;box-sizing:border-box}.tracking-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:max-content}.tracking-table thead{background:var(--theme-table-header, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff}.tracking-table thead th{border:1px solid rgba(255,255,255,.2);position:relative;padding:15px;text-align:left;font-weight:600;font-size:14px}.tracking-table thead th:after{content:""}.tracking-table td{padding:12px 15px;border-bottom:1px solid var(--theme-border, rgba(0, 0, 0, .08));border-right:none;font-size:14px;color:var(--theme-text-primary, #212B36);background-color:var(--theme-table-row, #EDF5FF)}.tracking-table .no-data{text-align:center;padding:30px;color:var(--theme-text-secondary, #666);background-color:var(--theme-table-row, #EDF5FF)}.tracking-table tbody tr{background-color:var(--theme-table-row, #EDF5FF)}.tracking-table tbody tr:hover{background-color:var(--theme-table-row-hover, #e0edff)}@media (max-width: 768px){.search-input-group{flex-direction:column}.btn-search{width:100%}.tracking-table{font-size:12px}}.admin-dashboard-links-container{padding:30px;min-height:calc(100vh - 200px);background:transparent}.dashboard-links-form-wrapper{max-width:800px;margin:0 auto;background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--theme-border, rgba(0, 0, 0, .08));position:relative;z-index:1}.dashboard-links-form{display:flex;flex-direction:column;gap:25px}.form-select{width:100%;padding:12px 15px;font-size:16px;border:2px solid var(--theme-border, #ddd);border-radius:8px;background-color:var(--theme-card, #fff);color:var(--theme-text-primary, #333);transition:all .3s ease;cursor:pointer}.form-select:focus{outline:none;border-color:var(--theme-input-focus, #1E3A8A);box-shadow:0 0 0 3px #1e3a8a1a}.form-select:hover{border-color:var(--theme-primary, #1E3A8A)}[data-theme=crystal] .file-input-label:hover{background-color:var(--theme-card-hover, rgba(40, 40, 55, .75));box-shadow:none}[data-theme=crystal] .file-input:focus+.file-input-label{box-shadow:0 0 0 2px #00d4ff4d}[data-theme=crystal] .file-input-label:hover .file-input-button{transform:scale(1.05);box-shadow:0 4px 12px #00d4ff4d}.form-actions{display:flex;justify-content:flex-end;margin-top:10px}@media (max-width: 768px){.admin-dashboard-links-container{padding:20px}.dashboard-links-form-wrapper{padding:30px 20px}.form-header h2{font-size:24px}.file-input-label{flex-direction:column;align-items:stretch;gap:8px}.file-input-button{width:100%;text-align:center}}.admin-add-video-container{padding:30px;min-height:calc(100vh - 200px)}.add-video-form-wrapper{max-width:800px;margin:0 auto;background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a}.form-header{margin-bottom:30px;text-align:center}.form-header h2{font-size:28px;font-weight:600;color:var(--theme-primary, #1E3A8A);margin-bottom:10px}.form-header p{font-size:16px;color:var(--theme-text-secondary, #666);margin:0}.alert-message{padding:15px 20px;border-radius:8px;margin-bottom:25px;font-weight:500;animation:slideDown .3s ease-out}.alert-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-video-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{font-size:16px;font-weight:500;color:var(--theme-text-primary, #333);margin-bottom:5px}.form-input{width:100%;padding:12px 15px;font-size:16px;border:2px solid var(--theme-border, #ddd);border-radius:8px;background-color:var(--theme-card, #fff);color:var(--theme-text-primary, #333);transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--theme-input-focus, #1E3A8A);box-shadow:0 0 0 3px #1e3a8a1a}.form-input:hover{border-color:var(--theme-primary, #1E3A8A)}.file-input-wrapper{position:relative}.file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-input-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 15px;border:2px solid var(--theme-border, #ddd);border-radius:8px;background-color:var(--theme-card, #fff);color:var(--theme-text-primary, #333);transition:all .3s ease}.file-input-label:hover{border-color:var(--theme-primary, #1E3A8A);background-color:#1e3a8a05}.file-input:focus+.file-input-label{border-color:var(--theme-input-focus, #1E3A8A);box-shadow:0 0 0 3px #1e3a8a1a}.file-input-button{padding:8px 20px;background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;border-radius:6px;font-weight:500;font-size:14px;transition:all .3s ease;white-space:nowrap}.file-input-label:hover .file-input-button{background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A));transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a4d}.file-input-name{flex:1;color:var(--theme-text-secondary, #666);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-help-text{font-size:13px;color:var(--theme-text-secondary, #666);margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.btn-submit{padding:12px 30px;font-size:16px;font-weight:500;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));box-shadow:0 4px 12px #1e3a8a4d;min-width:120px}.btn-submit:hover:not(:disabled){background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A));box-shadow:0 8px 20px #1e3a8a66;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel{padding:12px 30px;font-size:16px;font-weight:500;color:var(--theme-text-primary, #333);border:2px solid var(--theme-border, #ddd);border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:var(--theme-card, #fff);min-width:120px}.btn-cancel:hover:not(:disabled){border-color:var(--theme-text-secondary, #666);background-color:#f5f5f5}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.admin-add-video-container{padding:20px}.add-video-form-wrapper{padding:30px 20px}.form-header h2{font-size:24px}.file-input-label{flex-direction:column;align-items:stretch;gap:8px}.file-input-button{width:100%;text-align:center}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}.video-player-container{padding:30px;min-height:calc(100vh - 200px);background:var(--theme-background, linear-gradient(135deg, #E6F2FF, #F0F7FF))}.loading-message,.error-message{text-align:center;padding:60px 20px;background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border-radius:12px;box-shadow:0 4px 20px #0000001a}.loading-message{font-size:18px;color:var(--theme-text-secondary, #666)}.error-message h2{font-size:24px;color:var(--theme-primary, #1E3A8A);margin-bottom:15px}.error-message p{font-size:16px;color:var(--theme-text-secondary, #666);margin-bottom:25px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));box-shadow:0 4px 12px #1e3a8a4d}.btn-back:hover{background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A));box-shadow:0 8px 20px #1e3a8a66;transform:translateY(-2px)}.video-player-wrapper{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.video-header{display:flex;align-items:center;gap:15px;padding:20px 30px;border-bottom:1px solid rgba(0,0,0,.1);background:var(--theme-card, #EDF5FF)}.btn-back-header{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:var(--theme-primary, #1E3A8A);cursor:pointer;transition:all .3s ease}.btn-back-header:hover{background:#1e3a8a1a;transform:translate(-2px)}.video-title{flex:1;font-size:24px;font-weight:600;color:var(--theme-primary, #1E3A8A);margin:0}.video-player-content{padding:30px}.video-wrapper{position:relative;width:100%;max-width:100%;background:#000;border-radius:8px;overflow:hidden;margin-bottom:20px}.video-element{width:100%;height:auto;max-height:70vh;display:block;outline:none}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:15px 20px;opacity:0;transition:opacity .3s ease}.video-wrapper:hover .video-controls{opacity:1}.controls-top{margin-bottom:10px}.progress-bar-container{position:relative;width:100%;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;transition:height .2s ease}.progress-bar-container:hover{height:8px}.progress-bar{position:absolute;top:0;left:0;height:100%;background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));border-radius:3px;transition:width .1s linear}.progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;opacity:0;transition:opacity .2s ease}.progress-bar-container:hover .progress-handle{opacity:1}.controls-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:#fff3;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.time-display{display:flex;align-items:center;gap:5px;color:#fff;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.volume-control{display:flex;align-items:center;width:100px}.volume-slider{width:100%;height:4px;border-radius:2px;background:#ffffff4d;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0000004d}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.video-info{padding:20px;background:#ffffff80;border-radius:8px}.info-item{display:flex;align-items:center;gap:10px}.info-label{font-weight:600;color:var(--theme-text-primary, #333);font-size:14px}.info-value{color:var(--theme-text-secondary, #666);font-size:14px}@media (max-width: 768px){.video-player-container{padding:15px}.video-header{padding:15px 20px;flex-direction:column;align-items:flex-start;gap:10px}.video-title{font-size:20px}.video-player-content{padding:20px 15px}.video-element{max-height:50vh}.video-controls{padding:10px 15px}.controls-bottom{flex-wrap:wrap;gap:10px}.volume-control{width:80px}.time-display{font-size:12px}.control-btn{width:36px;height:36px}}@media (max-width: 480px){.video-title{font-size:18px}.video-element{max-height:40vh}.controls-left,.controls-right{gap:8px}.volume-control{width:60px}}.permit-list-container{padding:0;min-height:calc(100vh - 80px);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.permit-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0;flex-wrap:wrap;gap:15px}.header-left{display:flex;align-items:center;gap:15px;flex:1}.btn-back-to-locations{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));box-shadow:0 4px 12px #1e3a8a4d}.btn-back-to-locations:hover{background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A));box-shadow:0 8px 20px #1e3a8a66;transform:translateY(-2px)}.permit-list-header h1{margin:0;color:var(--theme-primary, #1E3A8A);font-size:24px;font-weight:600}.btn-create{background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #1e3a8a4d}.btn-create:before{content:"+";font-size:18px;font-weight:600}.btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e3a8a66;background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A))}.permit-list-filters{background:var(--theme-card, #EDF5FF);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.filter-buttons{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filter-buttons button{padding:8px 16px;border:2px solid #e0e0e0;background:var(--theme-card, #EDF5FF);color:#666;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.filter-buttons button:hover{border-color:#00c292;color:#00c292}.filter-buttons button.active{background-color:#00c292;color:#fff;border-color:#00c292}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0}.table-controls-left{display:flex;align-items:center;gap:10px}.table-controls-left label{font-size:14px;color:#666}.table-controls-left select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-box{position:relative;display:flex;align-items:center;margin-left:auto}.search-icon{position:absolute;left:12px;color:#999;width:20px;height:20px;pointer-events:none;z-index:1}.search-input{padding:8px 12px 8px 40px;border:1px solid rgba(0,0,0,.12);border-radius:4px;font-size:14px;width:320px;max-width:320px}.search-input:focus{outline:none;border-color:var(--theme-input-focus, #1E3A8A);box-shadow:0 0 0 3px #1e3a8a1a}.permit-list-table{background:linear-gradient(135deg,var(--theme-card, #EDF5FF) 0%,var(--theme-card-hover, #e0edff) 100%);border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.permit-list-table:hover{box-shadow:0 8px 24px -4px #1e3a8a26}.permit-list-table-wrapper{width:100%;overflow-x:auto}.permit-list-table-content,.permit-list-table table{width:100%;border-collapse:collapse;table-layout:auto;min-width:max-content}.permit-list-table thead{background:var(--theme-table-header, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff}.permit-list-table th,.permit-list-table td{padding:12px 15px;text-align:left;font-size:14px;border-bottom:1px solid rgba(0,0,0,.08);white-space:normal}.permit-list-table td{background-color:var(--theme-table-row, #EDF5FF);color:var(--theme-text-primary, #333)}.permit-list-table th{font-weight:600}.permit-list-table tbody tr{background-color:var(--theme-table-row, #EDF5FF);color:var(--theme-text-primary, #333)}.permit-list-table tbody tr:hover{background-color:var(--theme-table-row-hover, #e0edff)}.permit-list-table th:nth-child(1),.permit-list-table td:nth-child(1){width:80px}.permit-list-table th:nth-child(2),.permit-list-table td:nth-child(2){width:100px}.permit-list-table th:nth-child(3),.permit-list-table td:nth-child(3){width:50px}.permit-list-table th:nth-child(4),.permit-list-table td:nth-child(4){width:100px}.permit-list-table th:nth-child(5),.permit-list-table td:nth-child(5){width:160px}.permit-list-table th:nth-child(6),.permit-list-table td:nth-child(6){width:100px}.permit-list-table th:nth-child(7),.permit-list-table td:nth-child(7){width:100px}.permit-list-table th:nth-child(8),.permit-list-table td:nth-child(8){width:100px}.permit-list-table th:nth-child(9),.permit-list-table td:nth-child(9){width:100px}.permit-list-table th:nth-child(10),.permit-list-table td:nth-child(10){width:100px}.permit-list-table th:nth-child(11),.permit-list-table td:nth-child(11){width:100px}.permit-list-table th:nth-child(12),.permit-list-table td:nth-child(12){width:100px}.permit-list-table th:nth-child(13),.permit-list-table td:nth-child(13){width:60px}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase}.action-buttons{display:flex;gap:8px}.action-cell{text-align:center;vertical-align:middle}.action-buttons-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.action-icon{display:inline-flex;align-items:center;justify-content:center;font-size:20px;padding:5px;text-decoration:none;color:var(--theme-primary, #1E3A8A);transition:all .2s ease;min-width:30px;min-height:30px}.action-icon:hover{color:var(--theme-secondary, #1E293B);transform:scale(1.1);background-color:#1e3a8a1a;border-radius:4px}.btn-view,.btn-edit{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.btn-view{background-color:#29c8c1;color:#fff}.btn-view:hover{background-color:#1fa39d}.btn-edit{background-color:#667eea;color:#fff}.btn-edit:hover{background-color:#5568d3}.no-data{text-align:center;padding:40px;color:var(--theme-text-secondary, #999);font-size:16px;background-color:var(--theme-table-row, #EDF5FF)}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:10px 0}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;gap:5px}.pagination-btn{padding:0;border:none;background:#f5f5f5;color:#212b36;cursor:pointer;border-radius:50%;font-size:14px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;min-width:32px}.pagination-btn:hover:not(:disabled){background:#1e3a8a14;border-color:#1e3a8a33;color:var(--theme-primary, #1E3A8A)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--theme-pagination-active, #1E3A8A);color:#fff;border:none}.pagination-btn:not(.active):not(:disabled):hover{background:#1e3a8a14;color:var(--theme-primary, #1E3A8A)}@media (max-width: 768px){.permit-list-header{flex-direction:column;gap:15px;align-items:flex-start}.filter-buttons{flex-direction:column}.filter-buttons button{width:100%}.pagination-info{flex-direction:column;gap:15px;align-items:flex-start}}.permit-form-container{padding:30px;background-color:#f5f5f5;min-height:calc(100vh - 80px)}.permit-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:var(--theme-card, #EDF5FF);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.permit-form-header h1{margin:0;color:#333;font-size:28px}.btn-back{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-back:hover{background-color:#5a6268}.permit-form{background:var(--theme-card, #EDF5FF);padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.required{color:#f43a4f}.form-control{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--theme-input-focus, #1E3A8A);box-shadow:0 0 0 3px #1e3a8a1a}.form-control:disabled{background-color:#f5f5f5;cursor:not-allowed}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group input{margin-right:8px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:30px;border-top:1px solid #e0e0e0}.btn-submit{background:var(--theme-button-success, linear-gradient(135deg, #93C5FD, #60A5FA, #3B82F6));color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-submit:hover:not(:disabled){background:var(--theme-button-success-hover, linear-gradient(135deg, #60A5FA, #3B82F6, #2563EB));transform:translateY(-2px);box-shadow:0 4px 8px #00c2924d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background-color:#6c757d;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background-color:#5a6268}.btn-approve{background:var(--theme-button-primary, linear-gradient(135deg, #1E3A8A, #1E293B));color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-approve:hover:not(:disabled){background:var(--theme-button-primary-hover, linear-gradient(135deg, #1E293B, #1E3A8A));transform:translateY(-2px);box-shadow:0 4px 8px #1e3a8a4d}.btn-approve:disabled{opacity:.6;cursor:not-allowed}.btn-complete{background:var(--theme-button-success, linear-gradient(135deg, #93C5FD, #60A5FA, #3B82F6));color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-complete:hover:not(:disabled){background:var(--theme-button-success-hover, linear-gradient(135deg, #60A5FA, #3B82F6, #2563EB));transform:translateY(-2px);box-shadow:0 4px 8px #00c2924d}.btn-complete:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-permit{background:linear-gradient(135deg,#f43a4f,#e63946);color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel-permit:hover:not(:disabled){background:linear-gradient(135deg,#e63946,#f43a4f);transform:translateY(-2px);box-shadow:0 4px 8px #f43a4f4d}.btn-cancel-permit:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:#666}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.permit-form-header{flex-direction:column;gap:15px;align-items:flex-start}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}.settings-content{padding:0;max-width:1200px;margin:0 auto}.settings-header{margin-bottom:30px}.settings-header h1{margin:0 0 10px;color:#333;font-size:28px;font-weight:600}.settings-header p{margin:0;color:#666;font-size:16px}.settings-section{background:var(--theme-card, #EDF5FF);padding:30px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.settings-section h2{margin:0 0 10px;color:#333;font-size:22px;font-weight:600}.section-description{margin:0 0 25px;color:#666;font-size:14px}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.theme-card{background:var(--theme-card, #EDF5FF);border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.theme-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026;border-color:#1e3a8a4d}.theme-card.active{border-color:var(--theme-primary, #1E3A8A);border-width:3px;box-shadow:0 4px 12px #1e3a8a4d}.theme-preview{width:100%;height:150px;border-radius:8px;margin-bottom:15px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.theme-sidebar-preview{position:absolute;left:0;top:0;width:30%;height:100%;border-right:1px solid rgba(0,0,0,.1)}.theme-card-preview{position:absolute;right:10px;top:10px;width:60%;height:40%;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.theme-info{text-align:center}.theme-info h3{margin:0 0 5px;color:#333;font-size:18px;font-weight:600}.theme-info p{margin:0 0 10px;color:#666;font-size:13px}.theme-badge{display:inline-block;background:var(--theme-primary, #1E3A8A);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-top:5px}@media (max-width: 768px){.themes-grid{grid-template-columns:1fr}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#666}[data-theme=blue]{--theme-primary: #1E3A8A;--theme-secondary: #1E293B;--theme-background: linear-gradient(135deg, #E6F2FF, #F0F7FF);--theme-sidebar: linear-gradient(135deg, #D0E5FF, #D6E9FF);--theme-card: #EDF5FF;--theme-card-hover: #e0edff;--theme-header-bg: #D1E6FF;--theme-button-primary: linear-gradient(135deg, #1E3A8A, #1E293B);--theme-button-primary-hover: linear-gradient(135deg, #1E293B, #1E3A8A);--theme-button-success: linear-gradient(135deg, #93C5FD, #60A5FA, #3B82F6);--theme-button-success-hover: linear-gradient(135deg, #60A5FA, #3B82F6, #2563EB);--theme-table-header: linear-gradient(135deg, #1E3A8A, #1E293B);--theme-table-row: #EDF5FF;--theme-table-row-hover: #e0edff;--theme-pagination-active: #1E3A8A;--theme-input-focus: #1E3A8A;--theme-text-primary: #333;--theme-text-secondary: #666;--theme-login-background: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 50%, #93C5FD 100%);--theme-login-form-background: #EDF5FF;--theme-login-input-addon-background: #EDF5FF}[data-theme=green]{--theme-primary: #1B4332;--theme-secondary: #081C15;--theme-background: linear-gradient(135deg, #E8F5E9, #C8E6C9);--theme-sidebar: linear-gradient(135deg, #A5D6A7, #81C784);--theme-card: #C8E6C9;--theme-card-hover: #B8D9BA;--theme-header-bg: #A5D6A7;--theme-button-primary: linear-gradient(135deg, #1B4332, #081C15);--theme-button-primary-hover: linear-gradient(135deg, #081C15, #1B4332);--theme-button-success: linear-gradient(135deg, #81C784, #66BB6A, #4CAF50);--theme-button-success-hover: linear-gradient(135deg, #66BB6A, #4CAF50, #388E3C);--theme-table-header: linear-gradient(135deg, #1B4332, #081C15);--theme-table-row: #C8E6C9;--theme-table-row-hover: #B8D9BA;--theme-pagination-active: #1B4332;--theme-input-focus: #1B4332;--theme-text-primary: #1B4332;--theme-text-secondary: #2D5016;--theme-login-background: linear-gradient(135deg, #DCEDC8 0%, #C5E1A5 50%, #AED581 100%);--theme-login-form-background: #C8E6C9;--theme-login-input-addon-background: #C8E6C9}[data-theme=crystal]{--theme-primary: #00D4FF;--theme-secondary: #0099CC;--theme-background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);--theme-sidebar: rgba(20, 20, 30, .75);--theme-card: rgba(30, 30, 40, .6);--theme-card-hover: rgba(40, 40, 55, .75);--theme-header-bg: rgba(15, 15, 25, .85);--theme-button-primary: linear-gradient(135deg, #00D4FF, #0099CC, #006699);--theme-button-primary-hover: linear-gradient(135deg, #00E5FF, #00B3E6, #0077B3);--theme-button-success: linear-gradient(135deg, #00FF88, #00CC6A, #00994D);--theme-button-success-hover: linear-gradient(135deg, #00FF99, #00D47A, #00B35C);--theme-table-header: linear-gradient(135deg, rgba(0, 212, 255, .3), rgba(0, 153, 204, .2));--theme-table-row: rgba(30, 30, 40, .5);--theme-table-row-hover: rgba(40, 40, 55, .7);--theme-pagination-active: #00D4FF;--theme-input-focus: #00D4FF;--theme-text-primary: #E0E0E0;--theme-text-secondary: #B0B0B0;--theme-login-background: linear-gradient(135deg, #000000 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #000000 100%);--theme-login-form-background: rgba(20, 20, 30, .7);--theme-login-input-addon-background: rgba(30, 30, 40, .6);--theme-border: rgba(100, 100, 120, .3);--theme-glass-bg: rgba(30, 30, 40, .4);--theme-glass-border: rgba(255, 255, 255, .1);--theme-shadow-3d: 0 8px 32px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 212, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .1);--theme-shadow-3d-hover: 0 12px 48px rgba(0, 0, 0, .5), 0 6px 24px rgba(0, 212, 255, .3), inset 0 1px 0 rgba(255, 255, 255, .15);--theme-mirror-gradient: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 50%, rgba(0, 0, 0, .1) 100%)}[data-theme=crystal] .app-layout{background:var(--theme-background)!important}[data-theme=crystal] .app-layout:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,153,204,.08) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=crystal] .sidebar{background:var(--theme-sidebar)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right-color:var(--theme-glass-border)!important;box-shadow:var(--theme-shadow-3d)}[data-theme=crystal] .sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--theme-mirror-gradient);opacity:.6;pointer-events:none}[data-theme=crystal] .app-header{background-color:var(--theme-header-bg)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom-color:var(--theme-glass-border)!important;box-shadow:var(--theme-shadow-3d)}[data-theme=crystal] .app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--theme-mirror-gradient);opacity:.6;pointer-events:none}[data-theme=crystal] [class*=chart-section],[data-theme=crystal] [class*=chart-container],[data-theme=crystal] [class*=status-card],[data-theme=crystal] .theme-card,[data-theme=crystal] .settings-section,[data-theme=crystal] .permit-card{background:var(--theme-card)!important;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border-color:var(--theme-glass-border)!important;box-shadow:var(--theme-shadow-3d)!important}[data-theme=crystal] [class*=chart-section]:before,[data-theme=crystal] [class*=chart-container]:before,[data-theme=crystal] [class*=status-card]:before,[data-theme=crystal] .theme-card:before,[data-theme=crystal] .settings-section:before,[data-theme=crystal] .permit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--theme-mirror-gradient);opacity:.5;z-index:1;pointer-events:none}[data-theme=crystal] [class*=chart-section]:hover,[data-theme=crystal] [class*=chart-container]:hover,[data-theme=crystal] [class*=status-card]:hover,[data-theme=crystal] .theme-card:hover,[data-theme=crystal] .settings-section:hover,[data-theme=crystal] .permit-card.enabled:hover{background:var(--theme-card-hover)!important;box-shadow:var(--theme-shadow-3d-hover)!important}[data-theme=crystal] button:not([style*=background]),[data-theme=crystal] .btn:not([style*=background]),[data-theme=crystal] [class*=button]:not([style*=background]){background:var(--theme-button-primary)!important;border-color:#00d4ff4d!important;box-shadow:0 4px 16px #0000004d,0 2px 8px #00d4ff33,inset 0 1px #fff3!important}[data-theme=crystal] button:not([style*=background]):before,[data-theme=crystal] .btn:not([style*=background]):before,[data-theme=crystal] [class*=button]:not([style*=background]):before{display:none}[data-theme=crystal] button:not([style*=background]):hover,[data-theme=crystal] .btn:not([style*=background]):hover,[data-theme=crystal] [class*=button]:not([style*=background]):hover{background:var(--theme-button-primary-hover)!important;transform:scale(1.05)!important;box-shadow:0 6px 24px #0006,0 4px 12px #00d4ff4d,inset 0 1px #ffffff4d!important}[data-theme=crystal] input:not([style*=background]),[data-theme=crystal] textarea:not([style*=background]),[data-theme=crystal] select:not([style*=background]){background:#14141e99!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:var(--theme-glass-border)!important;color:var(--theme-text-primary)!important;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d!important}[data-theme=crystal] input:not([style*=background]):focus,[data-theme=crystal] textarea:not([style*=background]):focus,[data-theme=crystal] select:not([style*=background]):focus{border-color:var(--theme-input-focus)!important;box-shadow:0 0 0 2px #00d4ff33,0 4px 12px #0000004d,0 2px 8px #00d4ff4d,inset 0 1px #ffffff1a!important}[data-theme=crystal] table thead{background:var(--theme-table-header)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d!important}[data-theme=crystal] table tbody tr{background:var(--theme-table-row)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-bottom-color:var(--theme-glass-border)!important}[data-theme=crystal] table tbody tr:hover{background:var(--theme-table-row-hover)!important;box-shadow:0 2px 8px #00d4ff26!important}[data-theme=crystal] .nav-item.active{background-color:#00d4ff26!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00d4ff33,inset 0 1px #ffffff1a!important;border:1px solid rgba(0,212,255,.3)!important}[data-theme=crystal] .user-menu{background:#1e1e28!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--theme-glass-border)!important;box-shadow:var(--theme-shadow-3d)!important;z-index:99999!important;position:fixed!important}[data-theme=crystal] .app-header{z-index:1001!important;position:relative!important}[data-theme=crystal] .header-right{z-index:1002!important}[data-theme=crystal] .user-avatar{z-index:1003!important}[data-theme=crystal] .user-info .user-name{color:#e0e0e0!important}[data-theme=crystal] .user-info .user-role{color:#b0b0b0!important}[data-theme=crystal] .user-info{border-bottom-color:#ffffff1a!important}[data-theme=crystal] .login-content{background:var(--theme-login-background)!important}[data-theme=crystal] .login-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(0,212,255,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(0,153,204,.1) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=crystal] .nk-block{background:var(--theme-login-form-background)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:var(--theme-glass-border)!important;box-shadow:var(--theme-shadow-3d)!important}[data-theme=crystal] .nk-block:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--theme-mirror-gradient);opacity:.6;pointer-events:none}[data-theme=crystal] .nav-item,[data-theme=crystal] .nav-dropdown-header,[data-theme=crystal] .nav-sub-item{color:var(--theme-text-secondary)!important}[data-theme=crystal] .nav-item:hover,[data-theme=crystal] .nav-dropdown-header:hover,[data-theme=crystal] .nav-sub-item:hover{color:var(--theme-text-primary)!important}[data-theme=crystal] .nav-item.active,[data-theme=crystal] .nav-dropdown-header.active,[data-theme=crystal] .nav-sub-item.active,[data-theme=crystal] .logo-text{color:var(--theme-primary)!important}[data-theme=crystal] .page-title,[data-theme=crystal] h1:not([style*=color]),[data-theme=crystal] h2:not([style*=color]),[data-theme=crystal] h3:not([style*=color]),[data-theme=crystal] h4:not([style*=color]),[data-theme=crystal] h5:not([style*=color]),[data-theme=crystal] h6:not([style*=color]){color:var(--theme-text-primary)!important}[data-theme=crystal] .app-name,[data-theme=crystal] .welcome-text,[data-theme=crystal] .user-name-text{color:var(--theme-primary)!important}[data-theme=crystal] .user-info .user-name{color:var(--theme-text-primary)!important}[data-theme=crystal] .user-info .user-role{color:var(--theme-text-secondary)!important}[data-theme=crystal] .permit-card.enabled{background:linear-gradient(135deg,#111921,#14151c,#14151c)!important;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border-color:var(--theme-glass-border, rgba(255, 255, 255, .1))!important;box-shadow:var(--theme-shadow-3d, 0 8px 32px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 212, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .1))!important}[data-theme=crystal] .permit-card.enabled:hover{background:linear-gradient(135deg,#14151c,#14151c,#14151c)!important;box-shadow:var(--theme-shadow-3d-hover, 0 12px 48px rgba(0, 0, 0, .5), 0 6px 24px rgba(0, 212, 255, .3), inset 0 1px 0 rgba(255, 255, 255, .15))!important;border-color:var(--theme-primary, #00D4FF)!important}[data-theme=crystal] .permit-card.disabled{background:var(--theme-card, rgba(30, 30, 40, .6))!important;border-color:var(--theme-glass-border, rgba(255, 255, 255, .1))!important;opacity:.6}[data-theme=crystal] .permit-card h3{color:var(--theme-text-primary, #E0E0E0)!important}[data-theme=crystal] .permit-card.disabled h3{color:var(--theme-text-secondary, #B0B0B0)!important}[data-theme=crystal] .permit-icon img,[data-theme=crystal] .permit-card-icon img,[data-theme=crystal] .permit-icon{filter:invert(1) brightness(1.2)}[data-theme=crystal] .permit-stat-label[style*="color: rgb(0, 0, 0)"],[data-theme=crystal] .permit-stat-label[style*="color:#000"],[data-theme=crystal] .permit-stat-value[style*="color: rgb(0, 0, 0)"],[data-theme=crystal] .permit-stat-value[style*="color:#000"],[data-theme=crystal] .stat-value.need-approval,[data-theme=crystal] .stat-value.open{color:#fff!important}[data-theme=crystal] .form-label,[data-theme=crystal] .form-group label,[data-theme=crystal] form label,[data-theme=crystal] .form-group>label,[data-theme=crystal] .create-user-form label,[data-theme=crystal] .dashboard-links-form label,[data-theme=crystal] .add-video-form label,[data-theme=crystal] .track-permit-form label,[data-theme=crystal] .permit-form label,[data-theme=crystal] .create-manage-item-form label,[data-theme=crystal] .create-manage-item-form .form-group label{color:#fff!important}[data-theme=crystal] .epermit-dashboard-container,[data-theme=crystal] .etraining-dashboard-container,[data-theme=crystal] .safety-observation-dashboard-container,[data-theme=crystal] .handtools-dashboard-container,[data-theme=crystal] .rigging-dashboard-container,[data-theme=crystal] .plantequipment-dashboard-container,[data-theme=crystal] .scaffolding-dashboard-container{background:transparent}[data-theme=crystal] .epermit-chart-section,[data-theme=crystal] .etraining-chart-section,[data-theme=crystal] .safety-chart-section,[data-theme=crystal] .handtools-chart-container,[data-theme=crystal] .handtools-power-tools-chart-wrapper,[data-theme=crystal] .rigging-chart-container,[data-theme=crystal] .plantequipment-chart-container,[data-theme=crystal] .scaffolding-chart-container{background:var(--theme-card)!important;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border:1px solid var(--theme-glass-border);box-shadow:var(--theme-shadow-3d)!important}[data-theme=crystal] .year-select,[data-theme=crystal] .etraining-year-select,[data-theme=crystal] .safety-year-select,[data-theme=crystal] .scaffolding-filter-select,[data-theme=crystal] .plantequipment-filter-select{background:#14141e99!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:var(--theme-glass-border)!important;color:#fff!important}[data-theme=crystal] .handtools-company-filter-buttons{background:var(--theme-card)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--theme-glass-border);box-shadow:var(--theme-shadow-3d)}[data-theme=crystal] .handtools-company-filter-button{background-color:var(--theme-card)!important;border-color:var(--theme-glass-border)!important;color:var(--theme-text-primary)!important}[data-theme=crystal] .handtools-company-filter-button:hover{background-color:var(--theme-card-hover)!important}[data-theme=crystal] .handtools-company-filter-button.active{background-color:var(--theme-primary)!important;color:#fff!important}[data-theme=crystal] .dashboard-link-card.guest-card{backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid var(--theme-glass-border);box-shadow:var(--theme-shadow-3d)}[data-theme=crystal] .dashboard-link-card.guest-card:before{background:#0003}[data-theme=crystal] .dashboard-link-card.guest-card .link-name-overlay{background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=crystal] .epermit-status-card-green{background-color:#28a745!important}[data-theme=crystal] .epermit-status-card-blue{background-color:#007bff!important}[data-theme=crystal] .epermit-status-card-red{background-color:#dc3545!important}[data-theme=crystal] .epermit-status-card-orange{background-color:#ffc107!important}[data-theme=crystal] .etraining-summary-box-blue{background-color:#007bff!important}[data-theme=crystal] .etraining-summary-box-gray{background-color:#6c757d!important}[data-theme=crystal] .etraining-summary-box-green{background-color:#28a745!important}[data-theme=crystal] .epermit-dashboard-header h1,[data-theme=crystal] .etraining-dashboard-header h1,[data-theme=crystal] .safety-dashboard-header h1,[data-theme=crystal] .handtools-dashboard-header h1,[data-theme=crystal] .rigging-dashboard-header h1,[data-theme=crystal] .plantequipment-dashboard-header h1,[data-theme=crystal] .scaffolding-dashboard-header h1,[data-theme=crystal] .year-filter-section label,[data-theme=crystal] .etraining-year-filter-section label,[data-theme=crystal] .safety-year-filter-section label,[data-theme=crystal] .epermit-status-section-title,[data-theme=crystal] .epermit-status-card-label,[data-theme=crystal] .epermit-chart-section h3,[data-theme=crystal] .etraining-chart-section h3,[data-theme=crystal] .safety-chart-section h3,[data-theme=crystal] .safety-stats-label,[data-theme=crystal] .handtools-power-tools-section h3,[data-theme=crystal] .handtools-chart-container h3,[data-theme=crystal] .rigging-chart-container h3,[data-theme=crystal] .plantequipment-chart-container h3,[data-theme=crystal] .scaffolding-chart-container h3,[data-theme=crystal] .etraining-summary-box h2,[data-theme=crystal] .etraining-summary-box p{color:#fff!important}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;overflow-x:hidden;width:100%;max-width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}@media (max-width: 768px){table{font-size:12px}table thead th,table tbody td{padding:8px 6px}.table-responsive,table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{font-size:16px;padding:10px 12px}button,.btn{padding:12px 16px;font-size:14px;min-height:44px}form{width:100%;max-width:100%}.form-group,.form-row{margin-bottom:16px}}@media (max-width: 768px){.card,[class*=card],[class*=container]{padding:16px;margin:0 0 16px}}@media (max-width: 768px){.btn-group{flex-direction:column;width:100%}.btn-group button,.btn-group .btn{width:100%;margin:4px 0}}@media (max-width: 768px){img{max-width:100%;height:auto}}