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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999}.confirm-dialog{background:#fff;border-radius:12px;padding:30px 40px;min-width:350px;max-width:500px;box-shadow:0 10px 40px #0000004d;animation:confirmSlideIn .2s ease-out;position:relative}.confirm-close-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.confirm-close-btn:hover{background:#e0e0e0;color:#333}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-message{font-size:16px;color:#333;text-align:center;margin-bottom:25px;line-height:1.5}.confirm-buttons{display:flex;justify-content:center;gap:15px}.confirm-btn{padding:10px 30px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.confirm-btn-cancel{background:#e0e0e0;color:#333}.confirm-btn-cancel:hover{background:#d0d0d0}.confirm-btn-ok{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn-ok:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.confirm-btn-danger{background:linear-gradient(135deg,#e53935,#c62828);color:#fff}.confirm-btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e5393566}.confirm-btn-warning{background:linear-gradient(135deg,#fb8c00,#e65100);color:#fff}.confirm-btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fb8c0066}.sidebar{--sb-bg: #FFFFFF;--sb-bg-hover: #F5F6F8;--sb-bg-active: #F0F1F4;--sb-text: #1D1F27;--sb-text-secondary: #5A5E6A;--sb-text-muted: #9196A1;--sb-border: #ECEDF0;--sb-accent: #3B3F4A;--sb-accent-bar: #3B3F4A;--sb-section-label: #8C909B;--sb-scrollbar-thumb: #D4D6DB;--sb-scrollbar-hover: #BBBEC5;--sb-footer-text: #9196A1;--sb-shadow: 0 1px 3px rgba(0,0,0,.04);--sb-custom-text: #92650A;--sb-custom-bg: #FDF8EF;--sb-custom-bar: #C8880E;--sb-custom-hover: #FBF3E2;--sb-custom-active: #F8EDD5;--sb-toggle-bg: #F0F1F4;--sb-toggle-hover: #E4E5EA;--sb-toggle-text: #5A5E6A}.sidebar.theme-dark{--sb-bg: #17191F;--sb-bg-hover: #1E2028;--sb-bg-active: #24262F;--sb-text: #EAEBED;--sb-text-secondary: #A1A4AD;--sb-text-muted: #6A6E79;--sb-border: #272930;--sb-accent: #D1D3D8;--sb-accent-bar: #D1D3D8;--sb-section-label: #6A6E79;--sb-scrollbar-thumb: #35373F;--sb-scrollbar-hover: #44464F;--sb-footer-text: #6A6E79;--sb-shadow: 0 1px 3px rgba(0,0,0,.2);--sb-custom-text: #F2C94C;--sb-custom-bg: rgba(242,201,76,.06);--sb-custom-bar: #F2C94C;--sb-custom-hover: rgba(242,201,76,.1);--sb-custom-active: rgba(242,201,76,.14);--sb-toggle-bg: #24262F;--sb-toggle-hover: #2C2E38;--sb-toggle-text: #A1A4AD}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:var(--sb-bg);color:var(--sb-text);display:flex;flex-direction:column;z-index:1000;border-right:1px solid var(--sb-border);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease,border-color .25s ease;-webkit-user-select:none;user-select:none}.sidebar-header{padding:24px 24px 20px;border-bottom:1px solid var(--sb-border);flex-shrink:0;transition:border-color .25s ease}.sidebar-header h2{font-size:15px;font-weight:700;letter-spacing:.02em;margin:0;color:var(--sb-text);transition:color .25s ease}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sb-scrollbar-thumb);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--sb-scrollbar-hover)}.nav-divider{height:1px;background:var(--sb-border);margin:8px 20px;transition:background .25s ease}.nav-item{display:block;padding:9px 24px;font-size:13.5px;font-weight:450;color:var(--sb-text-secondary);text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease;line-height:1.4}.nav-item:hover{background:var(--sb-bg-hover);color:var(--sb-text)}.nav-item.active{color:var(--sb-text);font-weight:550;background:var(--sb-bg-active);box-shadow:inset 3px 0 0 var(--sb-accent-bar)}.menu-group{margin:2px 0}.menu-group-header{display:flex;align-items:center;padding:9px 24px;font-size:13.5px;font-weight:500;color:var(--sb-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;line-height:1.4}.menu-group-header:hover{background:var(--sb-bg-hover);color:var(--sb-text)}.menu-group-header.active{color:var(--sb-text);font-weight:600}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-arrow{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:auto;flex-shrink:0;font-size:0;transition:transform .2s ease}.menu-arrow:before{content:"";display:block;width:5px;height:5px;border-right:1.5px solid var(--sb-text-muted);border-bottom:1.5px solid var(--sb-text-muted);transform:rotate(45deg);margin-top:-2px;transition:border-color .2s ease}.menu-arrow.open{transform:rotate(180deg)}.submenu{padding:2px 0 6px;animation:sbSlideDown .2s ease}@keyframes sbSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submenu-item{display:block;padding:7px 24px 7px 40px;font-size:13px;font-weight:400;color:var(--sb-text-secondary);text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease;line-height:1.4}.submenu-item:hover{background:var(--sb-bg-hover);color:var(--sb-text)}.submenu-item.active{color:var(--sb-text);font-weight:550;background:var(--sb-bg-active);box-shadow:inset 3px 0 0 var(--sb-accent-bar)}.submenu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-group{margin:2px 0}.submenu-group-header{display:flex!important;align-items:center;padding:7px 24px 7px 40px!important;font-size:13px;font-weight:500;color:var(--sb-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease;line-height:1.4}.submenu-group-header:hover{background:var(--sb-bg-hover);color:var(--sb-text-secondary);padding-left:40px!important}.submenu-group-header.active{color:var(--sb-text-secondary);font-weight:600}.submenu-group-header .menu-arrow{width:14px;height:14px}.submenu-group-header .menu-arrow:before{width:4px;height:4px;border-width:1.5px}.sub-submenu{padding:2px 0 4px;animation:sbSlideDown .15s ease}.sub-submenu-item{display:block;padding:6px 24px 6px 56px;font-size:12.5px;font-weight:400;color:var(--sb-text-muted);text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease;line-height:1.4}.sub-submenu-item:hover{background:var(--sb-bg-hover);color:var(--sb-text-secondary)}.sub-submenu-item.active{color:var(--sb-text);font-weight:550;background:var(--sb-bg-active);box-shadow:inset 3px 0 0 var(--sb-accent-bar)}.submenu-item.custom-report .submenu-label,.sub-submenu-item.custom-report .submenu-label{color:var(--sb-custom-text);font-weight:500}.submenu-item.custom-report:before,.sub-submenu-item.custom-report:before{content:none}.submenu-item.custom-report:hover,.sub-submenu-item.custom-report:hover{background:var(--sb-custom-hover)}.submenu-item.custom-report.active,.sub-submenu-item.custom-report.active{background:var(--sb-custom-active);box-shadow:inset 3px 0 0 var(--sb-custom-bar)}.submenu-item.custom-report.active .submenu-label,.sub-submenu-item.custom-report.active .submenu-label{color:var(--sb-custom-text);font-weight:600}.menu-group.ozel-raporlar>.menu-group-header{color:var(--sb-custom-text)}.menu-group.ozel-raporlar>.menu-group-header:hover{background:var(--sb-custom-hover)}.menu-group.ozel-raporlar>.menu-group-header .nav-label{color:var(--sb-custom-text);font-weight:600}.menu-group.ozel-raporlar .submenu-item{color:var(--sb-custom-text)}.menu-group.ozel-raporlar .submenu-item:hover{background:var(--sb-custom-hover)}.menu-group.ozel-raporlar .submenu-item.active{background:var(--sb-custom-active);box-shadow:inset 3px 0 0 var(--sb-custom-bar)}.sidebar-footer{padding:16px 24px;border-top:1px solid var(--sb-border);flex-shrink:0;transition:border-color .25s ease}.footer-text{text-align:center}.footer-text p{margin:0;font-size:12px;font-weight:500;color:var(--sb-footer-text);line-height:1.5}.footer-text .version{font-size:11px;font-weight:400;opacity:.7}.theme-toggle{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px;padding:6px 12px;background:var(--sb-toggle-bg);border:none;border-radius:6px;font-size:11.5px;font-weight:500;color:var(--sb-toggle-text);cursor:pointer;transition:background .15s ease,color .15s ease;letter-spacing:.01em}.theme-toggle:hover{background:var(--sb-toggle-hover);color:var(--sb-text)}.sidebar-overlay,.toggle-btn,.nav-icon{display:none!important}@media (max-width: 768px){.sidebar{width:280px;transform:translate(-100%);box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000001f}}.bildirim-wrapper{position:relative}.bildirim-btn{background:none;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:20px;padding:6px 10px;display:flex;align-items:center;position:relative;transition:all .2s ease;color:#555}.bildirim-btn:hover{background:#f5f5f5;border-color:#ccc}.bildirim-badge{position:absolute;top:-4px;right:-4px;background:#f44336;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 4px;box-sizing:border-box}.bildirim-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:480px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 30px #00000026;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.bildirim-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background:#fafafa}.bildirim-dropdown-header h3{margin:0;font-size:14px;color:#333;font-weight:600}.bildirim-tumunu-oku{background:none;border:none;color:#667eea;font-size:12px;cursor:pointer;font-weight:500;padding:2px 6px;border-radius:4px}.bildirim-tumunu-oku:hover{background:#667eea1a}.bildirim-list{overflow-y:auto;flex:1;max-height:360px}.bildirim-item{padding:10px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s ease;display:flex;gap:10px;align-items:flex-start}.bildirim-item:hover{background:#f8f9ff}.bildirim-item.okunmamis{background:#f0f4ff}.bildirim-item.okunmamis:hover{background:#e8eeff}.bildirim-dot{width:8px;height:8px;border-radius:50%;background:#667eea;flex-shrink:0;margin-top:5px}.bildirim-dot.okundu{background:transparent}.bildirim-item-content{flex:1;min-width:0}.bildirim-item-baslik{font-size:13px;font-weight:600;color:#333;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bildirim-item-icerik{font-size:12px;color:#666;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bildirim-item-tarih{font-size:11px;color:#999}.bildirim-tip-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;margin-left:6px;vertical-align:middle}.bildirim-tip-1{background:#fff3e0;color:#e65100}.bildirim-tip-2{background:#e8f5e9;color:#2e7d32}.bildirim-tip-3{background:#ffebee;color:#c62828}.bildirim-empty{padding:30px 16px;text-align:center;color:#999;font-size:13px}.bildirim-dropdown-footer{padding:10px 16px;border-top:1px solid #eee;text-align:center;background:#fafafa}.bildirim-tumu-link{background:none;border:none;color:#667eea;font-size:13px;cursor:pointer;font-weight:500;padding:4px 12px;border-radius:4px}.bildirim-tumu-link:hover{background:#667eea1a}.layout{display:flex;min-height:100vh;background-color:#f5f7fa}.layout-main{flex:1;margin-left:280px;display:flex;flex-direction:column}.layout-header{background:#fff;padding:15px 30px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:24px}.header-left .page-title{font-size:20px;color:#333;margin:0;font-weight:600}.header-services{display:flex;align-items:center;gap:16px}.service-indicator{display:flex;align-items:center;gap:6px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;padding:4px 12px;font-size:12px;white-space:nowrap}.service-label{color:#555;font-weight:500}.service-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.service-dot.running{background:#4caf50;box-shadow:0 0 6px #4caf5099;animation:service-pulse 2s infinite}.service-dot.stopped{background:#f44336}.service-dot.unknown{background:#9e9e9e}@keyframes service-pulse{0%,to{opacity:1}50%{opacity:.5}}.service-btn{border:none;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;line-height:1.4}.service-btn:disabled{opacity:.5;cursor:not-allowed}.service-btn-start{background:#e8f5e9;color:#2e7d32}.service-btn-start:hover:not(:disabled){background:#4caf50;color:#fff}.service-btn-stop{background:#ffebee;color:#c62828}.service-btn-stop:hover:not(:disabled){background:#f44336;color:#fff}.header-right{display:flex;align-items:center;gap:20px}.user-info-header{display:flex;align-items:center;gap:10px}.user-name{font-size:14px;font-weight:500;color:#333}.admin-badge-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700}.password-button{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.password-button:hover{background:#667eea;color:#fff;border-color:#667eea}.logout-button{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.logout-button:hover{background:#f44336;color:#fff;border-color:#f44336}.admin-badge-small.admin{background:linear-gradient(135deg,#4caf50,#2e7d32)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:18px;color:#333}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:4px 8px}.modal-close:hover{color:#333}.password-form .form-group{margin-bottom:16px}.password-form label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.password-form input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.password-form input:focus{outline:none;border-color:#667eea}.password-form .error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:10px;border-radius:8px;margin-bottom:16px;font-size:14px}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions .btn-cancel{flex:1;padding:10px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.modal-actions .btn-cancel:hover{background:#e0e0e0}.modal-actions .btn-submit{flex:1;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.modal-actions .btn-submit:hover{opacity:.9}.modal-actions .btn-submit:disabled{opacity:.6;cursor:not-allowed}.layout-content{flex:1;padding:0;overflow-y:auto}@media (max-width: 768px){.layout-main{margin-left:0}.layout-header{padding:12px 20px}.header-left{flex-wrap:wrap;gap:8px}.header-left .page-title{font-size:18px}.header-services{gap:8px}.service-label{display:none}.header-right{gap:10px}.user-name{display:none}}*{margin:0;padding:0;box-sizing:border-box}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);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}.login-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:40px;margin:20px}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.login-header p{font-size:16px;color:#666}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fee;border:1px solid #fcc;color:#c33;padding:20px 40px;border-radius:12px;font-size:16px;text-align:center;z-index:9999;box-shadow:0 4px 20px #0000004d;min-width:300px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;outline:none}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-button{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:30px;text-align:center;color:#999;font-size:14px}@media (max-width: 480px){.login-box{padding:30px 20px}.login-header h1{font-size:28px}}.setup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;padding:20px}.setup-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:520px;padding:40px}.setup-header{text-align:center;margin-bottom:32px}.setup-header h1{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.setup-header p{font-size:15px;color:#666;line-height:1.5}.setup-form{display:flex;flex-direction:column;gap:16px}.setup-form .form-group{display:flex;flex-direction:column;gap:6px}.setup-form label{font-size:13px;font-weight:600;color:#333}.setup-form input{padding:11px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s}.setup-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setup-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.setup-hint{font-size:12px;color:#888;margin-top:2px}.setup-actions{display:flex;gap:10px;margin-top:12px}.setup-button{flex:1;padding:13px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.setup-button.test{background:#f0f2ff;color:#4c5fd5;border:2px solid #c8d0ff}.setup-button.test:hover:not(:disabled){background:#e0e6ff}.setup-button.save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.setup-button.save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.setup-button:disabled{opacity:.5;cursor:not-allowed}.setup-result{margin-top:14px;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.4}.setup-result.ok{background:#e8f7ee;color:#1f7a3a;border:1px solid #a8e0bc}.setup-result.error{background:#fdecec;color:#b3271f;border:1px solid #f3b8b3}.setup-footer{margin-top:28px;text-align:center;color:#999;font-size:13px}.home-container{padding:30px;max-width:1400px;margin:0 auto}.home-header{margin-bottom:30px}.home-header h1{font-size:32px;color:#333;margin-bottom:8px}.home-subtitle{font-size:16px;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:15px;border-left:4px solid #667eea;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-content{flex:1}.stat-label{font-size:14px;color:#666;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#333}.admin-notice{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;margin-bottom:30px;box-shadow:0 4px 15px #667eea4d}.notice-icon{font-size:32px}.admin-notice strong{display:block;font-size:18px;margin-bottom:4px}.admin-notice p{margin:0;opacity:.9}.modules-section{margin-bottom:30px}.modules-section h2{font-size:24px;color:#333;margin-bottom:20px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.module-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;text-align:center;transition:all .3s ease;border:2px solid transparent}.module-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.module-card.active{border-color:#4caf50}.module-card.inactive{opacity:.6}.module-icon{font-size:36px;margin-bottom:10px}.module-name{font-size:16px;font-weight:600;color:#333;margin-bottom:10px}.module-status{margin-top:10px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#e8f5e9;color:#4caf50}.status-badge.inactive{background:#ffebee;color:#f44336}.quick-info{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.quick-info h2{font-size:20px;color:#333;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;align-items:center;gap:15px}.info-icon{font-size:32px}.info-label{font-size:14px;color:#666;margin-bottom:4px}.info-value{font-size:18px;font-weight:600;color:#333}@media (max-width: 768px){.home-container{padding:20px}.home-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.users-container{padding:14px 20px;max-width:100%;margin:0;height:calc(100vh - 80px);display:flex;flex-direction:column}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:12px;flex-shrink:0}.users-header h1{font-size:18px;font-weight:600;color:#1d1f27;margin-bottom:0}.header-buttons{display:flex;gap:12px;align-items:center}.page-subtitle{font-size:13px;color:#6b7280}.btn-add{background:#f3f4f6;color:#374151;border:1px solid #D1D5DB;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s ease,border-color .15s ease}.btn-add:hover{background:#e5e7eb;border-color:#9ca3af}.toolbar-btn{background:#f3f4f6;color:#374151;border:1px solid #D1D5DB;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s ease,border-color .15s ease;position:relative}.toolbar-btn:hover{background:#e5e7eb;border-color:#9ca3af}.toolbar-btn.active{background:#374151;color:#fff;border-color:#374151}.toolbar-btn.active:hover{background:#1f2937;border-color:#1f2937}.toolbar-badge{position:absolute;top:-7px;right:-7px;background:#374151;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.toolbar-btn.active .toolbar-badge{background:#fff;color:#374151}.toolbar-count{font-size:12px;color:#6b7280;padding:6px 12px;background:#f3f4f6;border-radius:4px;font-weight:500}.btn-icon{width:32px;height:32px;padding:0;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;background:#f5f5f5;color:#666}.btn-icon:hover{background:#e0e0e0;transform:scale(1.1)}.btn-icon-danger{background:#ffebee;color:#f44336}.btn-icon-danger:hover{background:#f44336;color:#fff}.btn-icon-primary{background:#e3f2fd;color:#2196f3}.btn-icon-primary:hover{background:#2196f3;color:#fff}.btn-icon-success{background:#e8f5e9;color:#4caf50}.btn-icon-success:hover{background:#4caf50;color:#fff}.btn-icon-warning{background:#fff3e0;color:#ff9800}.btn-icon-warning:hover{background:#ff9800;color:#fff}.btn-icon-purple{background:#f3e5f5;color:#9c27b0}.btn-icon-purple:hover{background:#9c27b0;color:#fff}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fee;border:1px solid #fcc;color:#c33;padding:20px 40px;border-radius:8px;text-align:center;z-index:9999;box-shadow:0 4px 20px #0000004d;font-size:16px;min-width:300px}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;overflow:auto;flex:1;min-height:0;position:relative}.users-table-container .users-table thead{position:sticky;top:0;z-index:10}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f3f4f6;color:#374151}.users-table th{padding:4px 8px;text-align:left;font-weight:600;font-size:12px;white-space:nowrap;border-bottom:1px solid #E5E7EB}.users-table tbody tr{border-bottom:1px solid #F3F4F6;transition:background-color .1s ease}.users-table tbody tr:hover{background-color:#f9fafb}.users-table tbody tr.protected-user{background-color:#fffbeb}.users-table tbody tr.protected-user:hover{background-color:#fef3c7}.users-table td{padding:3px 8px;font-size:12px;color:#374151;line-height:1.3}.super-admin-badge{display:inline-block;background:#374151;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;margin-left:8px}.badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600}.badge-success{background:#e8f5e9;color:#4caf50}.badge-info{background:#e3f2fd;color:#2196f3}.badge-default{background:#f5f5f5;color:#666}.action-buttons{display:flex;gap:8px}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.btn-edit{background:#e3f2fd;color:#2196f3}.btn-edit:hover:not(:disabled){background:#2196f3;color:#fff}.btn-delete{background:#ffebee;color:#f44336}.btn-delete:hover:not(:disabled){background:#f44336;color:#fff}.btn-edit:disabled,.btn-delete:disabled{opacity:.4;cursor:not-allowed}.no-data{text-align:center;padding:60px 20px;color:#999}.no-data-icon{font-size:64px;display:block;margin-bottom:16px}.access-denied{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;padding:60px 40px;text-align:center}.denied-icon{font-size:64px;display:block;margin-bottom:20px}.access-denied h2{font-size:24px;color:#333;margin-bottom:12px}.access-denied p{color:#666;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 10px 40px #0000004d}.modal-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;color:#333;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#f0f0f0;color:#333}.user-form{padding:10px 16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px}.form-group{display:flex;flex-direction:column;gap:3px}.form-group label{font-size:12px;font-weight:600;color:#333}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{padding:6px 8px;border:1.5px solid #e0e0e0;border-radius:6px;font-size:13px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-hint{font-size:12px;color:#999}.form-hint.error{color:#f44336}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #f0f0f0}.btn-cancel,.btn-submit{padding:7px 18px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#374151;color:#fff}.btn-submit:hover{background:#1f2937}.search-box{display:flex;align-items:center}.search-input{padding:10px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;width:300px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.users-stats{background:#fff;border-radius:8px;padding:12px 20px;margin-bottom:20px;box-shadow:0 1px 3px #0000000a}.users-stats p{margin:0;font-size:14px;color:#666;font-weight:500}.protected-record-label{display:flex;align-items:center;justify-content:center}.pending-task-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700;transition:all .3s ease}.pending-task-badge.success{background:#28a745;color:#fff}.pending-task-badge.warning{animation:blinkRedBlue 1s infinite;color:#fff;font-weight:700}@keyframes blinkRedBlue{0%,49%{background-color:#dc3545}50%,to{background-color:#007bff}}.pending-task-badge.baglanti-fade{animation:baglantiFade 2s ease-in-out infinite}@keyframes baglantiFade{0%,to{opacity:1}50%{opacity:.2}}.btn-icon.all-relays-active{animation:allRelaysBlink .8s ease-in-out infinite;border:2px solid #dc3545!important}@keyframes allRelaysBlink{0%,to{background-color:#dc3545;color:#fff}50%{background-color:#fff;color:#dc3545}}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.users-container{padding:20px}.users-header{flex-direction:column;align-items:flex-start}.header-buttons{flex-direction:column;width:100%}.btn-add{width:100%;justify-content:center}.search-input{width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.form-row{grid-template-columns:1fr}.modal-content{max-width:100%}}.btn-permissions{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.btn-permissions:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.permissions-modal{max-width:900px;width:90%}.permissions-content{padding:20px;max-height:70vh;overflow-y:auto}.permissions-user-info{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f3f4f6;border-radius:8px;margin-bottom:24px}.permissions-username{font-size:20px;font-weight:700;color:#fff}.permissions-userid{background:#fff3;color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.permission-module{background:#f8f9fa;border-radius:8px;padding:16px;border:2px solid #e9ecef;transition:all .3s ease}.permission-module:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.module-header h3{margin:0;font-size:16px;font-weight:700;color:#333;display:flex;align-items:center;gap:8px}.module-actions{display:flex;gap:6px}.module-actions .btn-all,.module-actions .btn-none{padding:4px 10px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.module-actions .btn-all{background:#28a745;color:#fff}.module-actions .btn-all:hover{background:#218838}.module-actions .btn-none{background:#dc3545;color:#fff}.module-actions .btn-none:hover{background:#c82333}.permission-items{display:flex;flex-direction:column;gap:10px}.permission-items label{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;font-size:14px;font-weight:500;color:#555}.permission-items label:hover{background:#e9ecef}.permission-items label.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;color:#667eea}.permission-items label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.perm-icon{font-size:16px}@media (max-width: 768px){.permissions-modal{max-width:100%;margin:10px}.permissions-grid{grid-template-columns:1fr}.permissions-user-info{flex-direction:column;text-align:center;gap:8px}.module-header{flex-direction:column;gap:12px;align-items:flex-start}}.device-list-page{padding:6px 8px;height:calc(100vh - 80px);display:flex;flex-direction:column;max-width:100%;margin:0}.device-list-page .users-header,.device-list-page .search-box{flex-shrink:0;margin-bottom:15px}.device-list-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.device-list-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.device-list-page .users-table{width:100%;border-collapse:collapse}.device-list-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.device-list-page .users-table th{padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.device-list-page .users-table td{padding:3px 8px;font-size:12px;line-height:1.3}@media (max-height: 900px){.device-list-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.device-list-page{height:calc(100vh - 60px)}.device-list-page .users-table th{padding:3px 4px;font-size:11px}.device-list-page .users-table td{padding:2px 4px;font-size:11px}}@media (max-width: 1600px){.device-list-page .users-table th{padding:4px 6px;font-size:12px}.device-list-page .users-table td{padding:3px 6px;font-size:12px}}@media (max-width: 1200px){.device-list-page .table-container{overflow-x:auto}.device-list-page .users-table{min-width:1200px}}.readers-list-page{padding:6px 8px;height:calc(100vh - 80px);display:flex;flex-direction:column;max-width:100%;margin:0}.readers-list-page .users-header{flex-shrink:0;margin-bottom:15px}.readers-list-page .filter-panel{flex-shrink:0;background:#f5f5f5;padding:16px;border-radius:8px;margin-bottom:12px;border:1px solid #e0e0e0}.readers-list-page .users-stats{flex-shrink:0;margin-bottom:12px;padding:10px 16px}.readers-list-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.readers-list-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.readers-list-page .users-table{width:100%;border-collapse:collapse}.readers-list-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.readers-list-page .users-table th{padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.readers-list-page .users-table td{padding:3px 8px;font-size:12px;line-height:1.3}@media (max-height: 900px){.readers-list-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.readers-list-page{height:calc(100vh - 60px)}.readers-list-page .users-table th{padding:3px 4px;font-size:11px}.readers-list-page .users-table td{padding:2px 4px;font-size:11px}.readers-list-page .filter-panel{padding:6px 8px}}@media (max-width: 1600px){.readers-list-page .users-table th{padding:4px 6px;font-size:12px}.readers-list-page .users-table td{padding:3px 6px;font-size:12px}}@media (max-width: 1200px){.readers-list-page .table-container{overflow-x:auto}.readers-list-page .users-table{min-width:1400px}}.monitor-page{padding:6px 8px;height:calc(100vh - 80px);display:flex;flex-direction:column;max-width:100%;margin:0}.monitor-page .users-header{flex-shrink:0;margin-bottom:15px}.monitor-page .error-message{flex-shrink:0}.monitor-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.monitor-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.monitor-page .users-table{width:100%;border-collapse:collapse}.monitor-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.monitor-page .users-table th{padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.monitor-page .users-table td{padding:3px 8px;font-size:12px;line-height:1.3}@media (max-height: 900px){.monitor-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.monitor-page{height:calc(100vh - 60px)}.monitor-page .users-table th{padding:3px 4px;font-size:11px}.monitor-page .users-table td{padding:2px 4px;font-size:11px}}@media (max-width: 1200px){.monitor-page .table-container{overflow-x:auto}.monitor-page .users-table{min-width:900px}}.sicil-list-page{padding:6px 8px;height:calc(100vh - 80px);display:flex;flex-direction:column;max-width:100%;margin:0}.sicil-list-page .users-header{flex-shrink:0;margin-bottom:10px}.sicil-list-page .filter-panel,.sicil-list-page .column-selector-panel,.sicil-list-page .group-selector-panel,.sicil-list-page .error-message{flex-shrink:0}.sicil-list-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.sicil-list-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.sicil-list-page .users-table{width:100%;border-collapse:collapse}.sicil-list-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.sicil-list-page .users-table th{padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.sicil-list-page .users-table td{padding:3px 8px;font-size:12px;line-height:1.3}.sicil-list-page .users-table td button{padding:8px!important;line-height:1.2!important}.sicil-list-page .users-table td input[type=checkbox]{width:13px;height:13px}@media (max-height: 900px){.sicil-list-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.sicil-list-page{height:calc(100vh - 60px)}.sicil-list-page .users-table th{padding:3px 4px;font-size:11px}.sicil-list-page .users-table td{padding:2px 4px;font-size:11px}}@media (max-width: 1600px){.sicil-list-page .users-table th{padding:4px 6px;font-size:12px}.sicil-list-page .users-table td{padding:3px 6px;font-size:12px}}@media (max-width: 1200px){.sicil-list-page .table-container{overflow-x:auto}.sicil-list-page .users-table{min-width:1200px}}.userlist-page{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column;max-width:100%;margin:0}.userlist-page .users-header{flex-shrink:0;margin-bottom:10px}.userlist-page .filter-panel,.userlist-page .column-selector-panel,.userlist-page .group-selector-panel{flex-shrink:0}.userlist-page .users-stats{flex-shrink:0;margin-bottom:10px}.userlist-page .error-message{flex-shrink:0}.userlist-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.userlist-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.userlist-page .users-table{width:100%;border-collapse:collapse}.userlist-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.userlist-page .users-table th{padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.userlist-page .users-table td{padding:3px 8px;font-size:12px;line-height:1.3}@media (max-height: 900px){.userlist-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.userlist-page{height:calc(100vh - 60px)}.userlist-page .users-table th{padding:3px 4px;font-size:11px}.userlist-page .users-table td{padding:2px 4px;font-size:11px}}@media (max-width: 1600px){.userlist-page .users-table th{padding:4px 6px;font-size:12px}.userlist-page .users-table td{padding:3px 6px;font-size:12px}}@media (max-width: 1200px){.userlist-page .table-container{overflow-x:auto}.userlist-page .users-table{min-width:1400px}}.report-page{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column;max-width:100%;margin:0}.report-page .report-header,.report-page .filter-form{flex-shrink:0;margin-bottom:15px}.report-page .column-selector,.report-page .group-selector,.report-page .error-message{flex-shrink:0}.report-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.report-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.report-page .users-table{width:100%;border-collapse:collapse}.report-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.report-page .users-table th{padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.report-page .users-table td{padding:3px 8px;font-size:12px;line-height:1.3}@media (max-height: 900px){.report-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.report-page{height:calc(100vh - 60px)}.report-page .users-table th{padding:3px 4px;font-size:11px}.report-page .users-table td{padding:2px 4px;font-size:11px}}@media (max-width: 1600px){.report-page .users-table th{padding:4px 6px;font-size:12px}.report-page .users-table td{padding:3px 6px;font-size:12px}}@media (max-width: 1200px){.report-page .table-container{overflow-x:auto}.report-page .users-table{min-width:1200px}}.users-page{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column;max-width:100%;margin:0}.users-page .users-header{flex-shrink:0;margin-bottom:15px}.users-page .error-message{flex-shrink:0}.users-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.users-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.users-page .users-table{width:100%;border-collapse:collapse}.users-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.users-page .users-table th{padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.users-page .users-table td{padding:3px 8px;font-size:12px;line-height:1.3}@media (max-height: 900px){.users-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.users-page{height:calc(100vh - 60px)}.users-page .users-table th{padding:3px 4px;font-size:11px}.users-page .users-table td{padding:2px 4px;font-size:11px}}@media (max-width: 1200px){.users-page .table-container{overflow-x:auto}.users-page .users-table{min-width:800px}}.user-auth-page{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column;max-width:100%;margin:0}.user-auth-page .users-header{flex-shrink:0;margin-bottom:15px}.user-auth-page .filter-panel{flex-shrink:0;background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:15px;border:1px solid #e0e0e0}.user-auth-page .error-message{flex-shrink:0}.user-auth-page .content-wrapper{flex:1;display:flex;gap:20px;min-height:0;overflow:hidden}.user-auth-page .table-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.user-auth-page .table-panel.main{flex:2}.user-auth-page .table-panel.side{flex:1}.user-auth-page .panel-header{flex-shrink:0;padding:15px;border-bottom:1px solid #e0e0e0}.user-auth-page .panel-header h3{margin:0}.user-auth-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.user-auth-page .users-table{width:100%;border-collapse:collapse;margin-bottom:0}.user-auth-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.user-auth-page .users-table th{padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.user-auth-page .users-table td{padding:3px 8px;font-size:12px;line-height:1.3}@media (max-height: 900px){.user-auth-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.user-auth-page{height:calc(100vh - 60px)}.user-auth-page .users-table th{padding:3px 4px;font-size:11px}.user-auth-page .users-table td{padding:2px 4px;font-size:11px}}@media (max-width: 1200px){.user-auth-page .content-wrapper{flex-direction:column}.user-auth-page .table-panel.main,.user-auth-page .table-panel.side{flex:none;max-height:50%}}.page-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.page-tab{padding:12px 24px;border:none;background:transparent;color:#666;font-size:15px;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;display:flex;align-items:center;gap:8px}.page-tab:hover{background:#f5f5f5;color:#333}.page-tab.active{background:#1976d2;color:#fff}.tab-icon{font-size:18px}.hierarchy-view{display:flex;gap:20px;height:calc(100vh - 180px);min-height:500px}.hierarchy-left-panel{width:320px;min-width:280px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:16px 20px;background:#374151;color:#fff;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:16px;font-weight:600}.panel-search{padding:12px;border-bottom:1px solid #eee}.panel-search .search-input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px}.manager-list{flex:1;overflow-y:auto;padding:8px}.manager-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:4px}.manager-item:hover{background:#f5f5f5}.manager-item.selected{background:#e3f2fd;border-left:3px solid #1976d2}.manager-avatar{width:40px;height:40px;border-radius:50%;background:#374151;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.manager-info{flex:1;min-width:0}.manager-name{font-weight:600;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-title{font-size:12px;color:#888;margin-top:2px}.manager-count{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600}.hierarchy-right-panel{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.panel-actions{display:flex;gap:8px}.panel-btn{padding:6px 12px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.panel-btn:hover{background:#ffffff40}.tree-container{flex:1;overflow:auto;padding:20px}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.no-selection-icon{font-size:48px;margin-bottom:16px}.no-data-small{text-align:center;padding:20px;color:#888}.tree-node{margin-bottom:4px}.tree-node-content{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fa;border-radius:8px;border:2px solid transparent;cursor:grab;transition:all .2s;width:fit-content;max-width:420px}.tree-node-content:hover{background:#e3f2fd;border-color:#90caf9}.tree-node-content.is-manager{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:3px solid #4caf50}.tree-node-content.dragging{opacity:.5;transform:scale(.98)}.tree-node-content.drag-over{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.tree-toggle{width:24px;height:24px;border:none;background:#e0e0e0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:#666;transition:all .2s}.tree-toggle:hover{background:#1976d2;color:#fff}.tree-toggle-placeholder{width:24px;height:24px}.tree-node-avatar{width:36px;height:36px;border-radius:50%;background:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.tree-node-info{flex:1;min-width:0}.tree-node-name{font-weight:600;font-size:14px;color:#333;display:flex;align-items:center;gap:8px}.manager-badge{background:#4caf50;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:500}.show-departed-toggle{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none}.show-departed-toggle input{cursor:pointer}.departed-badge{background:#9e9e9e;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:500}.manager-item.departed,.tree-node-content.departed{opacity:.6}.tree-node-detail{font-size:12px;color:#666;margin-top:2px}.tree-node-actions{display:flex;gap:6px}.tree-action-btn{padding:6px 10px;border:none;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.tree-action-btn:hover{background:#1976d2;transform:scale(1.1)}.tree-children{margin-top:4px;padding-left:20px;border-left:2px solid #e0e0e0;margin-left:12px}.selected-person-info{background:#374151;color:#fff;padding:16px;border-radius:8px;margin-bottom:16px}.btn-remove-manager{width:100%;padding:12px;margin-bottom:16px;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;font-weight:600;cursor:pointer;transition:all .2s}.btn-remove-manager:hover{background:#ffc107;color:#000}.manager-search-modal{margin-bottom:12px}.manager-search-modal .search-input{width:100%;padding:12px}.manager-select-list{max-height:350px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px}.manager-select-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.manager-select-item:hover{background:#f5f5f5}.manager-select-item.current{background:#e8f5e9;cursor:not-allowed}.manager-avatar-small{width:36px;height:36px;border-radius:50%;background:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.manager-select-info{flex:1}.manager-select-info div{font-weight:600;color:#333}.manager-select-info small{color:#888}.current-badge{background:#4caf50;color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600}.assign-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #4caf504d}.assign-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 8px #4caf5066}.assign-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.unassigned-info{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-top:1px solid #ffcc80;margin-top:auto}.unassigned-count{display:flex;align-items:center;gap:8px;font-size:13px;color:#e65100;font-weight:600}.unassigned-count:before{content:"⚠";font-size:16px}.assign-modal{width:500px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column}.assign-target-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;margin-bottom:16px}.assign-label{color:#1565c0;font-size:13px}.assign-target-info strong{color:#0d47a1;font-size:15px}.assign-search{margin-bottom:12px}.assign-search .search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.assign-search .search-input:focus{outline:none;border-color:#4caf50}.assign-selected-count{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#e8f5e9;border-radius:8px;margin-bottom:12px}.assign-selected-count span{color:#2e7d32;font-weight:600;font-size:14px}.btn-assign-all{padding:8px 20px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-assign-all:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:scale(1.02)}.assign-list{flex:1;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;max-height:400px}.assign-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:all .2s}.assign-item:last-child{border-bottom:none}.assign-item:hover{background:#f5f5f5}.assign-item.selected{background:#e8f5e9}.assign-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4caf50}.assign-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.assign-info{flex:1;min-width:0}.assign-name{font-weight:600;color:#333;font-size:14px}.assign-detail{font-size:12px;color:#888;margin-top:2px}.btn-assign-single{padding:6px 14px;background:#fff;color:#4caf50;border:2px solid #4caf50;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-assign-single:hover{background:#4caf50;color:#fff}.assign-list-empty{padding:40px 20px;text-align:center;color:#888}.assign-list-empty:before{content:"✓";display:block;font-size:48px;color:#4caf50;margin-bottom:12px}@media (max-width: 992px){.hierarchy-view{flex-direction:column;height:auto}.hierarchy-left-panel{width:100%;max-height:300px}.hierarchy-right-panel{min-height:400px}.assign-modal{width:100%}}@keyframes highlightPulse{0%{box-shadow:0 0 #ff980099}25%{box-shadow:0 0 0 10px #ff98004d}50%{box-shadow:0 0 0 15px #ff98001a}75%{box-shadow:0 0 0 10px #ff98004d}to{box-shadow:0 2px 8px #ff98004d}}.modal-content-wide{max-width:700px}.filters-row{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:8px}.filters-row .search-input{flex:1;min-width:200px}.btn-secondary{padding:8px 16px;border-radius:4px;border:none;background-color:#6c757d;color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-secondary:hover{background-color:#5a6268}.filter-count{margin-left:auto;color:#666;font-size:14px}.master-row{background-color:#fff3cd!important}.master-row:hover{background-color:#fff0b3!important}.master-badge{margin-left:5px;font-size:10px;color:#856404;font-weight:700}.day-selector{margin-top:20px;margin-bottom:15px}.day-selector-label{font-weight:700;margin-bottom:10px;display:block;font-size:14px;color:#333}.day-buttons{display:flex;flex-wrap:wrap;gap:10px}.day-button{display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:#f0f0f0;color:#333;border-radius:4px;cursor:pointer;transition:all .2s;border:none;font-size:14px}.day-button.active{background-color:#667eea;color:#fff}.day-button:hover{opacity:.9}.period-section{margin-top:20px}.period-section-label{font-weight:700;margin-bottom:10px;display:block;font-size:14px;color:#333}.period-row{display:grid;grid-template-columns:80px 1fr 1fr 1fr;gap:10px;align-items:center;margin-bottom:10px;padding:10px;background-color:#f9f9f9;border-radius:4px}.period-label{font-weight:500;font-size:14px;color:#333}.period-field label{font-size:11px;color:#666;display:block;margin-bottom:4px}.period-field input{width:100%;padding:6px;border-radius:4px;border:1px solid #ddd;font-size:14px}.period-field input:focus{outline:none;border-color:#667eea}@media (max-width: 600px){.period-row{grid-template-columns:1fr;gap:8px}.day-buttons{gap:6px}.day-button{padding:6px 10px;font-size:12px}}.import-export-container{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{font-size:28px;color:#2c3e50;margin-bottom:10px}.page-header p{font-size:14px;color:#7f8c8d}.import-export-content{min-height:400px}.import-section h2,.export-section h2{font-size:22px;color:#2c3e50;margin-bottom:20px}.import-options,.export-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.export-description{font-size:14px;color:#7f8c8d;margin-bottom:30px;padding:15px;background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:4px}.import-section-wrapper{margin-bottom:30px}.export-buttons-container{display:flex;gap:20px;justify-content:center;max-width:800px;margin:0 auto}.selected-file-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px;padding:12px 20px;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:6px;font-size:14px;color:#2e7d32;max-width:800px;margin-left:auto;margin-right:auto}.selected-file-info .file-icon{font-size:20px}.selected-file-info .file-name{font-weight:600;color:#1b5e20}.selected-file-info .file-size{color:#558b2f;font-size:13px}.btn-export-main{flex:1;padding:20px 40px;font-size:16px;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-export-main:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}.btn-export-main.excel{background:linear-gradient(135deg,#27ae60,#229954)}.btn-export-main.excel:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 12px #27ae6066}.btn-export-main.csv{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-export-main.csv:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 12px #3498db66}.loading-indicator{text-align:center;margin-top:30px;padding:20px;font-size:16px;color:#3498db;background-color:#ebf5fb;border-radius:8px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.imported-data-section{margin-top:40px;padding-top:30px;border-top:2px solid #ecf0f1}.imported-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.imported-data-section h3{font-size:18px;color:#2c3e50;margin:0}.btn-clear-data{padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #e74c3c4d}.btn-clear-data:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #e74c3c66}.btn-clear-data:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}.table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.imported-data-table{width:100%;border-collapse:collapse}.imported-data-table thead{background:#f3f4f6;color:#374151}.imported-data-table th{padding:4px 8px;text-align:left;font-weight:600;font-size:12px;white-space:nowrap;border-bottom:1px solid #E5E7EB}.imported-data-table tbody tr{border-bottom:1px solid #F3F4F6}.imported-data-table tbody tr:hover{background-color:#f9fafb}.imported-data-table tbody tr:last-child{border-bottom:none}.imported-data-table td{padding:3px 8px;font-size:12px;color:#374151;line-height:1.3;white-space:nowrap}.imported-data-table tbody tr:nth-child(2n){background-color:#f9f9f9}.imported-data-table tbody tr:nth-child(2n):hover{background-color:#f0f0f0}.import-card,.export-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.import-card:hover,.export-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#3498db}.import-card h3,.export-card h3{font-size:18px;color:#2c3e50;margin-bottom:10px}.import-card p,.export-card p{font-size:14px;color:#7f8c8d;margin-bottom:16px;line-height:1.5}.btn-import{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background-color:#27ae60;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;width:100%}.btn-import:hover{background-color:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.export-buttons{display:flex;gap:10px}.btn-export{flex:1;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.btn-export.excel{background-color:#27ae60}.btn-export.excel:hover{background-color:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.btn-export.csv{background-color:#3498db}.btn-export.csv:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.oto-section h2{font-size:20px;color:#2c3e50;margin-bottom:8px}.oto-desc{font-size:14px;color:#7f8c8d;margin-bottom:16px}.oto-sonuc-mesaj{margin-top:20px;padding:16px 24px;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;font-size:15px;font-weight:600;text-align:center}.oto-kontrol-sonuc{margin-top:30px}.oto-yeni-kayitlar{margin-bottom:30px}.oto-yeni-kayitlar h3,.oto-cakisan-kayitlar h3{font-size:17px;color:#2c3e50;margin-bottom:12px}.row-yeni{background-color:#e8f5e9!important}.oto-cakisan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.oto-toplu-islem{display:flex;gap:8px}.btn-toplu{padding:6px 16px;font-size:13px;font-weight:500;color:#3498db;background:#fff;border:1px solid #3498db;border-radius:4px;cursor:pointer;transition:all .2s}.btn-toplu:hover{background:#3498db;color:#fff}.oto-cakisma-kart{margin-bottom:20px;border:1px solid #f0c040;border-radius:8px;overflow:hidden;background:#fffdf5}.oto-cakisma-baslik{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff8e1;border-bottom:1px solid #f0c040}.oto-cakisma-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;font-weight:500;color:#2c3e50}.oto-cakisma-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.oto-cakisma-id{font-size:14px;color:#7f8c8d}.oto-karsilastirma-table{width:100%;border-collapse:collapse;font-size:13px}.oto-karsilastirma-table thead{background-color:#f5f5f5}.oto-karsilastirma-table th{padding:8px 12px;text-align:left;font-weight:600;color:#555;border-bottom:1px solid #ddd}.oto-karsilastirma-table td{padding:6px 12px;border-bottom:1px solid #eee;color:#2c3e50}.oto-karsilastirma-table .alan-adi{font-weight:600;color:#555;width:120px}.row-farkli{background-color:#fff3cd!important}.row-farkli td{font-weight:600}.oto-grup-bolumu{margin-bottom:36px;padding-bottom:24px;border-bottom:2px solid #ecf0f1}.oto-grup-bolumu:last-of-type{border-bottom:none}.oto-grup-baslik{font-size:18px;color:#2c3e50;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #ddd}.oto-export-liste{margin-top:12px}.oto-export-toplu{display:flex;align-items:center;gap:8px;margin-bottom:10px}.oto-export-sayac{font-size:13px;color:#7f8c8d;margin-left:8px}.row-secili{background-color:#e3f2fd!important}.oto-uygula-container{margin-top:24px;display:flex;justify-content:center}@media (max-width: 768px){.import-options,.export-options{grid-template-columns:1fr}}.dashboard-container{min-height:100vh;background-color:#f5f7fa}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 0;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-content h1{font-size:24px;font-weight:600}.user-info{display:flex;align-items:center;gap:15px}.user-name{font-weight:500}.admin-badge{background-color:#fff3;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.3)}.logout-btn{background-color:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.logout-btn:hover{background-color:#ffffff4d}.dashboard-main{max-width:1200px;margin:0 auto;padding:40px 20px}.welcome-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.welcome-section h2{color:#333;font-size:28px;margin-bottom:10px}.welcome-section p{color:#666;font-size:16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.info-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.info-card h3{color:#333;font-size:20px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f5f5f5}.info-item:last-child{border-bottom:none}.info-item .label{color:#666;font-weight:500}.info-item .value{color:#333;font-weight:600}.permissions-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.permissions-card h3{color:#fff;border-bottom-color:#fff3}.permissions-list{display:flex;flex-direction:column;gap:12px}.permission-item{display:flex;align-items:center;gap:12px;padding:10px;background-color:#ffffff1a;border-radius:8px}.permission-item .icon{width:24px;height:24px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.module-permissions{display:flex;flex-direction:column;gap:20px}.module-group{padding:15px;background-color:#f9f9f9;border-radius:8px}.module-group h4{color:#333;margin-bottom:10px;font-size:16px}.module-group span{display:inline-block;margin-right:15px;font-size:14px}.perm-yes{color:#4caf50;font-weight:600}.perm-no{color:#f44336;font-weight:600}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start}.user-info{width:100%;justify-content:space-between}.info-grid{grid-template-columns:1fr}.welcome-section,.info-card{padding:20px}}.pdt-calendar-page{padding:10px 14px;max-width:100%;margin:0;height:calc(100vh - 56px);display:flex;flex-direction:column}.pdt-calendar-page .users-header{flex-shrink:0;margin-bottom:8px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pdt-calendar-page .users-header h1{font-size:18px;margin-bottom:0;white-space:nowrap}.pdt-calendar-page .users-header .page-subtitle{display:none}.pdt-calendar-page .page-tabs{flex-shrink:0;margin-bottom:0;border-bottom:none}.pdt-calendar-page .page-tab{padding:5px 16px;font-size:13px}.pdt-calendar-page .gunluk-summary,.pdt-calendar-page .pdt-filters,.pdt-calendar-page .pdt-person-info,.pdt-calendar-page .loading,.pdt-calendar-page .pdt-placeholder,.pdt-calendar-page .error-message,.pdt-calendar-page .success-message{flex-shrink:0}.pdt-filters{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.pdt-calendar-page .pdt-filters{padding:8px 12px;margin-bottom:6px;gap:10px;border-radius:8px}.pdt-month-nav{display:flex;align-items:center;gap:8px}.nav-btn{width:36px;height:36px;border:1px solid #D1D5DB;background:#f3f4f6;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#374151}.nav-btn:hover{background:#e5e7eb;border-color:#9ca3af}.nav-month-select{display:flex;gap:6px}.nav-month-select select{padding:8px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.pdt-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e9ecef;font-size:12px;color:#555}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{display:inline-block;width:14px;height:14px;border-radius:3px}.cal-calisma-color{background:#f0f4ff;border:1px solid #c5d5ff}.cal-tamam-color{background:#d4edda;border:1px solid #a3d9b1}.cal-eksik-color{background:#fff3cd;border:1px solid #ffc107}.cal-hafta-tatili-color{background:#42a5f5;border:1px solid #1e88e5}.cal-resmi-tatil-color{background:#fb8c00;border:1px solid #e65100}.cal-izinli-ucretli-color{background:#4caf50;border:1px solid #388e3c}.cal-izinli-ucretsiz-color{background:#e53935;border:1px solid #c62828}.cal-izin-beklemede-color{background:repeating-linear-gradient(45deg,#fff9c4,#fff9c4 4px,#fff176 4px,#fff176 8px);border:1px solid #f9a825}.cal-devamsiz-color{background:#ffebee;border:1px solid #e57373}.cal-dis-tarih-color{background:#9e9e9e;border:1px solid #757575}.pdt-person-info{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;background:#f3f4f6;color:#374151;border-radius:10px;color:#fff;font-size:14px}.pdt-calendar-page .pdt-person-info{padding:5px 12px;margin-bottom:6px;border-radius:6px;font-size:13px}.pdt-calendar-page .person-name{font-size:14px}.person-badge{background:#fff3;padding:4px 12px;border-radius:20px;font-weight:700;font-size:13px}.person-name{font-weight:600;font-size:16px}.person-period{margin-left:auto;font-weight:500;opacity:.9}.person-mesai{background:#ffffff26;padding:4px 10px;border-radius:6px;font-size:12px}.pdt-placeholder{padding:60px 20px;text-align:center;color:#999;font-size:16px;background:#fff;border-radius:12px;border:2px dashed #e0e0e0}.pdt-calendar{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;overflow:hidden;border:1px solid #e9ecef}.cal-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f3f4f6;color:#374151}.cal-header-cell{padding:6px 4px;text-align:center;font-weight:700;font-size:11px;color:#fff}.cal-weekend-header{background:#0000001a}.cal-body{padding:3px}.cal-row{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:3px}.cal-cell{min-height:72px;border:1px solid #eee;border-radius:6px;padding:4px;display:flex;flex-direction:column;cursor:pointer;transition:all .15s;background:#fafafa;position:relative}.cal-cell:hover:not(.cal-empty){box-shadow:0 2px 8px #0000001f;transform:translateY(-1px);z-index:1}.cal-empty{background:transparent;border-color:transparent;cursor:default}.cal-no-data{background:#f5f5f5;border-color:#eee;cursor:default}.cal-future{background:#fff;border-color:#e0e0e0}.cal-dis-tarih{background:#9e9e9e;border-color:#757575;color:#fff;opacity:.7}.cal-calisma{background:#f0f4ff;border-color:#c5d5ff}.cal-calisma.cal-tamam{background:#d4edda;border-color:#a3d9b1}.cal-calisma.cal-eksik{background:#fff3cd;border-color:#ffc107}.cal-calisma.cal-devamsiz{background:#ffebee;border-color:#e57373}.cal-hafta-tatili{background:#42a5f5;border-color:#1e88e5;color:#fff}.cal-resmi-tatil{background:#fb8c00;border-color:#e65100;color:#fff}.cal-izinli-ucretli{background:#4caf50;border-color:#388e3c;color:#fff}.cal-izinli-ucretsiz{background:#e53935;border-color:#c62828;color:#fff}.cal-izin-beklemede{background:repeating-linear-gradient(45deg,#fffde7,#fffde7 4px,#fff9c4 4px,#fff9c4 8px);border-color:#f9a825;border-style:dashed;color:#5d4037}.cal-today{border:2px solid #667eea!important;box-shadow:0 0 0 2px #667eea33}.cal-today .cal-day-num{background:#667eea;color:#fff}.cal-day-num{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#111;border-radius:50%;margin-bottom:2px}.cal-day-content{flex:1;display:flex;flex-direction:column;gap:1px;font-size:9px;overflow:hidden}.cal-no-record{align-items:center;justify-content:center;color:#ccc}.cal-mesai-tag{font-size:8px;color:#1a237e;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#1a237e1a;padding:1px 3px;border-radius:3px}.cal-tatil-tag{font-size:8px;color:#c62828;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-izin-tag{font-size:9px;font-weight:600;border-radius:3px;padding:1px 3px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-izin-ucretli{color:#fff;background:#2e7d32}.cal-izin-ucretsiz{color:#fff;background:#c62828}.cal-izin-saatlik{color:#1565c0;background:#e3f2fd}.cal-izin-beklemede-tag{color:#5d4037;background:#fff9c4;border:1px dashed #f9a825}.cal-times{display:flex;gap:4px;flex-wrap:wrap}.cal-giris{color:#1b5e20;font-weight:700;font-size:9px}.cal-giris:before{content:"↓"}.cal-cikis{color:#b71c1c;font-weight:700;font-size:9px}.cal-cikis:before{content:"↑"}.cal-sure{font-size:9px;color:#222;font-weight:700;margin-top:auto}.cal-dis-tarih .cal-day-num,.cal-hafta-tatili .cal-day-num,.cal-resmi-tatil .cal-day-num,.cal-izinli-ucretli .cal-day-num,.cal-izinli-ucretsiz .cal-day-num{color:#fff}.cal-dis-tarih .cal-mesai-tag,.cal-hafta-tatili .cal-mesai-tag,.cal-resmi-tatil .cal-mesai-tag,.cal-izinli-ucretli .cal-mesai-tag,.cal-izinli-ucretsiz .cal-mesai-tag{color:#fff;background:#fff3}.cal-hafta-tatili .cal-tatil-tag,.cal-resmi-tatil .cal-tatil-tag,.cal-izinli-ucretli .cal-tatil-tag,.cal-izinli-ucretsiz .cal-tatil-tag,.cal-dis-tarih .cal-giris,.cal-hafta-tatili .cal-giris,.cal-resmi-tatil .cal-giris,.cal-izinli-ucretli .cal-giris,.cal-izinli-ucretsiz .cal-giris,.cal-dis-tarih .cal-cikis,.cal-hafta-tatili .cal-cikis,.cal-resmi-tatil .cal-cikis,.cal-izinli-ucretli .cal-cikis,.cal-izinli-ucretsiz .cal-cikis,.cal-dis-tarih .cal-sure,.cal-hafta-tatili .cal-sure,.cal-resmi-tatil .cal-sure,.cal-izinli-ucretli .cal-sure,.cal-izinli-ucretsiz .cal-sure{color:#fff}.pdt-month-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;background:#fff;border-radius:10px;border:1px solid #e9ecef;box-shadow:0 1px 4px #0000000a}.summary-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:6px 12px;background:#f8f9fa;border-radius:8px}.summary-label{font-size:11px;color:#888;font-weight:500}.summary-value{font-size:18px;font-weight:700;color:#333}.gunluk-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:14px 16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #e9ecef;box-shadow:0 1px 4px #0000000a}.pdt-calendar-page .gunluk-summary{padding:6px 10px;margin-bottom:6px;gap:6px;border-radius:6px}.pdt-calendar-page .gunluk-summary .summary-item{min-width:60px;padding:3px 8px;gap:0}.pdt-calendar-page .gunluk-summary .summary-label{font-size:10px}.pdt-calendar-page .gunluk-summary .summary-value{font-size:15px}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.badge-purple{background:#e8eaf6;color:#4527a0}@media (max-height: 900px){.pdt-calendar-page{height:calc(100vh - 70px)}}@media (max-height: 700px){.pdt-calendar-page{height:calc(100vh - 60px)}.pdt-calendar-page .users-table th,.pdt-calendar-page .users-table td{padding:4px;font-size:11px}}@media (max-width: 900px){.pdt-calendar-page{padding:10px}.cal-cell{min-height:70px;padding:4px}.cal-day-num{width:20px;height:20px;font-size:11px}.cal-mesai-tag,.cal-tatil-tag,.cal-izin-tag,.cal-giris,.cal-cikis{font-size:9px}.pdt-month-summary{gap:6px}.summary-item{min-width:70px;padding:4px 8px}.summary-value{font-size:15px}}@media (max-width: 600px){.pdt-filters{flex-direction:column;align-items:stretch}.pdt-month-nav{justify-content:center}.cal-cell{min-height:55px;padding:3px}.cal-header-cell{font-size:11px;padding:8px 2px}.cal-day-content{font-size:8px}.pdt-person-info{flex-wrap:wrap;font-size:12px}.person-period{margin-left:0}.gunluk-summary{gap:6px}.gunluk-summary .summary-item{min-width:60px;padding:4px 8px}}.pdt-calendar-page .users-table{table-layout:auto}.pdt-calendar-page .users-table th{padding:6px 5px;font-size:14px;font-weight:700;white-space:nowrap}.pdt-calendar-page .users-table td{padding:4px 5px;font-size:12px;line-height:1;height:12px}.pdt-calendar-page .users-table td button{padding:2px 7px!important;line-height:1.2!important;margin-right:3px!important;margin-left:3px!important;vertical-align:middle}.pdt-calendar-page .users-table td input[type=checkbox]{width:13px;height:13px;vertical-align:middle}.pdt-calendar-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column}.pdt-calendar-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.pdt-calendar-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.pdt-report-page .users-table{table-layout:auto}.pdt-report-page .users-table thead{position:sticky;top:0;z-index:10;background:#f3f4f6;color:#374151}.pdt-report-page .users-table th{padding:8px;font-size:14px;font-weight:700;white-space:nowrap}.pdt-report-page .users-table td{padding:6px 8px;font-size:12px}.pdt-report-page .table-container{flex:1;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column}.pdt-report-page .table-scroll-wrapper{flex:1;overflow:auto;position:relative}.cal-context-menu{position:fixed;z-index:1000;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:4px 0}.cal-ctx-item{padding:8px 16px;cursor:pointer;font-size:13px;color:#333}.cal-ctx-item:hover{background:#f0f0f0}.cal-ctx-danger{color:#c62828}.cal-ctx-danger:hover{background:#ffebee}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.puantaj-rapor-container{max-width:100%}.puantaj-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:12px}.puantaj-filters .filter-group{display:flex;flex-direction:column;gap:4px}.puantaj-filters .filter-group label{font-size:13px;font-weight:500;color:#495057}.puantaj-filters .filter-group select,.puantaj-filters .filter-group input{padding:7px 10px;border-radius:4px;border:1px solid #ddd;font-size:14px;min-width:120px}.puantaj-filters .filter-group input{min-width:180px}.puantaj-filters .filter-sep{width:1px;height:36px;background:#dee2e6;align-self:flex-end}.btn-secondary{padding:7px 16px;border-radius:4px;border:1px solid #6c757d;background:#fff;color:#495057;font-size:13px;cursor:pointer;transition:all .15s}.btn-secondary:hover:not(:disabled){background:#e9ecef}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.puantaj-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:12px}.legend-item{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px}.legend-symbol{font-weight:700;font-size:11px}.legend-label{font-size:11px;color:#555}.legend-info{margin-left:auto;font-weight:600;color:#333}.puantaj-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:10px 16px;border-radius:6px;margin-bottom:12px;font-size:14px}.puantaj-empty{text-align:center;padding:60px 20px;color:#888;font-size:15px;background:#f8f9fa;border-radius:8px}.puantaj-table-wrapper{overflow:auto;max-height:calc(100vh - 300px);border:1px solid #dee2e6;border-radius:8px}.puantaj-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}.puantaj-table thead th{position:sticky;top:0;z-index:2;background:#343a40;color:#fff;padding:6px 4px;text-align:center;font-weight:600;font-size:11px;border-bottom:2px solid #495057;white-space:nowrap;-webkit-user-select:none;user-select:none}.puantaj-table thead th.sticky-col{z-index:4;cursor:pointer}.puantaj-table thead th.sticky-col:hover{background:#495057}.sticky-col.col-sicilno{position:sticky;left:0;z-index:3;min-width:80px;max-width:80px;text-align:left;padding-left:8px}.sticky-col.col-adsoyad{position:sticky;left:80px;z-index:3;min-width:150px;max-width:150px;text-align:left;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:2px solid #adb5bd}.puantaj-table tbody td.sticky-col{background:#fff}.puantaj-table tbody tr:nth-child(2n) td.sticky-col{background:#f8f9fa}.puantaj-table tbody tr:hover td.sticky-col{background:#e9ecef}.day-header{min-width:34px;max-width:34px}.day-header.weekend{background:#495057!important}.day-header .gun-adi{font-size:9px;font-weight:400;opacity:.8}.day-cell{text-align:center;padding:4px 2px;font-weight:700;font-size:11px;min-width:34px;max-width:34px;border-right:1px solid #eee;border-bottom:1px solid #eee}.day-empty{color:#ccc}.day-geldi{background:#d4edda;color:#155724}.day-gelmedi{background:#f8d7da;color:#721c24}.day-hafta-tatili{background:#e2e3e5;color:#6c757d}.day-resmi-tatil{background:#c8cbcf;color:#383d41}.day-izinli{background:#cce5ff;color:#004085}.day-eksik{background:#fff3cd;color:#856404}.day-belirsiz{background:#f5f5f5;color:#999}.day-cell.has-saatlik-izin{position:relative}.saatlik-izin-dot{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#1565c0;border:1px solid #fff}.legend-item.day-geldi{background:#d4edda}.legend-item.day-gelmedi{background:#f8d7da}.legend-item.day-hafta-tatili{background:#e2e3e5}.legend-item.day-resmi-tatil{background:#c8cbcf}.legend-item.day-izinli{background:#cce5ff}.legend-item.day-eksik{background:#fff3cd}.legend-item.day-belirsiz{background:#f5f5f5}.ozet-header{min-width:55px;background:#2c3e50!important;font-size:10px!important}.ozet-cell{text-align:center;padding:4px 6px;font-size:11px;font-weight:500;background:#f0f4f8;border-right:1px solid #dce3ea;border-bottom:1px solid #eee;white-space:nowrap}.ozet-cell.mesai-tanim{font-size:10px;white-space:nowrap;text-align:left;padding-left:6px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.ozet-cell.eksik-val{color:#c62828;font-weight:600}.puantaj-table tbody tr{transition:background .1s}.puantaj-table tbody tr:nth-child(2n) td:not(.sticky-col){background-color:#00000004}.puantaj-table tbody tr:nth-child(2n) td.ozet-cell{background:#e8edf2}.puantaj-table tbody tr:hover td:not(.sticky-col){background-color:#0000000a}.puantaj-table tbody tr:hover td.ozet-cell{background:#dde4eb}.toplam-row td{position:sticky;bottom:0;z-index:2;background:#343a40!important;color:#fff;font-weight:700;font-size:11px;padding:8px 4px;border-top:2px solid #495057}.toplam-row td.sticky-col{z-index:4;background:#343a40!important;color:#fff}.toplam-row td.ozet-cell{background:#2c3e50!important;color:#fff}.toplam-row td.eksik-val{color:#ff8a80}@media print{.no-print{display:none!important}.puantaj-rapor-container{padding:0;margin:0}.puantaj-table-wrapper{max-height:none;overflow:visible;border:none}.puantaj-table{font-size:8px;width:100%}.puantaj-table thead th{position:static;background:#343a40!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:8px;padding:3px 2px}.sticky-col.col-sicilno,.sticky-col.col-adsoyad{position:static}.day-cell{min-width:18px;max-width:18px;font-size:8px;padding:2px 1px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ozet-cell{font-size:8px;padding:2px 3px}.toplam-row td{position:static;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:landscape;margin:5mm}}.help-page{padding:20px 30px;max-width:1200px;margin:0 auto}.help-page h1{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:8px;display:flex;align-items:center;gap:10px}.help-page .help-subtitle{color:#666;font-size:14px;margin-bottom:30px}.help-toc{background:#f8f9fc;border:1px solid #e2e8f0;border-radius:10px;padding:20px 24px;margin-bottom:30px}.help-toc h2{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:14px}.help-toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.help-toc-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;color:#2563eb;text-decoration:none;font-size:13px;cursor:pointer;transition:background .15s}.help-toc-item:hover{background:#e8edf5;color:#1d4ed8}.help-toc-item .toc-icon{font-size:16px;flex-shrink:0}.help-section{margin-bottom:40px;scroll-margin-top:80px}.help-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.help-section-header .section-icon{font-size:24px}.help-section-header h2{font-size:22px;font-weight:700;color:#1a1a2e;margin:0}.help-section-desc{color:#555;font-size:14px;margin-bottom:20px;line-height:1.6}.help-screen-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px;overflow:hidden;transition:box-shadow .2s}.help-screen-card:hover{box-shadow:0 4px 16px #00000014}.help-screen-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none}.help-screen-card-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.help-screen-card-header .card-toggle{font-size:18px;color:#94a3b8;transition:transform .2s}.help-screen-card-header .card-toggle.open{transform:rotate(180deg)}.help-screen-card-body{padding:20px}.help-screen-card-body.collapsed{display:none}.help-screenshot-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:16px;background:#f8fafc}.help-screenshot-wrapper img{width:100%;display:block;cursor:pointer;transition:opacity .2s}.help-screenshot-wrapper img:hover{opacity:.95}.help-screen-details{font-size:13.5px;line-height:1.7;color:#334155}.help-screen-details h4{font-size:14px;font-weight:600;color:#1e293b;margin:12px 0 6px}.help-screen-details ul{margin:4px 0 10px;padding-left:20px}.help-screen-details li{margin-bottom:4px}.help-screen-details .help-tag{display:inline-block;background:#e0e7ff;color:#3730a3;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600;margin-right:4px}.help-screen-details .help-tag.admin{background:#fef3c7;color:#92400e}.help-screen-details .help-tag.ik{background:#dcfce7;color:#166534}.help-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.help-lightbox-overlay img{max-width:95vw;max-height:95vh;border-radius:8px;box-shadow:0 8px 40px #0006}.help-search-wrapper{position:relative;margin-bottom:24px}.help-search-wrapper input{width:100%;padding:10px 16px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.help-search-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.help-search-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.help-back-to-top{position:fixed;bottom:30px;right:30px;width:42px;height:42px;background:#2563eb;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:100}.help-back-to-top:hover{background:#1d4ed8}.help-no-results{text-align:center;padding:40px;color:#94a3b8;font-size:15px}.help-pdf-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #dc262640;white-space:nowrap}.help-pdf-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262659;transform:translateY(-1px)}.help-pdf-btn:disabled{opacity:.85;cursor:wait;background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:none}.help-pdf-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:help-spin .8s linear infinite}@keyframes help-spin{to{transform:rotate(360deg)}}.about-page{padding:20px 30px;max-width:900px;margin:0 auto}.about-hero{text-align:center;padding:40px 0 30px;border-bottom:1px solid #e2e8f0;margin-bottom:30px}.about-logo{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.about-logo h1{font-size:32px;font-weight:800;color:#1a1a2e;margin:0}.about-version{font-size:14px;color:#6366f1;font-weight:600;margin:0}.about-tagline{font-size:15px;color:#64748b;margin:0}.about-section{margin-bottom:32px}.about-section h2{font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.about-section p{font-size:13.5px;line-height:1.7;color:#475569;margin:0 0 10px}.about-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.about-module-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px 16px;text-align:center;transition:box-shadow .2s,transform .2s}.about-module-card:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.about-module-icon{font-size:28px;margin-bottom:8px}.about-module-card h3{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 6px}.about-module-card p{font-size:12px;color:#64748b;margin:0;line-height:1.5}.about-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.about-tech-item{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.about-tech-label{font-size:13px;font-weight:600;color:#475569}.about-tech-value{font-size:13px;color:#1e293b;font-weight:500}.about-license-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px}.about-license-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.about-license-row:last-child{border-bottom:none}.about-license-row span:first-child{color:#64748b;font-weight:500}.about-license-row span:last-child{color:#1e293b;font-weight:600}.about-license-status.active{color:#16a34a}.about-license-status.inactive{color:#dc2626}.about-license-remaining{color:#16a34a!important}.about-license-modules{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.about-license-modules-label{font-size:13px;color:#64748b;font-weight:500;display:block;margin-bottom:8px}.about-license-modules-list{display:flex;flex-wrap:wrap;gap:6px}.about-license-module{font-size:11px;padding:4px 10px;border-radius:4px;background:#f1f5f9;color:#64748b;font-weight:500}.about-license-module.active{background:#dcfce7;color:#166534}.about-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.about-contact-item{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px}.about-contact-icon{font-size:22px;flex-shrink:0;margin-top:2px}.about-contact-item strong{font-size:13px;color:#1e293b;display:block;margin-bottom:2px}.about-contact-item p{font-size:12px;color:#64748b;margin:0}.about-footer{text-align:center;padding:24px 0 10px;margin-top:20px;border-top:1px solid #e2e8f0}.about-footer p{font-size:12px;color:#94a3b8;margin:0 0 4px}.about-footer-version{font-size:11px;color:#cbd5e1}@media (max-width: 768px){.about-modules-grid{grid-template-columns:repeat(2,1fr)}.about-tech-grid,.about-contact-grid{grid-template-columns:1fr}}@media (max-width: 480px){.about-modules-grid{grid-template-columns:1fr}}