@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;background-color:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#757575}.text-primary{color:#1976d2}.text-success{color:#2e7d32}.text-warning{color:#ed6c02}.text-danger{color:#d32f2f}.text-purple{color:#9c27b0}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.fs-28{font-size:28px}.fs-32{font-size:32px}.fs-36{font-size:36px}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.d-grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.h-100{height:100%}.h-100vh{height:100vh}.d-block{display:block}.d-inline{display:inline}.d-none{display:none}.d-inline-block{display:inline-block}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.border{border:1px solid #e0e0e0}.border-top{border-top:1px solid #e0e0e0}.border-bottom{border-bottom:1px solid #e0e0e0}.border-left{border-left:1px solid #e0e0e0}.border-right{border-right:1px solid #e0e0e0}.rounded{border-radius:8px}.rounded-circle{border-radius:50%}.rounded-pill{border-radius:9999px}.bg-white{background-color:#fff}.bg-light{background-color:#f5f5f5}.bg-primary{background-color:#1976d2}.bg-success{background-color:#2e7d32}.bg-warning{background-color:#ed6c02}.bg-danger{background-color:#d32f2f}.bg-purple{background-color:#9c27b0}.shadow-sm{box-shadow:0 1px 3px #00000014}.shadow-md{box-shadow:0 4px 12px #00000014}.shadow-lg{box-shadow:0 8px 24px #0000001f}.shadow-xl{box-shadow:0 12px 48px #00000029}.transition{transition:all .3s}.transition-fast{transition:all .15s}.transition-slow{transition:all .5s}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.hover-scale:hover{transform:scale(1.02)}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}@media (width<=600px){.hide-mobile{display:none!important}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:1fr!important}.flex-row{flex-direction:column!important}}@media (width>=601px) and (width<=960px){.hide-tablet{display:none!important}.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)!important}}@media (width>=961px){.hide-desktop{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.3s fadeIn}.fade-in-slow{animation:.6s fadeIn}.slide-in-right{animation:.3s slideInRight}.slide-in-left{animation:.3s slideInLeft}.pulse{animation:2s infinite pulse}.spin{animation:1s linear infinite spin}.lgn-container{background:#fff;flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.lgn-header{text-align:center;background-image:none;flex-shrink:0;justify-content:center;align-items:center;min-height:45vh;padding:60px;display:flex;position:relative;overflow:hidden}.lgn-header-overlay{z-index:1;background:#1a2a3a59;width:100%;height:100%;position:absolute;top:0;left:0}.lgn-slide{opacity:0;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.lgn-slide.active{opacity:1}.lgn-slide-dots{z-index:2;gap:12px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.lgn-slide-dot{cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.lgn-slide-dot:hover{border-color:#fff;transform:scale(1.2)}.lgn-slide-dot.active{background:#fff;border-color:#fff;transform:scale(1.2);box-shadow:0 0 20px #fff6}.lgn-slide-dot:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.lgn-header-content{z-index:2;position:relative}.lgn-header-content h1{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 20px #0000004d;margin:0 0 8px;font-size:42px;font-weight:700}.lgn-header-content p{color:#ffffffd9;text-shadow:0 2px 10px #0003;margin:0;font-size:20px}.lgn-main{flex:1;min-height:55vh;display:flex}.lgn-left{background:#f0f4f8;flex-direction:column;flex:0 0 50%;justify-content:center;padding:30px 60px;display:flex;position:relative;overflow:hidden}.lgn-left:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#1a2a3a08 100%);width:100%;height:100%;position:absolute;top:0;right:0}.lgn-left-content{z-index:1;width:100%;max-width:500px;margin:0 auto;position:relative}.lgn-brand{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 0 0;display:flex}.lgn-brand-logo{object-fit:contain;filter:drop-shadow(0 6px 20px #00000026);width:260px;height:260px;transition:all .4s;display:block}.lgn-brand:hover .lgn-brand-logo{filter:drop-shadow(0 10px 40px #00000040);transform:scale(1.08)rotate(-2deg)}.lgn-brand span{color:#1a2a3a;letter-spacing:.5px;font-size:28px;font-weight:700}.lgn-description{padding:0}.lgn-description-text{color:#1a2a3a;text-align:left;margin:0;font-size:16px;font-weight:400;line-height:1.8}.lgn-description-text:first-of-type{font-size:17px;font-weight:500}.lgn-right{background:#fff;flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;padding:30px 40px;display:flex}.lgn-card{width:100%;max-width:380px}.lgn-card-header{margin-bottom:18px}.lgn-card-header h2{color:#1a2a3a;margin:0 0 3px;font-size:22px;font-weight:700}.lgn-card-header p{color:#6b7280;margin:0;font-size:14px}.lgn-alert{color:#721c24;background-color:#fdecea;border:1px solid #f5c6cb;border-radius:8px;width:100%;margin-bottom:14px;padding:10px 14px;font-size:13px}.lgn-form-group{margin-bottom:12px}.lgn-form-group label{color:#1a2a3a;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.lgn-input-wrapper{position:relative}.lgn-input{color:#1a1a1a;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 16px 10px 38px;font-family:inherit;font-size:14px;transition:all .3s}.lgn-input:focus{border-color:#1976d2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #1976d21a}.lgn-input::placeholder{color:#9ca3af}.lgn-input-error{border-color:#d32f2f}.lgn-input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 4px #d32f2f1a}.lgn-input-icon{color:#9ca3af;font-size:18px;transition:color .3s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lgn-input:focus~.lgn-input-icon{color:#1976d2}.lgn-password-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:4px;transition:color .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lgn-password-toggle:hover{color:#1a1a1a;transform:scale(1.1)}.lgn-error-text{color:#d32f2f;margin-top:4px;font-size:12px;font-weight:500}.lgn-options{justify-content:space-between;align-items:center;margin:4px 0 16px;display:flex}.lgn-checkbox{color:#4b5563;cursor:pointer;align-items:center;gap:8px;font-size:13px;transition:color .3s;display:flex}.lgn-checkbox:hover{color:#1a2a3a}.lgn-checkbox input{display:none}.lgn-checkmark{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:all .3s;display:inline-block;position:relative}.lgn-checkbox:hover .lgn-checkmark{border-color:#1976d2}.lgn-checkbox input:checked+.lgn-checkmark{background:#1976d2;border-color:#1976d2;animation:.3s lgn-pop}.lgn-checkbox input:checked+.lgn-checkmark:after{content:"✓";color:#fff;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lgn-link{color:#1976d2;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.lgn-link:after{content:"";background:#1976d2;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.lgn-link:hover:after{width:100%}.lgn-button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.lgn-button:before{content:"";background:#ffffff26;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lgn-button:hover:not(:disabled):before{width:300px;height:300px}.lgn-button:hover:not(:disabled){background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 20px #1976d266}.lgn-button:active:not(:disabled){background:#0d47a1;transform:translateY(0)}.lgn-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.lgn-button:disabled:before{display:none}.lgn-footer{text-align:center;margin-top:16px}.lgn-footer p{color:#6b7280;justify-content:center;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.lgn-footer-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite lgn-pulse;display:inline-block}.lgn-copyright{color:#9ca3af;text-align:center;margin-top:14px;font-size:12px}@keyframes lgn-slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes lgn-slide-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes lgn-slide-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes lgn-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lgn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lgn-pop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes lgn-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes lgn-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (width<=900px){.lgn-main{flex-direction:column}.lgn-header{min-height:30vh;padding:40px}.lgn-header-content h1{font-size:34px}.lgn-header-content p{font-size:18px}.lgn-left{flex:1;min-height:auto;padding:24px 40px}.lgn-left-content{max-width:100%}.lgn-description-text{font-size:15px}.lgn-description-text:first-of-type{font-size:16px}.lgn-right{flex:1;padding:24px 20px}.lgn-slide-dots{gap:10px;bottom:20px}.lgn-slide-dot{width:10px;height:10px}.lgn-brand-logo{width:200px;height:200px}.lgn-brand span{font-size:26px}.lgn-brand{gap:6px;margin-bottom:12px}.lgn-description{padding:0}}@media (width<=600px){.lgn-header{min-height:25vh;padding:24px 20px}.lgn-header-content h1{font-size:28px}.lgn-header-content p{font-size:16px}.lgn-left{display:none!important}.lgn-right{flex:0 0 100%;width:100%;padding:24px 20px}.lgn-brand{gap:6px;margin-bottom:12px}.lgn-brand-logo{width:160px;height:160px}.lgn-brand span{font-size:22px}.lgn-description{padding:0}.lgn-description-text{font-size:14px;line-height:1.6}.lgn-description-text:first-of-type{font-size:15px}.lgn-card-header h2{font-size:20px}.lgn-options{flex-direction:column;align-items:flex-start;gap:8px}.lgn-input{padding:10px 12px 10px 36px;font-size:13px}.lgn-button{padding:12px;font-size:14px}.lgn-slide-dots{gap:8px;bottom:15px}.lgn-slide-dot{width:8px;height:8px}}@media (width<=400px){.lgn-brand-logo{width:140px;height:140px}.lgn-brand span{font-size:20px}.lgn-brand{gap:4px;margin-bottom:10px}}.lgn-alert{color:#721c24;background-color:#fdecea;border:1px solid #f5c6cb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:14px;padding:12px 14px;font-size:13px;display:flex}.lgn-alert-content{flex:1;align-items:center;gap:8px;display:flex}.lgn-alert-icon{color:#d32f2f;flex-shrink:0;font-size:20px}.lgn-alert-message{flex:1}.lgn-alert-close{color:#721c24;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .3s;display:flex}.lgn-alert-close:hover{background:#0000000d;transform:rotate(90deg)}.lgn-alert-close svg{font-size:18px}.lgn-warning{color:#856404;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.lgn-validating{color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;animation:.3s lgn-fade-in;display:flex}.lgn-spinner-small{border:3px solid #0d47a133;border-top-color:#0d47a1;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite lgn-spin}@keyframes lgn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lgn-success{color:#1b5e20;background:#e8f5e9;border:1px solid #81c784;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;animation:.3s lgn-fade-in;display:flex}.lgn-success-icon{color:#2e7d32;flex-shrink:0;font-size:20px}.lgn-button-ready{box-shadow:0 4px 15px #1976d24d;background:#1976d2!important}.lgn-button-ready:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #1976d280;background:#1565c0!important}.lgn-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.8s linear infinite lgn-spin;display:inline-block}@media (width<=900px){.lgn-validating,.lgn-success{padding:8px 12px;font-size:12px}.lgn-spinner-small{width:16px;height:16px}}@media (width<=600px){.lgn-validating,.lgn-success{padding:8px 12px;font-size:12px}.lgn-spinner-small{width:14px;height:14px}}.fps-container{background:#fff;flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.fps-header{text-align:center;background-image:none;flex-shrink:0;justify-content:center;align-items:center;min-height:45vh;padding:60px;display:flex;position:relative;overflow:hidden}.fps-header-overlay{z-index:1;background:#1a2a3a59;width:100%;height:100%;position:absolute;top:0;left:0}.fps-slide{opacity:0;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.fps-slide.active{opacity:1}.fps-slide-dots{z-index:2;gap:12px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.fps-slide-dot{cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.fps-slide-dot:hover{border-color:#fff;transform:scale(1.2)}.fps-slide-dot.active{background:#fff;border-color:#fff;transform:scale(1.2);box-shadow:0 0 20px #fff6}.fps-slide-dot:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.fps-header-content{z-index:2;position:relative}.fps-header-content h1{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 20px #0000004d;margin:0 0 8px;font-size:42px;font-weight:700}.fps-header-content p{color:#ffffffd9;text-shadow:0 2px 10px #0003;margin:0;font-size:20px}.fps-main{flex:1;min-height:55vh;display:flex}.fps-left{background:#f0f4f8;flex-direction:column;flex:0 0 50%;justify-content:center;padding:30px 60px;display:flex;position:relative;overflow:hidden}.fps-left:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#1a2a3a08 100%);width:100%;height:100%;position:absolute;top:0;right:0}.fps-left-content{z-index:1;width:100%;max-width:500px;margin:0 auto;position:relative}.fps-brand{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 0 0;display:flex}.fps-brand-logo{object-fit:contain;filter:drop-shadow(0 6px 20px #00000026);width:260px;height:260px;transition:all .4s;display:block}.fps-brand:hover .fps-brand-logo{filter:drop-shadow(0 10px 40px #00000040);transform:scale(1.08)rotate(-2deg)}.fps-brand span{color:#1a2a3a;letter-spacing:.5px;font-size:28px;font-weight:700}.fps-description{padding:0}.fps-description-text{color:#1a2a3a;text-align:left;margin:0;font-size:16px;font-weight:400;line-height:1.8}.fps-description-text:first-of-type{font-size:17px;font-weight:500}.fps-right{background:#fff;flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;padding:30px 40px;display:flex}.fps-card{width:100%;max-width:380px}.fps-card-header{margin-bottom:18px}.fps-card-header h2{color:#1a2a3a;margin:0 0 3px;font-size:22px;font-weight:700}.fps-card-header p{color:#6b7280;margin:0;font-size:14px}.fps-alert{border-radius:8px;width:100%;margin-bottom:14px;padding:10px 14px;font-size:13px}.fps-alert-error{color:#721c24;background-color:#fdecea;border:1px solid #f5c6cb}.fps-success{text-align:center;width:100%;padding:10px 0}.fps-success-icon{color:#22c55e;margin-bottom:12px;font-size:64px;animation:.5s fps-pop}.fps-success h3{color:#1a2a3a;margin:0 0 6px;font-size:20px;font-weight:600}.fps-success p{color:#6b7280;margin:4px 0;font-size:14px;line-height:1.6}.fps-success p strong{color:#1a2a3a;font-weight:600}.fps-success-note{color:#9ca3af;margin-top:8px;font-size:13px}.fps-form{width:100%}.fps-form-group{margin-bottom:12px}.fps-label{color:#1a2a3a;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.fps-input-wrapper{position:relative}.fps-input{color:#1a1a1a;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 16px 10px 38px;font-family:inherit;font-size:14px;transition:all .3s}.fps-input:focus{border-color:#1976d2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #1976d21a}.fps-input::placeholder{color:#9ca3af}.fps-input-error{border-color:#d32f2f}.fps-input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 4px #d32f2f1a}.fps-input-icon{color:#9ca3af;font-size:18px;transition:color .3s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.fps-input:focus~.fps-input-icon{color:#1976d2}.fps-error-text{color:#d32f2f;margin-top:4px;font-size:12px;font-weight:500}.fps-button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.fps-button:before{content:"";background:#ffffff26;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fps-button:hover:not(:disabled):before{width:300px;height:300px}.fps-button:hover:not(:disabled){background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 20px #1976d266}.fps-button:active:not(:disabled){background:#0d47a1;transform:translateY(0)}.fps-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.fps-button:disabled:before{display:none}.fps-footer{text-align:center;margin-top:16px}.fps-link{color:#1976d2;align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.fps-link:after{content:"";background:#1976d2;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.fps-link:hover:after{width:100%}.fps-link svg{font-size:18px}.fps-copyright{color:#9ca3af;text-align:center;margin-top:14px;font-size:12px}@keyframes fps-slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fps-slide-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fps-slide-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fps-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fps-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fps-pop{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fps-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (width<=900px){.fps-main{flex-direction:column}.fps-header{min-height:30vh;padding:40px}.fps-header-content h1{font-size:34px}.fps-header-content p{font-size:18px}.fps-left{flex:1;min-height:auto;padding:24px 40px}.fps-left-content{max-width:100%}.fps-description-text{font-size:15px}.fps-description-text:first-of-type{font-size:16px}.fps-right{flex:1;padding:24px 20px}.fps-slide-dots{gap:10px;bottom:20px}.fps-slide-dot{width:10px;height:10px}.fps-brand-logo{width:200px;height:200px}.fps-brand span{font-size:26px}.fps-brand{gap:6px;margin-bottom:12px}.fps-description{padding:0}}@media (width<=600px){.fps-header{min-height:25vh;padding:24px 20px}.fps-header-content h1{font-size:28px}.fps-header-content p{font-size:16px}.fps-left{display:none!important}.fps-right{flex:0 0 100%;width:100%;padding:24px 20px}.fps-brand{gap:6px;margin-bottom:12px}.fps-brand-logo{width:160px;height:160px}.fps-brand span{font-size:22px}.fps-description{padding:0}.fps-description-text{font-size:14px;line-height:1.6}.fps-description-text:first-of-type{font-size:15px}.fps-card-header h2{font-size:20px}.fps-card-header p{font-size:14px}.fps-input{padding:10px 12px 10px 36px;font-size:13px}.fps-button{padding:12px;font-size:14px}.fps-success-icon{font-size:48px}.fps-success h3{font-size:18px}.fps-slide-dots{gap:8px;bottom:15px}.fps-slide-dot{width:8px;height:8px}}@media (width<=400px){.fps-brand-logo{width:140px;height:140px}.fps-brand span{font-size:20px}.fps-brand{gap:4px;margin-bottom:10px}}.rps-container{background:#fff;flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.rps-header{text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-height:45vh;padding:60px;display:flex;position:relative;overflow:hidden}.rps-header-overlay{z-index:1;background:#1a2a3a59;width:100%;height:100%;position:absolute;top:0;left:0}.rps-slide{opacity:0;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.rps-slide.active{opacity:1}.rps-slide-dots{z-index:2;gap:12px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.rps-slide-dot{cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.rps-slide-dot:hover{border-color:#fff;transform:scale(1.2)}.rps-slide-dot.active{background:#fff;border-color:#fff;transform:scale(1.2);box-shadow:0 0 20px #fff6}.rps-slide-dot:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.rps-header-content{z-index:2;position:relative}.rps-header-content h1{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 20px #0000004d;margin:0 0 8px;font-size:42px;font-weight:700}.rps-header-content p{color:#ffffffd9;text-shadow:0 2px 10px #0003;margin:0;font-size:20px}.rps-main{flex:1;min-height:55vh;display:flex}.rps-left{background:#f0f4f8;flex-direction:column;flex:0 0 50%;justify-content:center;padding:30px 60px;display:flex;position:relative;overflow:hidden}.rps-left:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#1a2a3a08 100%);width:100%;height:100%;position:absolute;top:0;right:0}.rps-left-content{z-index:1;width:100%;max-width:500px;margin:0 auto;position:relative}.rps-brand{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 0 0;display:flex}.rps-brand-logo{object-fit:contain;filter:drop-shadow(0 6px 20px #00000026);width:260px;height:260px;transition:all .4s;display:block}.rps-brand:hover .rps-brand-logo{filter:drop-shadow(0 10px 40px #00000040);transform:scale(1.08)rotate(-2deg)}.rps-brand span{color:#1a2a3a;letter-spacing:.5px;font-size:28px;font-weight:700}.rps-description{padding:0}.rps-description-text{color:#1a2a3a;text-align:left;margin:0;font-size:16px;font-weight:400;line-height:1.8}.rps-description-text:first-of-type{font-size:17px;font-weight:500}.rps-right{background:#fff;flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;padding:30px 40px;display:flex}.rps-card{width:100%;max-width:380px}.rps-card-header{text-align:center;margin-bottom:18px}.rps-icon-wrapper{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 15px;display:flex}.rps-header-icon{color:#fff;font-size:30px}.rps-card-header h2{color:#1a2a3a;margin:0 0 3px;font-size:22px;font-weight:700}.rps-card-header p{color:#6b7280;margin:0;font-size:14px}.rps-alert{border-radius:8px;width:100%;margin-bottom:14px;padding:10px 14px;font-size:13px}.rps-alert-error{color:#721c24;background-color:#fdecea;border:1px solid #f5c6cb}.rps-success{text-align:center;width:100%;padding:10px 0}.rps-success-icon{color:#22c55e;margin-bottom:12px;font-size:64px;animation:.5s rps-pop}.rps-success h3{color:#1a2a3a;margin:0 0 6px;font-size:20px;font-weight:600}.rps-success p{color:#6b7280;margin:4px 0;font-size:14px;line-height:1.6}.rps-button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.rps-button:before{content:"";background:#ffffff26;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rps-button:hover:not(:disabled):before{width:300px;height:300px}.rps-button:hover:not(:disabled){background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 20px #1976d266}.rps-button:active:not(:disabled){background:#0d47a1;transform:translateY(0)}.rps-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.rps-button:disabled:before{display:none}.rps-form{width:100%}.rps-form-group{margin-bottom:12px}.rps-label{color:#1a2a3a;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.rps-input-wrapper{position:relative}.rps-input{color:#1a1a1a;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 40px 10px 16px;font-family:inherit;font-size:14px;transition:all .3s}.rps-input:focus{border-color:#1976d2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #1976d21a}.rps-input::placeholder{color:#9ca3af}.rps-input-error{border-color:#d32f2f}.rps-input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 4px #d32f2f1a}.rps-password-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.rps-password-toggle:hover{color:#1976d2}.rps-error-text{color:#d32f2f;margin-top:4px;font-size:12px;font-weight:500}.rps-footer{text-align:center;margin-top:16px}.rps-link{color:#1976d2;align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.rps-link:after{content:"";background:#1976d2;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.rps-link:hover:after{width:100%}.rps-link svg{font-size:18px}.rps-actions{flex-direction:column;align-items:center;gap:12px;padding:10px 0;display:flex}.rps-copyright{color:#9ca3af;text-align:center;margin-top:14px;font-size:12px}.rps-loading{text-align:center;padding:40px}.rps-loading-spinner{border:4px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite rps-spin}@keyframes rps-spin{to{transform:rotate(360deg)}}@keyframes rps-slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes rps-slide-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes rps-slide-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes rps-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rps-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rps-pop{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes rps-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-slide-down{animation:.8s forwards rps-slide-down}.animate-slide-left{animation:.8s forwards rps-slide-left}.animate-slide-right{animation:.8s forwards rps-slide-right}.animate-slide-up{opacity:0;animation:.6s forwards rps-slide-up}.animate-fade-in{opacity:0;animation:.8s forwards rps-fade-in}.animate-fade-in-delay{opacity:0;animation:.8s .3s forwards rps-fade-in}.animate-shake{animation:.5s rps-shake}@media (width<=900px){.rps-main{flex-direction:column}.rps-header{min-height:30vh;padding:40px}.rps-header-content h1{font-size:34px}.rps-header-content p{font-size:18px}.rps-left{flex:1;min-height:auto;padding:24px 40px}.rps-left-content{max-width:100%}.rps-description-text{font-size:15px}.rps-description-text:first-of-type{font-size:16px}.rps-right{flex:1;padding:24px 20px}.rps-slide-dots{gap:10px;bottom:20px}.rps-slide-dot{width:10px;height:10px}.rps-brand-logo{width:200px;height:200px}.rps-brand span{font-size:26px}.rps-brand{gap:6px;margin-bottom:12px}.rps-description{padding:0}}@media (width<=600px){.rps-header{min-height:25vh;padding:24px 20px}.rps-header-content h1{font-size:28px}.rps-header-content p{font-size:16px}.rps-left{display:none!important}.rps-right{flex:0 0 100%;width:100%;padding:24px 20px}.rps-brand{gap:6px;margin-bottom:12px}.rps-brand-logo{width:160px;height:160px}.rps-brand span{font-size:22px}.rps-description{padding:0}.rps-description-text{font-size:14px;line-height:1.6}.rps-description-text:first-of-type{font-size:15px}.rps-card-header h2{font-size:20px}.rps-card-header p{font-size:14px}.rps-input{padding:10px 12px;font-size:13px}.rps-button{padding:12px;font-size:14px}.rps-success-icon{font-size:48px}.rps-success h3{font-size:18px}.rps-slide-dots{gap:8px;bottom:15px}.rps-slide-dot{width:8px;height:8px}.rps-icon-wrapper{width:48px;height:48px}.rps-header-icon{font-size:24px}}@media (width<=400px){.rps-brand-logo{width:140px;height:140px}.rps-brand span{font-size:20px}.rps-brand{gap:4px;margin-bottom:10px}}@media (prefers-color-scheme:dark){.rps-left{background:#1a1a2e}.rps-left:after{background:linear-gradient(135deg,#0000 50%,#ffffff05 100%)}.rps-right{background:#2d2d44}.rps-card{background:0 0}.rps-brand span{color:#fff}.rps-description-text{color:#d0d0e0}.rps-card-header h2{color:#fff}.rps-card-header p{color:#88a}.rps-label{color:#fff}.rps-input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.rps-input:focus{border-color:#1976d2;box-shadow:0 0 0 4px #1976d233}.rps-password-toggle{color:#88a}.rps-password-toggle:hover{color:#1976d2}.rps-success h3{color:#fff}.rps-success p{color:#88a}.rps-footer{border-color:#3d3d5c}.rps-link{color:#42a5f5}.rps-link:after{background:#42a5f5}.rps-copyright{color:#88a}.rps-alert-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.rps-icon-wrapper{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.rps-button{background:#1976d2}.rps-button:hover:not(:disabled){background:#1565c0}.rps-loading-spinner{border-color:#1976d2 #3d3d5c #3d3d5c}}.sc-recent-activity-card{background:#fff;border-radius:12px;padding:20px;transition:box-shadow .3s;box-shadow:0 1px 3px #00000014}.sc-recent-activity-card:hover{box-shadow:0 4px 12px #0000001f}.sc-recent-activity-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sc-recent-activity-title{color:#1a1a2e;font-size:16px;font-weight:600}.sc-recent-activity-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sc-activity-filters,.sc-activity-user-filter{gap:4px;display:flex}.sc-filter-btn{cursor:pointer;color:#666;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .2s}.sc-filter-btn:hover{background:#e8e8e8}.sc-filter-btn.active{color:#fff;background:#1976d2;border-color:#1976d2}.sc-recent-activity-stats-summary{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;padding:8px 0 12px;display:flex}.sc-activity-stat-total{color:#1a1a2e;font-size:12px;font-weight:600}.sc-activity-stat-item{color:#555;text-transform:capitalize;align-items:center;gap:4px;font-size:11px;display:flex}.sc-activity-stat-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.sc-activity-stat-more{color:#999;font-size:11px}.sc-recent-activity-list{margin:0;padding:0;list-style:none}.sc-recent-activity-item{border-radius:8px;align-items:flex-start;gap:12px;padding:10px 0;transition:background .2s;display:flex}.sc-recent-activity-item:hover{background:#f8f9fa}.sc-recent-activity-divider{border:none;border-top:1px solid #f0f0f0;margin:0}.sc-recent-activity-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sc-recent-activity-avatar svg{font-size:18px}.sc-activity-avatar-blue{background:#1976d2}.sc-activity-avatar-purple{background:#9c27b0}.sc-activity-avatar-green{background:#2e7d32}.sc-activity-avatar-orange{background:#ed6c02}.sc-activity-avatar-red{background:#d32f2f}.sc-activity-avatar-teal{background:#00897b}.sc-activity-avatar-pink{background:#c2185b}.sc-activity-avatar-gray{background:#757575}.sc-activity-avatar-warning{background:#f57c00}.sc-activity-avatar-danger{background:#d32f2f}.sc-activity-avatar-success{background:#2e7d32}.sc-activity-avatar-indigo{background:#3f51b5}.sc-activity-avatar-gold{background:#f9a825}.sc-activity-avatar-cyan{background:#00acc1}.sc-recent-activity-content{flex:1;min-width:0}.sc-recent-activity-message{color:#1a1a2e;word-wrap:break-word;font-size:14px;line-height:1.4}.sc-recent-activity-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.sc-recent-activity-time{color:#999;font-size:11px}.sc-recent-activity-action{color:#666;text-transform:capitalize;background:#f5f5f5;border-radius:8px;padding:1px 8px;font-size:10px}.sc-recent-activity-user{color:#666;font-size:10px}.sc-recent-activity-status{text-transform:capitalize;letter-spacing:.3px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}.sc-activity-status-success{color:#2e7d32;background:#e8f5e9}.sc-activity-status-warning{color:#ed6c02;background:#fff3e0}.sc-activity-status-pending{color:#f57c00;background:#fff8e1}.sc-activity-status-info{color:#1976d2;background:#e3f2fd}.sc-activity-status-error{color:#d32f2f;background:#ffebee}.sc-activity-status-created{color:#2e7d32;background:#e8f5e9}.sc-activity-status-updated{color:#1976d2;background:#e3f2fd}.sc-activity-status-deleted{color:#d32f2f;background:#ffebee}.sc-activity-status-viewed{color:#7b1fa2;background:#f3e5f5}.sc-activity-status-submitted{color:#f57c00;background:#fff8e1}.sc-activity-status-approved{color:#2e7d32;background:#e8f5e9}.sc-activity-status-rejected{color:#d32f2f;background:#ffebee}.sc-activity-status-completed,.sc-activity-status-active{color:#2e7d32;background:#e8f5e9}.sc-activity-status-inactive{color:#d32f2f;background:#ffebee}.sc-activity-status-login{color:#1976d2;background:#e3f2fd}.sc-activity-status-logout{color:#d32f2f;background:#ffebee}.sc-activity-status-certified{color:#2e7d32;background:#e8f5e9}.sc-activity-status-sent{color:#1976d2;background:#e3f2fd}.sc-activity-status-published{color:#2e7d32;background:#e8f5e9}.sc-recent-activity-source{color:#999;text-transform:uppercase;letter-spacing:.5px;background:#f5f5f5;border-radius:8px;padding:1px 6px;font-size:9px}.sc-recent-activity-details{flex-wrap:wrap;gap:4px 8px;margin-top:4px;display:flex}.sc-activity-detail{color:#666;background:#f5f5f5;border-radius:4px;padding:1px 6px;font-size:10px}.sc-recent-activity-empty{text-align:center;color:#999;padding:30px 20px;font-size:14px}.sc-recent-activity-loading{color:#999;justify-content:center;align-items:center;gap:12px;padding:30px 20px;display:flex}.sc-loading-spinner{border:3px solid #f0f0f0;border-top-color:#1976d2;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite sc-spin}@keyframes sc-spin{to{transform:rotate(360deg)}}.sc-recent-activity-error{color:#d32f2f;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;display:flex}.sc-retry-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;padding:6px 20px;font-size:14px;transition:background .2s}.sc-retry-btn:hover{background:#1565c0}.sc-recent-activity-refresh{cursor:pointer;color:#757575;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:all .3s}.sc-recent-activity-refresh:hover:not(:disabled){background:#f5f5f5;transform:rotate(180deg)}.sc-recent-activity-refresh:disabled{opacity:.5;cursor:not-allowed}.sc-refresh-icon{font-size:18px;display:inline-block}.sc-recent-activity-footer{text-align:center;border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.sc-view-all-btn{color:#1976d2;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s}.sc-view-all-btn:hover{background:#e3f2fd}@media (width<=600px){.sc-recent-activity-card{padding:16px}.sc-recent-activity-header{flex-direction:column;align-items:stretch}.sc-recent-activity-controls{flex-wrap:wrap;gap:8px}.sc-activity-filters,.sc-activity-user-filter{flex-wrap:wrap}.sc-filter-btn{padding:3px 8px;font-size:10px}.sc-recent-activity-item{padding:8px 0}.sc-recent-activity-avatar{width:32px;height:32px}.sc-recent-activity-avatar svg{font-size:16px}.sc-recent-activity-message{font-size:13px}.sc-recent-activity-stats-summary{gap:4px 8px}.sc-activity-stat-item{font-size:10px}}@media (prefers-color-scheme:dark){.sc-recent-activity-card{background:#2d2d44}.sc-recent-activity-title{color:#e8e8f0}.sc-filter-btn{color:#a0a0c0;background:#3d3d5c;border-color:#4d4d6c}.sc-filter-btn:hover{background:#4d4d6c}.sc-filter-btn.active{color:#fff;background:#1976d2;border-color:#1976d2}.sc-recent-activity-message{color:#e8e8f0}.sc-recent-activity-time{color:#88a}.sc-recent-activity-divider{border-color:#3d3d5c}.sc-recent-activity-item:hover{background:#3d3d5c}.sc-recent-activity-stats-summary{border-color:#3d3d5c}.sc-activity-stat-item{color:#a0a0c0}.sc-activity-stat-total{color:#e8e8f0}.sc-recent-activity-empty,.sc-recent-activity-loading{color:#88a}.sc-loading-spinner{border-color:#64b5f6 #3d3d5c #3d3d5c}.sc-recent-activity-error{color:#ef5350}.sc-retry-btn{background:#64b5f6}.sc-retry-btn:hover{background:#42a5f5}.sc-view-all-btn{color:#64b5f6}.sc-view-all-btn:hover{background:#1a2a4a}.sc-recent-activity-footer{border-color:#3d3d5c}.sc-recent-activity-source{color:#88a;background:#3d3d5c}.sc-recent-activity-action{color:#a0a0c0;background:#3d3d5c}.sc-recent-activity-user{color:#88a}.sc-activity-detail{color:#a0a0c0;background:#3d3d5c}.sc-recent-activity-refresh:hover:not(:disabled){background:#3d3d5c}.sc-activity-status-success{color:#81c784;background:#1b3a1b}.sc-activity-status-warning{color:#ffb74d;background:#3a2a1b}.sc-activity-status-pending{color:#ffd54f;background:#3a3a1b}.sc-activity-status-info{color:#64b5f6;background:#1a2a4a}.sc-activity-status-error{color:#ef5350;background:#3a1a1a}.sc-activity-status-created{color:#81c784;background:#1b3a1b}.sc-activity-status-updated{color:#64b5f6;background:#1a2a4a}.sc-activity-status-deleted{color:#ef5350;background:#3a1a1a}.sc-activity-status-viewed{color:#ce93d8;background:#2a1a3a}.sc-activity-status-submitted{color:#ffd54f;background:#3a3a1b}.sc-activity-status-approved{color:#81c784;background:#1b3a1b}.sc-activity-status-rejected{color:#ef5350;background:#3a1a1a}.sc-activity-status-completed,.sc-activity-status-active{color:#81c784;background:#1b3a1b}.sc-activity-status-inactive{color:#ef5350;background:#3a1a1a}.sc-activity-status-login{color:#64b5f6;background:#1a2a4a}.sc-activity-status-logout{color:#ef5350;background:#3a1a1a}.sc-activity-status-certified{color:#81c784;background:#1b3a1b}.sc-activity-status-sent{color:#64b5f6;background:#1a2a4a}.sc-activity-status-published{color:#81c784;background:#1b3a1b}}.sc-dashboard-container{flex:1;padding:0}.sc-dashboard-welcome{margin-bottom:24px}.sc-dashboard-welcome h4{color:#1a1a1a;align-items:center;margin-bottom:4px;font-size:28px;font-weight:600;display:flex}.sc-dashboard-welcome h4 .sc-waving-hand-icon{margin-right:12px}.sc-waving-hand-icon{color:#f5a623;transform-origin:70% 70%;font-size:32px;animation:2.5s ease-in-out infinite sc-wave}@keyframes sc-wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.sc-dashboard-welcome p{color:#757575;margin:0;font-size:16px}.sc-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.sc-stats-card{background:#fff;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #00000014}.sc-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.sc-stats-card-content{justify-content:space-between;align-items:center;display:flex}.sc-stats-card-info{flex:1}.sc-stats-card-title{color:#757575;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.sc-stats-card-value{color:#1a1a1a;margin-top:4px;font-size:28px;font-weight:600}.sc-stats-card-loading{animation:1.5s ease-in-out infinite sc-pulse}@keyframes sc-pulse{0%,to{opacity:1}50%{opacity:.3}}.sc-stats-card-subtitle{color:#757575;margin-top:4px;font-size:12px}.sc-stats-card-trend{align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:500;display:flex}.sc-stats-card-trend svg{font-size:16px}.sc-stats-card-trend-up,.sc-stats-card-trend-up svg{color:#2e7d32}.sc-stats-card-trend-down,.sc-stats-card-trend-down svg{color:#d32f2f}.sc-stats-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sc-stats-card-icon svg{color:#fff;font-size:24px}.sc-stats-card-icon-blue{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.sc-stats-card-icon-green{background:linear-gradient(135deg,#2e7d32 0%,#1b5e20 100%)}.sc-stats-card-icon-orange{background:linear-gradient(135deg,#ed6c02 0%,#e65100 100%)}.sc-stats-card-icon-purple{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%)}.sc-stats-card-icon-red{background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%)}.sc-stats-card-icon-teal{background:linear-gradient(135deg,#00897b 0%,#00695c 100%)}.sc-stats-card-icon-pink{background:linear-gradient(135deg,#c2185b 0%,#880e4f 100%)}.sc-stats-card-icon-gray{background:linear-gradient(135deg,#757575 0%,#424242 100%)}.sc-charts-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.sc-chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014}.sc-chart-large{grid-row:span 2}.sc-chart-card-title{color:#1a1a1a;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.sc-chart-container{width:100%;height:280px}.sc-chart-large .sc-chart-container{height:400px}.recharts-tooltip-wrapper{background:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #00000026}.recharts-tooltip-wrapper .recharts-tooltip-item{padding:2px 0;font-size:13px}.recharts-legend-wrapper{font-size:13px}.recharts-legend-item text{font-weight:500}.recharts-x-axis .recharts-cartesian-axis-tick text{font-size:12px;font-weight:500}.recharts-y-axis .recharts-cartesian-axis-tick text{font-size:12px}.recharts-cartesian-grid-line{stroke:#e8e8e8;stroke-width:.5px}.sc-recent-activity-wrapper{margin-top:24px}.sc-dashboard-loading{color:#757575;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.sc-dashboard-loading-spinner{border:4px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:.8s linear infinite sc-dashboard-spin}@keyframes sc-dashboard-spin{to{transform:rotate(360deg)}}.sc-dashboard-error{color:#721c24;background:#fdecea;border:1px solid #f5c6cb;border-radius:10px;flex-direction:column;align-items:center;gap:12px;margin:20px 0;padding:40px;display:flex}.sc-dashboard-error strong{font-weight:600}.sc-dashboard-retry-btn{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.sc-dashboard-retry-btn:hover{background-color:#1565c0}@media (width<=1200px){.sc-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=992px){.sc-charts-grid{grid-template-columns:1fr}.sc-chart-large{grid-row:span 1}.sc-chart-large .sc-chart-container{height:280px}.sc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sc-dashboard-welcome h4,.sc-stats-card-value{font-size:22px}.sc-chart-container{height:220px}.sc-stats-card{padding:16px}}@media (width<=600px){.sc-stats-grid{grid-template-columns:1fr}.sc-dashboard-welcome h4,.sc-stats-card-value{font-size:20px}.sc-chart-container{height:200px}.sc-chart-card{padding:14px}.sc-chart-card-title{font-size:14px}.sc-dashboard-error{padding:24px}}@media (prefers-color-scheme:dark){.sc-stats-card{background:#2d2d44}.sc-stats-card-title{color:#88a}.sc-stats-card-value{color:#fff}.sc-stats-card-subtitle{color:#88a}.sc-chart-card{background:#2d2d44}.sc-chart-card-title,.sc-dashboard-welcome h4{color:#fff}.sc-dashboard-welcome p{color:#88a}.sc-dashboard-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.sc-dashboard-loading{color:#88a}.recharts-tooltip-wrapper{background:#2d2d44;border:1px solid #3d3d5c}.recharts-tooltip-wrapper .recharts-tooltip-item{color:#fff!important}.recharts-cartesian-grid-line{stroke:#3d3d5c}.recharts-x-axis .recharts-cartesian-axis-tick text,.recharts-y-axis .recharts-cartesian-axis-tick text{fill:#88a!important}.recharts-legend-item text{fill:#fff!important}}.sc-stats-card-loading .sc-stats-card-value{color:#b0b0b0}@media (width<=480px){.sc-chart-container{height:180px}.sc-stats-card-icon{width:40px;height:40px}.sc-stats-card-icon svg{font-size:20px}}.sc-dashboard-no-permissions{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:60px 20px;display:flex}.sc-dashboard-no-permissions-icon{color:var(--text-secondary,#757575);margin-bottom:16px;font-size:64px}.sc-dashboard-no-permissions h3{color:var(--text-primary,#1a1a2e);margin-bottom:8px;font-size:24px}.sc-dashboard-no-permissions p{color:var(--text-secondary,#757575);max-width:500px;font-size:16px;line-height:1.6}.sc-stats-card-icon-indigo{background:linear-gradient(135deg,#3f51b5 0%,#303f9f 100%)}.sc-stats-card-icon-cyan{background:linear-gradient(135deg,#00838f 0%,#006064 100%)}.sc-stats-card-icon-deep-purple{background:linear-gradient(135deg,#512da8 0%,#311b92 100%)}.sc-stats-card-icon-brown{background:linear-gradient(135deg,#6d4c41 0%,#4e342e 100%)}.sc-stats-card-icon-blue-grey{background:linear-gradient(135deg,#607d8b 0%,#37474f 100%)}.sc-stats-card-icon-amber{background:linear-gradient(135deg,#ff8f00 0%,#e65100 100%)}.sc-stats-card-icon-gold{background:linear-gradient(135deg,#f9a825 0%,#f57f17 100%)}.sc-stats-card-icon-light-blue{background:linear-gradient(135deg,#0288d1 0%,#01579b 100%)}.sc-stats-card{position:relative;overflow:hidden}.sc-stats-card-badge{text-transform:uppercase;letter-spacing:.5px;color:#424242;background:#e0e0e0;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:600;position:absolute;top:12px;right:12px}.sc-stats-badge-green{color:#2e7d32;background:#e8f5e9}.sc-stats-badge-red{color:#c62828;background:#fdecea}.sc-stats-badge-orange{color:#e65100;background:#fff3e0}.sc-stats-badge-blue{color:#0d47a1;background:#e3f2fd}.sc-stats-badge-purple{color:#6a1b9a;background:#f3e5f5}@media (width<=1200px){.sc-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=992px){.sc-charts-grid{grid-template-columns:1fr 1fr}.sc-chart-large{grid-column:span 2}.sc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sc-charts-grid{grid-template-columns:1fr}.sc-chart-large{grid-column:span 1}.sc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.sc-stats-grid{grid-template-columns:1fr}.sc-stats-card-badge{margin-top:8px;display:inline-block;position:static}}.sc-role-indicator{color:#1976d2;background:#e3f2fd;border-radius:20px;margin-top:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.sc-dashboard-empty{text-align:center;background:#fafafa;border:2px dashed #e0e0e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:80px 20px;display:flex}.sc-dashboard-empty-icon{opacity:.6;margin-bottom:20px;font-size:64px}.sc-dashboard-empty h3{color:#1a1a2e;margin:0 0 12px;font-size:24px}.sc-dashboard-empty p{color:#666;max-width:400px;margin:0;font-size:16px}.sc-dashboard-empty-sub{color:#999!important;margin-top:8px!important;font-size:14px!important}@media (prefers-color-scheme:dark){.sc-role-indicator{color:#64b5f6;background:#1a3a5c}.sc-dashboard-empty{background:#2d2d44;border-color:#3d3d5c}.sc-dashboard-empty h3{color:#fff}.sc-dashboard-empty p{color:#88a}.sc-dashboard-empty-sub{color:#668!important}}.sc-dashboard-role-badge{color:#fff;background:#1976d2;border-radius:20px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.sc-dashboard-no-stats{text-align:center;color:#666;background:#f5f5f5;border-radius:8px;margin:20px 0;padding:40px}.sc-sidebar{z-index:1000;scrollbar-width:none;background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:280px;height:100vh;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sc-sidebar::-webkit-scrollbar{width:0;display:none}.sc-sidebar{-ms-overflow-style:none;scrollbar-width:none}.sc-sidebar:hover{scrollbar-width:thin}.sc-sidebar:hover::-webkit-scrollbar{width:4px;display:block}.sc-sidebar:hover::-webkit-scrollbar-track{background:0 0}.sc-sidebar:hover::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.sc-sidebar:hover::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sc-sidebar-collapsed{width:64px}.sc-sidebar-collapsed .sc-sidebar-header-avatar{width:40px;height:40px}.sc-sidebar-collapsed .sc-sidebar-header-avatar .sc-sidebar-logo{width:32px;height:32px}.sc-sidebar-collapsed .sc-sidebar-nav-link{justify-content:center;padding:12px}.sc-sidebar-collapsed .sc-sidebar-nav-icon{margin-right:0}.sc-sidebar-collapsed .sc-sidebar-footer-link{justify-content:center}.sc-sidebar-collapsed .sc-sidebar-footer-link svg{margin-right:0}.sc-sidebar-nav-hidden,.sc-sidebar-header-hidden{display:none}.sc-sidebar-header{flex-shrink:0;align-items:center;gap:12px;height:64px;padding:16px 20px;transition:padding .3s;display:flex}.sc-sidebar-collapsed .sc-sidebar-header{justify-content:center;padding:16px 12px}.sc-sidebar-header-avatar{background-color:#1976d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:width .3s,height .3s;display:flex;overflow:hidden}.sc-sidebar-logo{object-fit:contain;filter:brightness(0)invert();width:28px;height:28px;transition:width .3s,height .3s;display:block}.sc-sidebar-logo-original{object-fit:contain;width:28px;height:28px;transition:width .3s,height .3s;display:block}.sc-sidebar-header-title{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:1.2;overflow:hidden}.sc-sidebar-header-subtitle{color:#757575;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sc-sidebar-divider{border:none;border-top:1px solid #e0e0e0;flex-shrink:0;margin:0}.sc-sidebar-nav{scrollbar-width:none;flex:1;margin:0;padding:8px 12px;list-style:none;overflow-y:auto}.sc-sidebar-nav::-webkit-scrollbar{width:0;display:none}.sc-sidebar-nav-item{margin-bottom:2px;position:relative}.sc-sidebar-nav-link{color:#333;cursor:pointer;border-radius:8px;align-items:center;min-height:44px;padding:10px 12px;text-decoration:none;transition:background-color .2s,color .2s;display:flex;position:relative}.sc-sidebar-nav-link:hover{background-color:#f5f5f5}.sc-sidebar-nav-link-active{color:#1976d2;background-color:#0000}.sc-sidebar-nav-indicator{background-color:#1976d2;border-radius:0 3px 3px 0;width:3px;height:24px;animation:.3s sc-indicator-slide;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes sc-indicator-slide{0%{opacity:0;height:0}to{opacity:1;height:24px}}.sc-sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;margin-right:0;display:flex}.sc-sidebar-nav-icon svg{color:#666;font-size:20px;transition:color .2s}.sc-sidebar-nav-link-active .sc-sidebar-nav-icon svg{color:#1976d2}.sc-sidebar-nav-text{white-space:nowrap;color:#333;margin-left:12px;font-size:14px;font-weight:500;transition:color .2s}.sc-sidebar-nav-link-active .sc-sidebar-nav-text{color:#1976d2;font-weight:600}.sc-sidebar-footer{border-top:1px solid #e0e0e0;flex-shrink:0;padding:12px 20px}.sc-sidebar-footer-link{color:#d32f2f;cursor:pointer;border-radius:8px;align-items:center;padding:10px 12px;text-decoration:none;transition:background-color .2s;display:flex}.sc-sidebar-footer-link:hover{background-color:#fdecea}.sc-sidebar-footer-link svg{flex-shrink:0;margin-right:12px;font-size:20px}.sc-sidebar-footer-text{white-space:nowrap;font-size:14px;font-weight:500}.sc-sidebar-overlay{z-index:999;background-color:#00000080;display:none;position:fixed;inset:0}.sc-sidebar-overlay-active{display:block}.sc-sidebar-no-permissions{text-align:center;color:#757575;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex}.sc-sidebar-no-permissions p{margin:0;font-size:14px;line-height:1.5}.sc-sidebar-no-permissions p:last-child{color:#999;margin-top:8px;font-size:12px}.sc-sidebar-loading{text-align:center;color:#757575;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 16px;display:flex}.sc-sidebar-loading-spinner{border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite sc-spin;display:inline-block}.sc-sidebar-loading p{margin:0;font-size:14px}@media (width<=600px){.sc-sidebar{width:280px;transform:translate(-100%)}.sc-sidebar-open{transform:translate(0)}.sc-sidebar-collapsed{width:280px!important}.sc-sidebar-collapsed .sc-sidebar-header{justify-content:flex-start;padding:16px 20px}.sc-sidebar-collapsed .sc-sidebar-header-avatar .sc-sidebar-logo{width:28px;height:28px}.sc-sidebar-collapsed .sc-sidebar-nav-link{justify-content:flex-start;padding:10px 12px}.sc-sidebar-collapsed .sc-sidebar-nav-icon{margin-right:12px}.sc-sidebar-collapsed .sc-sidebar-nav-text{margin-left:12px;display:block!important}.sc-sidebar-collapsed .sc-sidebar-footer-link{justify-content:flex-start}.sc-sidebar-collapsed .sc-sidebar-footer-link svg{margin-right:12px}.sc-sidebar-collapsed .sc-sidebar-footer-text,.sc-sidebar-nav-hidden,.sc-sidebar-header-hidden{display:block!important}.sc-sidebar-overlay-active{display:block}.sc-sidebar-nav-indicator{height:20px}.sc-sidebar-nav-text{font-size:14px}}@media (width>=601px) and (width<=960px){.sc-sidebar{width:240px}.sc-sidebar-collapsed{width:64px!important}.sc-sidebar-collapsed .sc-sidebar-header{justify-content:center;padding:16px 12px}.sc-sidebar-collapsed .sc-sidebar-header-avatar .sc-sidebar-logo{width:32px;height:32px}.sc-sidebar-collapsed .sc-sidebar-nav-link{justify-content:center;padding:12px}.sc-sidebar-collapsed .sc-sidebar-nav-icon{margin-right:0}.sc-sidebar-collapsed .sc-sidebar-nav-text{display:none}.sc-sidebar-collapsed .sc-sidebar-footer-link{justify-content:center}.sc-sidebar-collapsed .sc-sidebar-footer-link svg{margin-right:0}.sc-sidebar-collapsed .sc-sidebar-footer-text{display:none}.sc-sidebar-nav-text{margin-left:10px;font-size:13px}.sc-sidebar-nav-indicator{height:20px}.sc-sidebar-nav-icon{width:36px}.sc-sidebar-nav-icon svg{font-size:18px}}@media (width>=961px){.sc-sidebar{transform:translate(0)!important}.sc-sidebar-overlay{display:none!important}}@media (prefers-color-scheme:dark){.sc-sidebar{background-color:#1a1a2e;border-right-color:#2d2d44}.sc-sidebar-header-title{color:#fff}.sc-sidebar-header-subtitle{color:#88a}.sc-sidebar-divider{border-top-color:#2d2d44}.sc-sidebar-nav-link{color:#a0a0c0}.sc-sidebar-nav-link:hover{background-color:#2d2d44}.sc-sidebar-nav-link-active,.sc-sidebar-nav-link-active .sc-sidebar-nav-icon svg,.sc-sidebar-nav-link-active .sc-sidebar-nav-text{color:#64b5f6}.sc-sidebar-nav-icon svg{color:#88a}.sc-sidebar-nav-text{color:#a0a0c0}.sc-sidebar-nav-indicator{background-color:#64b5f6}.sc-sidebar-footer{border-top-color:#2d2d44}.sc-sidebar-footer-link{color:#ef5350}.sc-sidebar-footer-link:hover{background-color:#2d1f1f}.sc-sidebar-footer-link svg,.sc-sidebar-footer-text{color:#ef5350}.sc-sidebar:hover::-webkit-scrollbar-thumb{background:#4d4d6c}.sc-sidebar:hover::-webkit-scrollbar-thumb:hover{background:#5d5d7c}.sc-sidebar-no-permissions{color:#88a}.sc-sidebar-no-permissions p:last-child{color:#668}.sc-sidebar-loading{color:#88a}.sc-sidebar-loading-spinner{border-color:#64b5f6 #2d2d44 #2d2d44}}.sc-sidebar-scroll-visible{scrollbar-width:thin}.sc-sidebar-scroll-visible::-webkit-scrollbar{width:4px;display:block}.sc-sidebar-scroll-visible::-webkit-scrollbar-track{background:0 0}.sc-sidebar-scroll-visible::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}@media (prefers-color-scheme:dark){.sc-sidebar-scroll-visible::-webkit-scrollbar-thumb{background:#4d4d6c}}.sc-sidebar-shadow{box-shadow:2px 0 8px #00000014}.sc-sidebar *{transition:background-color .2s,color .2s,transform .2s,opacity .2s}.sc-navbar{z-index:100;background-color:#fff;border-radius:0;align-items:center;height:64px;padding:0 16px;transition:left .3s;display:flex;position:fixed;top:0;left:280px;right:0;box-shadow:0 1px 4px #00000014}.sc-navbar-collapsed{left:64px}.sc-navbar-content{justify-content:space-between;align-items:center;width:100%;display:flex}.sc-navbar-left{align-items:center;gap:12px;display:flex;position:relative}.sc-navbar-menu-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:4px;padding:8px;display:none}.sc-navbar-menu-btn:hover{background-color:#f0f0f0}.sc-navbar-toggle-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:8px;transition:all .3s;display:flex}.sc-navbar-toggle-btn:hover{background-color:#f0f0f0}.sc-navbar-toggle-btn svg{font-size:24px;transition:transform .3s}.sc-navbar-toggle-collapsed svg{transform:rotate(180deg)}.sc-navbar-brand{color:#1a1a1a;font-size:18px;font-weight:600}.sc-navbar-search{background-color:#f5f5f5;border:1px solid #0000;border-radius:8px;align-items:center;margin-left:16px;padding:0 12px;transition:border-color .2s,background-color .2s;display:flex;position:relative}.sc-navbar-search:focus-within{background-color:#fff;border-color:#1976d2}.sc-navbar-search input{color:#1a1a1a;background:0 0;border:none;outline:none;width:200px;padding:8px 8px 8px 0;font-size:14px}.sc-navbar-search input::placeholder{color:#9e9e9e}.sc-navbar-search svg{color:#757575;margin-right:8px;font-size:20px}.sc-navbar-search-clear{cursor:pointer;color:#757575;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.sc-navbar-search-clear:hover{background-color:#f0f0f0}.sc-navbar-search-clear svg{font-size:18px}.sc-search-results-dropdown{z-index:200;background:#fff;border-radius:8px;min-width:320px;max-width:400px;max-height:300px;padding:8px 0;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 4px 24px #0000001f}.sc-search-result-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background-color .2s;display:flex}.sc-search-result-item:hover{background-color:#f5f5f5}.sc-search-result-icon{color:#757575;justify-content:center;align-items:center;display:flex}.sc-search-result-icon svg{font-size:20px}.sc-search-result-name{color:#1a1a1a;flex:1;font-size:14px}.sc-search-result-type{color:#757575;text-transform:capitalize;background:#f5f5f5;border-radius:4px;padding:2px 8px;font-size:11px}.sc-search-loading,.sc-search-no-results{text-align:center;color:#757575;padding:16px;font-size:14px}.sc-navbar-right{align-items:center;gap:8px;display:flex;position:relative}.sc-navbar-icon-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex;position:relative}.sc-navbar-icon-btn:hover{background-color:#f5f5f5}.sc-navbar-badge{color:#fff;background-color:#d32f2f;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.sc-navbar-user{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px 8px 4px 4px;transition:background-color .2s;display:flex}.sc-navbar-user:hover{background-color:#f5f5f5}.sc-navbar-user-avatar{background-color:#1976d2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sc-navbar-user-avatar svg{color:#fff;font-size:18px}.sc-navbar-user-name{color:#1a1a1a;font-size:14px;font-weight:500}.sc-dropdown-menu{z-index:200;background-color:#fff;border-radius:8px;min-width:220px;padding:8px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 24px #0000001f}.sc-dropdown-user{min-width:240px}.sc-dropdown-user-info{align-items:center;gap:12px;padding:12px 16px;display:flex}.sc-dropdown-user-avatar{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sc-dropdown-user-avatar svg{color:#fff;font-size:22px}.sc-dropdown-user-details{flex:1}.sc-dropdown-user-name{color:#1a1a1a;font-size:14px;font-weight:600}.sc-dropdown-user-email{color:#757575;font-size:12px}.sc-dropdown-item{color:#333;cursor:pointer;align-items:center;padding:10px 16px;font-size:14px;text-decoration:none;transition:background-color .2s;display:flex}.sc-dropdown-item:hover{background-color:#f5f5f5}.sc-dropdown-item svg{color:#757575;margin-right:12px;font-size:20px}.sc-dropdown-item-logout,.sc-dropdown-item-logout svg{color:#d32f2f}.sc-dropdown-divider{border:none;border-top:1px solid #e0e0e0;margin:4px 0}.sc-notification-dropdown{width:380px;max-height:500px;right:0}.sc-notification-header{color:#1a1a1a;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.sc-notification-title{flex:1;font-weight:600}.sc-notification-mark-all{color:#1976d2;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px}.sc-notification-mark-all:hover{background-color:#e3f2fd}.sc-notification-close{cursor:pointer;color:#757575;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.sc-notification-close:hover{background-color:#f0f0f0}.sc-notification-loading{text-align:center;color:#757575;padding:20px;font-size:14px}.sc-notification-item{cursor:pointer;border-left:3px solid #0000;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.sc-notification-item:hover{background-color:#f5f5f5}.sc-notification-unread{background-color:#f8f9fa;border-left-color:#1976d2}.sc-notification-icon{color:#1976d2;background:#e3f2fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sc-notification-icon svg{font-size:18px}.sc-notification-content{flex:1;min-width:0}.sc-notification-title{color:#1a1a1a;margin-bottom:2px;font-size:14px;font-weight:500}.sc-notification-message{color:#555;-webkit-box-orient:vertical;margin-bottom:2px;font-size:13px;display:-webkit-box;overflow:hidden}.sc-notification-time{color:#757575;font-size:11px}.sc-notification-empty{color:#757575;flex-direction:column;align-items:center;padding:30px 20px;display:flex}.sc-notification-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:48px}.sc-notification-empty-icon svg{font-size:48px}.sc-notification-empty p{color:#1a1a1a;margin:0;font-size:16px;font-weight:500}.sc-notification-empty span{font-size:14px}.sc-notification-footer{text-align:center;color:#1976d2;cursor:pointer;padding:10px 16px;font-size:14px;font-weight:500}.sc-notification-footer:hover{text-decoration:underline}@media (width<=600px){.sc-navbar-menu-btn{display:block}.sc-navbar-toggle-btn,.sc-navbar-search,.sc-navbar-user-name{display:none}.sc-navbar-brand{font-size:16px}.sc-navbar{left:0!important}.sc-notification-dropdown{width:calc(100vw - 32px);max-height:400px;left:16px;right:16px}.sc-search-results-dropdown{min-width:auto;max-width:100%;left:0;right:0}}@media (width>=601px) and (width<=960px){.sc-navbar-search input{width:120px}.sc-notification-dropdown{width:340px}}@media (prefers-color-scheme:dark){.sc-navbar{background-color:#2d2d44}.sc-navbar-brand{color:#fff}.sc-navbar-search{background-color:#3d3d5c}.sc-navbar-search input{color:#fff}.sc-navbar-search input::placeholder,.sc-navbar-search-clear{color:#88a}.sc-navbar-search-clear:hover{background-color:#3d3d5c}.sc-navbar-user-name,.sc-navbar-icon-btn{color:#fff}.sc-navbar-icon-btn:hover,.sc-navbar-user:hover{background-color:#3d3d5c}.sc-dropdown-menu{background-color:#2d2d44}.sc-dropdown-item{color:#d0d0e0}.sc-dropdown-item:hover{background-color:#3d3d5c}.sc-dropdown-item svg{color:#88a}.sc-dropdown-divider{border-color:#3d3d5c}.sc-dropdown-user-name{color:#fff}.sc-dropdown-user-email{color:#88a}.sc-notification-dropdown{background-color:#2d2d44}.sc-notification-header,.sc-notification-title{color:#fff}.sc-notification-close{color:#88a}.sc-notification-close:hover{background-color:#3d3d5c}.sc-notification-item{border-left-color:#0000}.sc-notification-item:hover{background-color:#3d3d5c}.sc-notification-unread{background-color:#1a2a4a;border-left-color:#1976d2}.sc-notification-title{color:#fff}.sc-notification-message{color:#a0a0c0}.sc-notification-time{color:#88a}.sc-notification-empty p{color:#fff}.sc-notification-empty span{color:#88a}.sc-notification-empty-icon{color:#3d3d5c}.sc-notification-footer{color:#64b5f6}.sc-notification-loading{color:#88a}.sc-search-results-dropdown{background-color:#2d2d44}.sc-search-result-item{color:#fff}.sc-search-result-item:hover{background-color:#3d3d5c}.sc-search-result-name{color:#fff}.sc-search-result-type{color:#88a;background-color:#3d3d5c}.sc-search-loading,.sc-search-no-results{color:#88a}.sc-navbar-menu-btn{color:#fff}.sc-navbar-menu-btn:hover{background-color:#3d3d5c}.sc-navbar-toggle-btn{color:#fff}.sc-navbar-toggle-btn:hover{background-color:#3d3d5c}}.sc-message-dropdown{max-height:500px;overflow-y:auto;width:380px!important}.sc-message-header{align-items:center;gap:8px;padding:12px 16px;display:flex}.sc-message-title{color:#1a1a2e;flex:1;font-size:16px;font-weight:600}.sc-message-mark-all{color:#1976d2;cursor:pointer;background:#e8f0fe;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;transition:background .2s;display:flex}.sc-message-mark-all:hover{background:#dce8f8}.sc-message-mark-all svg{font-size:16px}.sc-message-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.sc-message-close:hover{background:#f5f5f5}.sc-message-item{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .2s;display:flex;position:relative}.sc-message-item:hover{background:#f8f9fa}.sc-message-unread{background:#f0f7ff}.sc-message-unread:hover{background:#e8f0fe}.sc-message-avatar{flex-shrink:0;width:40px;height:40px}.sc-message-avatar img{object-fit:cover;border-radius:50%;width:40px;height:40px}.sc-message-avatar-placeholder{color:#fff;background:#1976d2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.sc-message-content{flex:1;min-width:0}.sc-message-header-info{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.sc-message-sender{color:#1a1a2e;font-size:14px;font-weight:600}.sc-message-time{color:#999;font-size:11px}.sc-message-title-text{color:#333;margin-bottom:2px;font-size:13px;font-weight:500}.sc-message-preview{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sc-message-unread-dot{background:#1976d2;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.sc-message-footer{justify-content:space-between;padding:12px 16px;display:flex}.sc-message-footer span{color:#1976d2;cursor:pointer;font-size:13px;font-weight:500;transition:color .2s}.sc-message-footer span:hover{color:#1565c0;text-decoration:underline}.sc-message-empty{text-align:center;padding:40px 20px}.sc-message-empty-icon{color:#ccc;margin-bottom:12px;font-size:48px}.sc-message-empty-icon svg{font-size:48px}.sc-message-empty p{color:#333;margin:0;font-size:16px;font-weight:500}.sc-message-empty span{color:#999;margin-top:4px;font-size:14px;display:block}.sc-message-empty-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;margin-top:16px;padding:8px 24px;font-size:14px;font-weight:500;transition:background .2s}.sc-message-loading{text-align:center;color:#999;padding:40px 20px}.sc-navbar-badge-messages{background:#1976d2!important}.sc-dropdown-badge{color:#fff;background:#1976d2;border-radius:12px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:600}@media (prefers-color-scheme:dark){.sc-message-title{color:#fff}.sc-message-item:hover{background:#2d2d44}.sc-message-unread{background:#1a2a44}.sc-message-unread:hover{background:#1a3a5c}.sc-message-sender{color:#fff}.sc-message-title-text{color:#d0d0e0}.sc-message-preview{color:#88a}.sc-message-empty p{color:#d0d0e0}.sc-message-empty span{color:#88a}.sc-message-mark-all{color:#64b5f6;background:#1a3a5c}.sc-message-mark-all:hover{background:#1a4a6c}.sc-message-close{color:#88a}.sc-message-close:hover{background:#2d2d44}.sc-message-footer span{color:#64b5f6}.sc-message-footer span:hover{color:#90caf9}}@media (width<=600px){.sc-message-dropdown{max-height:80vh;position:fixed;top:64px;left:0;right:0;box-shadow:0 4px 12px #00000026;border-radius:0!important;width:100vw!important}.sc-message-item{padding:12px}}.sc-message-header-actions{align-items:center;gap:8px;display:flex}.sc-message-new-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.sc-message-new-btn:hover{background:#1565c0}.sc-message-new-btn svg{font-size:16px}.sc-message-empty-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;align-items:center;gap:6px;margin-top:16px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.sc-message-empty-btn:hover{background:#1565c0}.sc-message-empty-btn svg{font-size:18px}@media (prefers-color-scheme:dark){.sc-message-new-btn{color:#64b5f6;background:#1a3a5c}.sc-message-new-btn:hover{background:#1a4a6c}.sc-message-empty-btn{color:#64b5f6;background:#1a3a5c}.sc-message-empty-btn:hover{background:#1a4a6c}}.sc-notification-list{max-height:360px;overflow:hidden auto}.sc-notification-list::-webkit-scrollbar{width:4px}.sc-notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sc-notification-list::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:10px}.sc-notification-list::-webkit-scrollbar-thumb:hover{background:#a0a8b0}.sc-notification-list{scrollbar-width:thin;scrollbar-color:#c1c7cd #f1f1f1}.sc-layout-container{background-color:#f5f5f5;min-height:100vh;display:flex;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.sc-layout-children{margin-top:64px;padding:24px;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.sc-main-content{background-color:#f5f5f5;flex:1;min-height:100vh;margin-left:280px;transition:margin-left .3s;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.sc-main-content-collapsed{margin-left:64px}@media (width<=600px){.sc-main-content,.sc-main-content-collapsed{margin-left:0}.sc-layout-children{padding:16px}}.sch-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.sch-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.sch-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.sch-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.sch-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sch-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.sch-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.sch-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sch-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.sch-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.sch-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.sch-btn-cancel:hover{background-color:#e8e8e8}.sch-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.sch-btn-back:hover{background-color:#f8f9fa}.sch-btn-apply{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.sch-btn-apply:hover{background-color:#5a67d8}.sch-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.sch-btn-clear:hover{background-color:#e8e8e8}.sch-btn-retry{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.sch-btn-retry:hover{background-color:#5a67d8}@media (width<=480px){.sch-btn-label{display:none}.sch-btn-primary,.sch-btn-secondary{padding:6px 10px}}.sch-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.sch-stat-card{text-align:center;padding:4px}.sch-stat-number{color:#667eea;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.sch-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.sch-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.sch-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.sch-search-input-wrapper:focus-within{border-color:#667eea}.sch-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.sch-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.sch-search-input::placeholder{color:#999}.sch-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.sch-clear-search:hover{color:#1a1a2e}.sch-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.sch-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.sch-filter-toggle:hover{background-color:#e8e8e8}.sch-filter-toggle.active{color:#667eea;background-color:#e8eeff;border-color:#667eea}.sch-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.sch-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.sch-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.sch-filter-group{flex-direction:column;gap:4px;display:flex}.sch-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.sch-filter-group select,.sch-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.sch-filter-group select:focus,.sch-filter-group input:focus{border-color:#667eea;outline:none}.sch-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.sch-filter-actions button{padding:6px 16px}.sch-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px)}.sch-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.sch-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sch-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.sch-form-header-right{align-items:center;gap:10px;display:flex}.sch-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.sch-form-org{color:#667eea;background:#e8eeff;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.sch-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.sch-form-error strong{margin-bottom:4px;font-weight:600;display:block}.sch-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.sch-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sch-full-width{grid-column:1/-1}@media (width<=600px){.sch-form-grid{grid-template-columns:1fr}}.sch-form-group{flex-direction:column;gap:4px;display:flex}.sch-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.sch-form-group input,.sch-form-group select,.sch-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.sch-form-group input:focus,.sch-form-group select:focus,.sch-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.sch-form-group input.sch-error,.sch-form-group select.sch-error,.sch-form-group textarea.sch-error{border-color:#dc3545}.sch-form-group.has-error label{color:#dc3545}.sch-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.sch-required{color:#dc3545}.sch-checkbox-group{flex-direction:row;align-items:center}.sch-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.sch-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.sch-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.sch-form-actions{flex-direction:column}.sch-form-actions button{justify-content:center;width:100%}}.sch-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.sch-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.sch-table-wrapper::-webkit-scrollbar{height:8px}.sch-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sch-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.sch-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sch-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.sch-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.sch-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.sch-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.sch-data-table tbody tr:hover{background-color:#f8f9fa}.sch-data-table tbody tr:last-child{border-bottom:none}.sch-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.sch-table-row-inactive{opacity:.6}.sch-table-row-inactive:hover{opacity:.8}.sch-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.sch-col-reg,.sch-col-type,.sch-col-level{min-width:100px}.sch-col-location{min-width:150px}.sch-col-status{min-width:90px}.sch-col-eligible{min-width:80px}.sch-col-actions{text-align:center!important;min-width:180px!important}.sch-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.sch-table-school-info{align-items:center;gap:10px;display:flex}.sch-table-avatar{background:#667eea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.sch-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.sch-table-school-details{flex-direction:column;display:flex}.sch-table-school-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.sch-table-school-location{color:#666;align-items:center;gap:4px;font-size:clamp(11px,.9vw,12px);display:flex}.sch-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.sch-reg-tag{color:#1a1a2e;background:#f0f0f0;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:clamp(11px,.9vw,12px);display:inline-block}.sch-type-badge{color:#667eea;background:#e8eeff;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sch-level-badge{color:#9c27b0;background:#f3e5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sch-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sch-status-active{color:#2e7d32;background:#e8f5e9}.sch-status-inactive{color:#666;background:#f5f5f5}.sch-eligible-badge{color:#2e7d32;background:#e8f5e9;border-radius:4px;padding:3px 10px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sch-table-empty{color:#bbb;font-size:clamp(11px,.9vw,12px)}.sch-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.sch-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.sch-icon-btn:hover{background-color:#f0f0f0}.sch-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.sch-icon-btn-edit{color:#ed6c02}.sch-icon-btn-edit:hover{background-color:#fff3e0}.sch-icon-btn-delete{color:#dc3545}.sch-icon-btn-delete:hover{background-color:#fde8e8}.sch-icon-btn-activate{color:#2e7d32}.sch-icon-btn-activate:hover{background-color:#e8f5e9}.sch-icon-btn-deactivate{color:#ed6c02}.sch-icon-btn-deactivate:hover{background-color:#fff3e0}.sch-icon-btn-expand{color:#666;display:none}.sch-icon-btn-expand .sch-expanded{transform:rotate(180deg)}.sch-table-expanded-row{background-color:#f8f9fa!important}.sch-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.sch-table-expanded-content{padding:4px 0}.sch-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sch-expanded-item{flex-direction:column;gap:2px;display:flex}.sch-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.sch-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.sch-expanded-item .sch-type-badge,.sch-expanded-item .sch-level-badge,.sch-expanded-item .sch-status-badge{width:fit-content;display:inline-block}@media (width<=768px){.sch-icon-btn-expand{display:inline-flex}.sch-data-table{min-width:800px;font-size:12px}.sch-data-table thead th,.sch-data-table tbody td{padding:8px 10px}.sch-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.sch-col-actions{min-width:140px!important}.sch-table-avatar{width:28px;height:28px}.sch-table-avatar svg{font-size:14px}}@media (width<=480px){.sch-page{padding:10px 12px}.sch-data-table{min-width:650px;font-size:11px}.sch-data-table thead th,.sch-data-table tbody td{padding:6px 8px}.sch-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.sch-col-actions{min-width:110px!important}.sch-table-sn{font-size:10px}.sch-table-school-name{font-size:11px}.sch-table-school-location{font-size:10px}.sch-table-avatar{border-radius:6px;width:24px;height:24px}.sch-table-avatar svg{font-size:12px}.sch-type-badge,.sch-level-badge,.sch-status-badge,.sch-eligible-badge{padding:2px 8px;font-size:8px}.sch-reg-tag{padding:1px 6px;font-size:9px}.sch-icon-btn svg{font-size:14px}.sch-icon-btn{padding:2px 4px}.sch-col-reg,.sch-col-type,.sch-col-level{min-width:70px}.sch-col-location{min-width:100px}.sch-col-status,.sch-col-eligible{min-width:60px}.sch-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.sch-expanded-item label{font-size:9px}.sch-expanded-item span{font-size:12px}}@media (width<=360px){.sch-data-table{min-width:550px;font-size:10px}.sch-data-table thead th,.sch-data-table tbody td{padding:4px 6px}.sch-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.sch-col-actions{min-width:90px!important}.sch-table-avatar{width:20px;height:20px}.sch-table-avatar svg{font-size:10px}.sch-icon-btn svg{font-size:12px}.sch-expanded-info{grid-template-columns:1fr}}.sch-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.sch-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.sch-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sch-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.sch-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.sch-pagination-buttons{align-items:center;gap:6px;display:flex}.sch-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.sch-pagination-btn:hover:not(:disabled){background:#e8e8e8}.sch-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sch-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.sch-page-loading{text-align:center;color:#666;padding:40px 16px}.sch-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite sch-spin}@keyframes sch-spin{to{transform:rotate(360deg)}}.sch-empty-state{text-align:center;color:#666;padding:40px 16px}.sch-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.sch-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.sch-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.sch-empty-state .sch-btn-primary{margin:12px auto 0}.sch-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.sch-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sch-error-content strong{font-weight:600}@keyframes sch-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sch-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.sch-page{background:#1a1a2e}.sch-page-header{border-color:#2d2d44}.sch-page-header-left h2{color:#fff}.sch-page-subtitle{color:#88a}.sch-stats-summary{background:#2d2d44;border-color:#3d3d5c}.sch-stat-number{color:#89f}.sch-stat-label{color:#88a}.sch-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.sch-search-input{color:#fff}.sch-search-input::placeholder,.sch-search-icon{color:#88a}.sch-stats-badge{color:#88a;background:#2d2d44}.sch-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.sch-filter-toggle.active{color:#89f;background:#1a2a5c;border-color:#89f}.sch-filter-panel{background:#2d2d44;border-color:#3d3d5c}.sch-filter-group label{color:#fff}.sch-filter-group select,.sch-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sch-table-container{background:#2d2d44;border-color:#3d3d5c}.sch-data-table{background:#2d2d44}.sch-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.sch-data-table thead th{color:#fff;background:#3d3d5c}.sch-data-table tbody tr{border-color:#3d3d5c}.sch-data-table tbody tr:hover{background-color:#3d3d5c}.sch-data-table tbody td{color:#d0d0e0}.sch-table-school-name{color:#fff}.sch-table-school-location,.sch-table-icon{color:#88a}.sch-table-empty{color:#4d4d6c}.sch-reg-tag{color:#d0d0e0;background:#3d3d5c}.sch-status-inactive{color:#88a;background:#3d3d5c}.sch-table-expanded-row{background-color:#3d3d5c!important}.sch-expanded-item label{color:#88a}.sch-expanded-item span{color:#fff}.sch-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.sch-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.sch-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.sch-form-container{background:#2d2d44;border-color:#3d3d5c}.sch-form-header{border-color:#3d3d5c}.sch-form-header-left h3{color:#fff}.sch-form-id{color:#88a;background:#3d3d5c}.sch-form-org{color:#89f;background:#1a2a5c}.sch-form-group label{color:#fff}.sch-form-group input,.sch-form-group select,.sch-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sch-form-group input:focus,.sch-form-group select:focus,.sch-form-group textarea:focus{border-color:#89f}.sch-form-actions{border-color:#3d3d5c}.sch-btn-back,.sch-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sch-btn-back:hover,.sch-btn-cancel:hover{background:#4d4d6c}.sch-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sch-btn-secondary:hover{background:#4d4d6c}.sch-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.sch-pagination-info,.sch-pagination-items-per-page{color:#88a}.sch-pagination-items-per-page select,.sch-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sch-pagination-btn:hover:not(:disabled){background:#4d4d6c}.sch-pagination-current{color:#fff}.sch-icon-btn{color:#88a}.sch-icon-btn:hover{background-color:#3d3d5c}.sch-icon-btn-edit{color:#ffb74d}.sch-icon-btn-edit:hover{background-color:#5c3d1a}.sch-icon-btn-delete{color:#ef5350}.sch-icon-btn-delete:hover{background-color:#5c1a1a}.sch-empty-icon{color:#3d3d5c}.sch-empty-state p{color:#fff}.sch-empty-state span{color:#88a}.sch-btn-primary{background:#667eea}.sch-btn-primary:hover:not(:disabled){background:#5a67d8}.sch-btn-apply{background:#667eea}.sch-btn-apply:hover{background:#5a67d8}.sch-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sch-btn-clear:hover{background:#4d4d6c}}.sch-icon-btn-view{color:#1976d2}.sch-icon-btn-view:hover{background-color:#e3f2fd}.sch-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.3s sch-fade-in;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sch-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s sch-slide-up;display:flex;box-shadow:0 20px 60px #0000004d}.sch-modal-header{border-bottom:2px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sch-modal-header h3{color:#1a1a2e;align-items:center;gap:10px;margin:0;font-size:clamp(18px,2vw,22px);font-weight:600;display:flex}.sch-modal-header-icon{color:#1976d2;font-size:clamp(22px,2.5vw,28px)}.sch-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.sch-modal-close:hover{color:#1a1a2e;background-color:#f0f0f0}.sch-modal-close svg{font-size:24px}.sch-modal-body{flex:1;padding:24px;overflow-y:auto}.sch-modal-section{margin-bottom:24px}.sch-modal-section:last-child{margin-bottom:0}.sch-modal-section h4{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:clamp(15px,1.3vw,17px);font-weight:600}.sch-modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sch-modal-info-item{flex-direction:column;gap:2px;display:flex}.sch-modal-info-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.sch-modal-info-item span{color:#1a1a2e;align-items:center;gap:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;display:flex}.sch-modal-info-item .sch-type-badge,.sch-modal-info-item .sch-level-badge,.sch-modal-info-item .sch-status-badge{width:fit-content;display:inline-block}.sch-modal-icon{color:#666;font-size:clamp(14px,1.2vw,16px)}.sch-modal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.sch-modal-stat-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.sch-modal-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sch-modal-stat-icon{color:#1976d2;margin-bottom:4px;font-size:clamp(24px,2.5vw,30px)}.sch-modal-stat-number{color:#1a1a2e;font-size:clamp(20px,2.5vw,26px);font-weight:700;display:block}.sch-modal-stat-label{color:#666;font-size:clamp(10px,.9vw,12px);font-weight:500;display:block}.sch-modal-footer{border-top:2px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;padding:12px 24px;display:flex}.sch-modal-loading,.sch-modal-error{text-align:center;color:#666;padding:40px 20px}.sch-modal-error p{color:#721c24;margin-bottom:12px}@media (prefers-color-scheme:dark){.sch-modal-content{background:#2d2d44}.sch-modal-header{border-color:#3d3d5c}.sch-modal-header h3{color:#fff}.sch-modal-close{color:#88a}.sch-modal-close:hover{color:#fff;background-color:#3d3d5c}.sch-modal-section h4{color:#fff;border-color:#3d3d5c}.sch-modal-info-item label{color:#88a}.sch-modal-info-item span{color:#fff}.sch-modal-icon{color:#88a}.sch-modal-stat-card{background:#3d3d5c;border-color:#4d4d6c}.sch-modal-stat-number{color:#fff}.sch-modal-stat-label{color:#88a}.sch-modal-footer{border-color:#3d3d5c}}@media (width<=768px){.sch-modal-content{max-height:95vh}.sch-modal-info-grid{grid-template-columns:1fr 1fr;gap:8px}.sch-modal-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.sch-modal-header{padding:12px 16px}.sch-modal-body{padding:16px}.sch-modal-footer{padding:8px 16px}}@media (width<=480px){.sch-modal-info-grid{grid-template-columns:1fr}.sch-modal-stats-grid{grid-template-columns:repeat(2,1fr)}.sch-modal-content{border-radius:8px;max-height:98vh}}@media (width<=600px){.sch-form-row,.sch-modal-programs-grid{grid-template-columns:1fr}}.sch-program-info{background:#f5f5f5;border-left:3px solid #1976d2;border-radius:6px;margin:8px 0 16px;padding:12px 16px}.sch-program-info-item{justify-content:space-between;padding:2px 0;font-size:14px;display:flex}.sch-program-info-item label{color:#666;font-weight:500}.sch-program-info-item span{color:#1a1a2e}.sch-program-status{border-radius:12px;padding:1px 10px;font-size:12px;font-weight:600}.sch-program-status.ACTIVE{color:#2e7d32;background:#e8f5e9}.sch-date-auto{cursor:not-allowed;background:#f5f5f5!important}.sch-date-hint{color:#888;margin-top:2px;font-size:11px;font-style:italic}.sch-modal-programs-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.sch-form-row,.sch-modal-programs-grid{grid-template-columns:1fr}.sch-program-info-item{flex-direction:column}}.sch-btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.sch-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d32f2f4d}.sch-btn-danger:disabled{opacity:.6;cursor:not-allowed}.sch-unroll-warning{background:#fff3e0;border:1px solid #ffcc80;border-radius:8px;align-items:flex-start;gap:12px;margin:12px 0;padding:14px 16px;display:flex}.sch-unroll-warning-icon{color:#e65100;flex-shrink:0;margin-top:2px;font-size:24px!important}.sch-unroll-warning p{color:#4a148c;margin:0 0 4px;font-size:13px}.sch-unroll-warning p:last-child{margin-bottom:0}.sch-icon-btn-unroll{color:#d32f2f}.sch-icon-btn-unroll:hover{background-color:#fde8e8}.sch-col-programs{min-width:120px}.sch-programs-badge{color:#1976d2;background:#e3f2fd;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.sch-programs-total{color:#888;margin-left:4px;font-size:10px}.sch-icon-btn-enroll{color:#2e7d32}.sch-icon-btn-enroll:hover{background-color:#e8f5e9}.sch-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sch-modal-subtitle{color:#666;margin-top:2px;font-size:14px;font-weight:400;display:block}.sch-modal-hint{color:#666;background:#f5f5f5;border-left:3px solid #1976d2;border-radius:6px;margin-top:12px;padding:10px 14px;font-size:13px}.sch-loading-text{color:#666;text-align:center;padding:10px}.sch-no-programs{text-align:center;color:#666;background:#f5f5f5;border-radius:6px;padding:16px}.sch-no-programs p{margin:0 0 4px;font-weight:500}.sch-no-programs span{color:#888;font-size:12px}.sch-programs-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sch-program-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s;overflow:hidden}.sch-program-card:hover{box-shadow:0 2px 8px #0000001a}.sch-program-card-header{background:#f0f0f0;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:12px 14px;display:flex}.sch-program-card-icon{color:#1976d2;font-size:20px!important}.sch-program-card-name{color:#1a1a2e;font-size:14px;font-weight:600}.sch-program-card-code{color:#888;font-size:12px}.sch-program-status-badge{border-radius:12px;margin-left:auto;padding:2px 10px;font-size:11px;font-weight:500}.sch-program-status-badge.active{color:#2e7d32;background:#e8f5e9}.sch-program-status-badge.inactive{color:#666;background:#f5f5f5}.sch-program-status-badge.completed{color:#1976d2;background:#e3f2fd}.sch-program-status-badge.suspended{color:#e65100;background:#fff3e0}.sch-program-card-body{padding:12px 14px}.sch-program-card-detail{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.sch-program-card-label{color:#888;font-weight:500}.sch-program-card-calendar{color:#888;margin-right:4px;font-size:14px!important}.sch-program-card-progress{align-items:center;gap:8px;width:100%;max-width:200px;display:flex}.sch-program-progress-bar{background:#e0e0e0;border-radius:3px;flex:1;height:6px;overflow:hidden}.sch-program-progress-fill{border-radius:3px;height:100%;transition:width .6s}.sch-program-progress-text{min-width:35px;font-size:12px;font-weight:600}.sch-program-card-stats{border-top:1px solid #f0f0f0;gap:16px;margin-top:8px;padding-top:8px;display:flex}.sch-program-card-stat{text-align:center}.sch-program-card-stat-value{color:#1a1a2e;font-size:16px;font-weight:600;display:block}.sch-program-card-stat-label{color:#888;text-transform:uppercase;letter-spacing:.3px;font-size:10px;display:block}@media (prefers-color-scheme:dark){.sch-unroll-warning{background:#3d2d1a;border-color:#e65100}.sch-unroll-warning p{color:#ffa726}.sch-btn-danger{background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%)}.sch-program-card{background:#2d2d44;border-color:#3d3d5c}.sch-program-card-header{background:#3d3d5c;border-color:#4d4d6c}.sch-program-card-name{color:#fff}.sch-program-card-detail{color:#d0d0e0}.sch-program-card-label{color:#88a}.sch-program-card-stat-value{color:#fff}.sch-program-card-stat-label{color:#88a}}@media (width<=768px){.sch-programs-grid,.sch-form-row{grid-template-columns:1fr}}.sch-modal-large{max-width:1000px!important}.sch-modal-subtitle{color:#88a;margin-left:8px;font-size:clamp(13px,1.1vw,14px);font-weight:400}.sch-modal-section-icon{color:#667eea;vertical-align:middle;margin-right:8px;font-size:clamp(18px,1.8vw,22px)}.sch-modal-table-wrapper{margin-top:8px;overflow-x:auto}.sch-modal-data-table{border-collapse:collapse;width:100%;font-size:clamp(13px,1.1vw,14px)}.sch-modal-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.sch-modal-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;padding:8px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600}.sch-modal-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.sch-modal-data-table tbody tr:hover{background-color:#f8f9fa}.sch-modal-data-table tbody td{vertical-align:middle;padding:8px 12px}.sch-modal-user-info{align-items:center;gap:8px;display:flex}.sch-modal-user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sch-modal-user-avatar svg{color:#fff;font-size:16px}.sch-teacher-avatar{background:#667eea}.sch-learner-avatar{background:#2e7d32}.sch-modal-user-name{color:#1a1a2e;font-weight:500}.sch-stem-yes{color:#2e7d32;font-weight:500}.sch-stem-no{color:#666}.sch-modal-loading-text{text-align:center;color:#666;padding:20px}.sch-small-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:24px;height:24px;margin:0 auto 8px;animation:.8s linear infinite sch-spin}.sch-modal-empty{text-align:center;color:#666;padding:20px}.sch-modal-empty-icon{color:#e0e0e0;margin-bottom:8px;font-size:40px}.sch-modal-empty p{margin:0;font-size:14px}.sch-report-status{border-radius:12px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sch-report-status.approved{color:#2e7d32;background-color:#e8f5e9}.sch-report-status.pending{color:#ed6c02;background-color:#fff3e0}.sch-report-status.rejected{color:#c62828;background-color:#fde8e8}.sch-report-status.submitted{color:#1976d2;background-color:#e3f2fd}.sch-modal-report-info{align-items:center;gap:8px;display:flex}.sch-modal-report-icon{color:#667eea;font-size:18px}@media (prefers-color-scheme:dark){.sch-modal-subtitle{color:#88a}.sch-modal-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.sch-modal-data-table thead th{color:#fff}.sch-modal-data-table tbody tr{border-color:#3d3d5c}.sch-modal-data-table tbody tr:hover{background-color:#3d3d5c}.sch-modal-data-table tbody td{color:#d0d0e0}.sch-modal-user-name{color:#fff}.sch-modal-empty{color:#88a}.sch-modal-empty-icon{color:#3d3d5c}.sch-modal-loading-text{color:#88a}.sch-small-spinner{border-color:#89f #3d3d5c #3d3d5c}.sch-stem-no{color:#88a}.sch-report-status.approved{color:#66bb6a;background-color:#1a3d2e}.sch-report-status.pending{color:#ffb74d;background-color:#3d2d1a}.sch-report-status.rejected{color:#ef5350;background-color:#3d1a1a}.sch-report-status.submitted{color:#64b5f6;background-color:#1a2a3d}}@media (width<=768px){.sch-modal-data-table{font-size:12px}.sch-modal-data-table thead th,.sch-modal-data-table tbody td{padding:6px 8px}.sch-modal-user-avatar{width:28px;height:28px}.sch-modal-user-avatar svg{font-size:14px}.sch-modal-data-table{min-width:500px}}@media (width<=480px){.sch-modal-data-table{min-width:400px;font-size:11px}.sch-modal-user-avatar{width:24px;height:24px}.sch-modal-user-avatar svg{font-size:12px}}.sch-modal-kit-info{align-items:center;gap:8px;display:flex}.sch-modal-kit-icon{color:#667eea;font-size:18px}.sch-modal-kit-name{color:#1a1a2e;font-weight:500}.sch-kit-serial{color:#1a1a2e;background:#f0f0f0;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:clamp(11px,.9vw,12px)}.sch-kit-status{border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.sch-kit-status-icon{font-size:14px}.sch-kit-status-available{color:#2e7d32;background-color:#e8f5e9}.sch-kit-status-allocated{color:#ed6c02;background-color:#fff3e0}.sch-kit-status-maintenance{color:#1976d2;background-color:#e3f2fd}.sch-kit-status-damaged{color:#c62828;background-color:#fde8e8}.sch-kit-status-lost,.sch-kit-status-unknown{color:#666;background-color:#f5f5f5}@media (prefers-color-scheme:dark){.sch-modal-kit-name{color:#fff}.sch-modal-kit-icon{color:#89f}.sch-kit-serial{color:#d0d0e0;background:#3d3d5c}.sch-kit-status-available{color:#66bb6a;background-color:#1a3d2e}.sch-kit-status-allocated{color:#ffb74d;background-color:#3d2d1a}.sch-kit-status-maintenance{color:#64b5f6;background-color:#1a2a3d}.sch-kit-status-damaged{color:#ef5350;background-color:#3d1a1a}.sch-kit-status-lost,.sch-kit-status-unknown{color:#88a;background-color:#3d3d5c}}@media (width<=768px){.sch-kit-status{padding:2px 8px;font-size:9px}.sch-kit-status-icon{font-size:12px}.sch-kit-serial{font-size:10px}}.tchr-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.tchr-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.tchr-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.tchr-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.tchr-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tchr-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2e7d32 0%,#1b5e20 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.tchr-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2e7d324d}.tchr-btn-primary:disabled{opacity:.6;cursor:not-allowed}.tchr-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.tchr-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.tchr-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.tchr-btn-cancel:hover{background-color:#e8e8e8}.tchr-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.tchr-btn-back:hover{background-color:#f8f9fa}.tchr-btn-apply{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.tchr-btn-apply:hover{background-color:#1b5e20}.tchr-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.tchr-btn-clear:hover{background-color:#e8e8e8}.tchr-btn-retry{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.tchr-btn-retry:hover{background-color:#1b5e20}@media (width<=480px){.tchr-btn-label{display:none}.tchr-btn-primary,.tchr-btn-secondary{padding:6px 10px}}.tchr-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.tchr-stat-card{text-align:center;padding:4px}.tchr-stat-number{color:#2e7d32;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.tchr-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.tchr-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.tchr-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.tchr-search-input-wrapper:focus-within{border-color:#2e7d32}.tchr-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.tchr-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.tchr-search-input::placeholder{color:#999}.tchr-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.tchr-clear-search:hover{color:#1a1a2e}.tchr-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.tchr-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.tchr-filter-toggle:hover{background-color:#e8e8e8}.tchr-filter-toggle.active{color:#2e7d32;background-color:#e8f5e9;border-color:#2e7d32}.tchr-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.tchr-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.tchr-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.tchr-filter-group{flex-direction:column;gap:4px;display:flex}.tchr-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.tchr-filter-group select,.tchr-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.tchr-filter-group select:focus,.tchr-filter-group input:focus{border-color:#2e7d32;outline:none}.tchr-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.tchr-filter-actions button{padding:6px 16px}.tchr-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s tchr-slide-down}@keyframes tchr-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tchr-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.tchr-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tchr-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.tchr-form-header-right{align-items:center;gap:10px;display:flex}.tchr-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.tchr-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.tchr-form-error strong{margin-bottom:4px;font-weight:600;display:block}.tchr-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.tchr-form{max-width:100%}.tchr-form-grid{flex-direction:column;gap:16px;display:flex}.tchr-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.tchr-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.tchr-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.tchr-form-section-grid{grid-template-columns:1fr}}.tchr-form-group{flex-direction:column;gap:4px;display:flex}.tchr-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.tchr-form-group input,.tchr-form-group select,.tchr-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.tchr-form-group input:focus,.tchr-form-group select:focus,.tchr-form-group textarea:focus{border-color:#2e7d32;outline:none;box-shadow:0 0 0 3px #2e7d321a}.tchr-form-group input.tchr-error,.tchr-form-group select.tchr-error,.tchr-form-group textarea.tchr-error{border-color:#dc3545}.tchr-form-group.has-error label{color:#dc3545}.tchr-form-group.has-error input,.tchr-form-group.has-error select,.tchr-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.tchr-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.tchr-required{color:#dc3545}.tchr-checkbox-group{flex-direction:row;align-items:center}.tchr-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.tchr-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#2e7d32;width:16px;height:16px}.tchr-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.tchr-form-actions{flex-direction:column}.tchr-form-actions button{justify-content:center;width:100%}}.tchr-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.tchr-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.tchr-table-wrapper::-webkit-scrollbar{height:8px}.tchr-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.tchr-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.tchr-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tchr-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1100px;font-size:clamp(13px,1.1vw,14px)}.tchr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.tchr-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.tchr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.tchr-data-table tbody tr:hover{background-color:#f8f9fa}.tchr-data-table tbody tr:last-child{border-bottom:none}.tchr-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.tchr-table-row-inactive{opacity:.6}.tchr-table-row-inactive:hover{opacity:.8}.tchr-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.tchr-col-reg{min-width:100px}.tchr-col-gender{min-width:80px}.tchr-col-school{min-width:150px}.tchr-col-stem{min-width:70px}.tchr-col-level{min-width:90px}.tchr-col-exp{min-width:80px}.tchr-col-status{min-width:90px}.tchr-col-actions{text-align:center!important;min-width:200px!important}.tchr-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.tchr-table-teacher-info{align-items:center;gap:10px;display:flex}.tchr-table-avatar{background:linear-gradient(135deg,#2e7d32 0%,#1b5e20 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.tchr-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.tchr-table-teacher-details{flex-direction:column;display:flex}.tchr-table-teacher-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.tchr-table-teacher-email{color:#666;align-items:center;gap:4px;font-size:clamp(11px,.9vw,12px);display:flex}.tchr-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.tchr-reg-tag{color:#1a1a2e;background:#f0f0f0;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:clamp(11px,.9vw,12px);display:inline-block}.tchr-gender-badge{color:#666;background:#f5f5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.tchr-stem-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.tchr-stem-yes{color:#2e7d32;background:#e8f5e9}.tchr-level-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.tchr-level-badge.tchr-stem-level-basic{color:#1976d2;background:#e3f2fd}.tchr-level-badge.tchr-stem-level-intermediate{color:#ed6c02;background:#fff3e0}.tchr-level-badge.tchr-stem-level-advanced{color:#d32f2f;background:#fce4ec}.tchr-level-badge.tchr-stem-level-none{color:#666;background:#f5f5f5}.tchr-exp-badge{color:#ed6c02;background:#fff3e0;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.tchr-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.tchr-status-active{color:#2e7d32;background:#e8f5e9}.tchr-status-inactive{color:#666;background:#f5f5f5}.tchr-table-empty{color:#bbb;font-size:clamp(11px,.9vw,12px)}.tchr-table-school{align-items:center;gap:4px;display:flex}.tchr-table-school span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:clamp(11px,.9vw,12px);overflow:hidden}.tchr-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.tchr-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.tchr-icon-btn:hover{background-color:#f0f0f0}.tchr-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.tchr-icon-btn-edit{color:#1976d2}.tchr-icon-btn-edit:hover{background-color:#e3f2fd}.tchr-icon-btn-delete{color:#dc3545}.tchr-icon-btn-delete:hover{background-color:#fde8e8}.tchr-icon-btn-activate{color:#2e7d32}.tchr-icon-btn-activate:hover{background-color:#e8f5e9}.tchr-icon-btn-deactivate{color:#ed6c02}.tchr-icon-btn-deactivate:hover{background-color:#fff3e0}.tchr-icon-btn-train{color:#2e7d32}.tchr-icon-btn-train:hover{background-color:#e8f5e9}.tchr-icon-btn-untrain{color:#ed6c02}.tchr-icon-btn-untrain:hover{background-color:#fff3e0}.tchr-icon-btn-expand{color:#666;display:none}.tchr-icon-btn-expand .tchr-expanded{transform:rotate(180deg)}.tchr-table-expanded-row{background-color:#f8f9fa!important}.tchr-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.tchr-table-expanded-content{padding:4px 0}.tchr-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tchr-expanded-item{flex-direction:column;gap:2px;display:flex}.tchr-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.tchr-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.tchr-expanded-item .tchr-level-badge,.tchr-expanded-item .tchr-status-badge{width:fit-content;display:inline-block}@media (width<=768px){.tchr-icon-btn-expand{display:inline-flex}.tchr-data-table{min-width:900px;font-size:12px}.tchr-data-table thead th,.tchr-data-table tbody td{padding:8px 10px}.tchr-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.tchr-col-actions{min-width:160px!important}.tchr-table-avatar{width:28px;height:28px}.tchr-table-avatar svg{font-size:14px}.tchr-table-school span{max-width:80px}}@media (width<=480px){.tchr-page{padding:10px 12px}.tchr-data-table{min-width:750px;font-size:11px}.tchr-data-table thead th,.tchr-data-table tbody td{padding:6px 8px}.tchr-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.tchr-col-actions{min-width:130px!important}.tchr-table-sn{font-size:10px}.tchr-table-teacher-name{font-size:11px}.tchr-table-teacher-email{font-size:10px}.tchr-table-avatar{border-radius:6px;width:24px;height:24px}.tchr-table-avatar svg{font-size:12px}.tchr-reg-tag,.tchr-gender-badge,.tchr-stem-badge,.tchr-level-badge,.tchr-exp-badge,.tchr-status-badge{padding:2px 8px;font-size:8px}.tchr-icon-btn svg{font-size:14px}.tchr-icon-btn{padding:2px 4px}.tchr-col-reg{min-width:70px}.tchr-col-gender{min-width:60px}.tchr-col-school{min-width:100px}.tchr-col-stem{min-width:50px}.tchr-col-level,.tchr-col-exp,.tchr-col-status{min-width:60px}.tchr-table-school span{max-width:60px}.tchr-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.tchr-expanded-item label{font-size:9px}.tchr-expanded-item span{font-size:12px}}@media (width<=360px){.tchr-data-table{min-width:650px;font-size:10px}.tchr-data-table thead th,.tchr-data-table tbody td{padding:4px 6px}.tchr-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.tchr-col-actions{min-width:110px!important}.tchr-table-avatar{width:20px;height:20px}.tchr-table-avatar svg{font-size:10px}.tchr-icon-btn svg{font-size:12px}.tchr-expanded-info{grid-template-columns:1fr}}.tchr-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.tchr-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.tchr-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tchr-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.tchr-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.tchr-pagination-buttons{align-items:center;gap:6px;display:flex}.tchr-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.tchr-pagination-btn:hover:not(:disabled){background:#e8e8e8}.tchr-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.tchr-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.tchr-page-loading{text-align:center;color:#666;padding:40px 16px}.tchr-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#2e7d32;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite tchr-spin}@keyframes tchr-spin{to{transform:rotate(360deg)}}.tchr-empty-state{text-align:center;color:#666;padding:40px 16px}.tchr-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.tchr-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.tchr-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.tchr-empty-state .tchr-btn-primary{margin:12px auto 0}.tchr-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.tchr-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tchr-error-content strong{font-weight:600}@keyframes tchr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tchr-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.tchr-page{background:#1a1a2e}.tchr-page-header{border-color:#2d2d44}.tchr-page-header-left h2{color:#fff}.tchr-page-subtitle{color:#88a}.tchr-stats-summary{background:#2d2d44;border-color:#3d3d5c}.tchr-stat-number{color:#66bb6a}.tchr-stat-label{color:#88a}.tchr-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.tchr-search-input{color:#fff}.tchr-search-input::placeholder,.tchr-search-icon{color:#88a}.tchr-stats-badge{color:#88a;background:#2d2d44}.tchr-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.tchr-filter-toggle.active{color:#66bb6a;background:#1a3d1a;border-color:#66bb6a}.tchr-filter-panel{background:#2d2d44;border-color:#3d3d5c}.tchr-filter-group label{color:#fff}.tchr-filter-group select,.tchr-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.tchr-table-container{background:#2d2d44;border-color:#3d3d5c}.tchr-data-table{background:#2d2d44}.tchr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.tchr-data-table thead th{color:#fff;background:#3d3d5c}.tchr-data-table tbody tr{border-color:#3d3d5c}.tchr-data-table tbody tr:hover{background-color:#3d3d5c}.tchr-data-table tbody td{color:#d0d0e0}.tchr-table-teacher-name{color:#fff}.tchr-table-teacher-email,.tchr-table-icon{color:#88a}.tchr-table-empty{color:#4d4d6c}.tchr-reg-tag{color:#d0d0e0;background:#3d3d5c}.tchr-gender-badge,.tchr-status-inactive,.tchr-level-badge.tchr-stem-level-none{color:#88a;background:#3d3d5c}.tchr-table-expanded-row{background-color:#3d3d5c!important}.tchr-expanded-item label{color:#88a}.tchr-expanded-item span{color:#fff}.tchr-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.tchr-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.tchr-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.tchr-form-container{background:#2d2d44;border-color:#3d3d5c}.tchr-form-header{border-color:#3d3d5c}.tchr-form-header-left h3{color:#fff}.tchr-form-id{color:#88a;background:#3d3d5c}.tchr-form-section{background:#3d3d5c}.tchr-form-section h4{color:#fff;border-color:#4d4d6c}.tchr-form-group label{color:#fff}.tchr-form-group input,.tchr-form-group select,.tchr-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.tchr-form-group input:focus,.tchr-form-group select:focus,.tchr-form-group textarea:focus{border-color:#66bb6a}.tchr-form-actions{border-color:#3d3d5c}.tchr-btn-back,.tchr-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.tchr-btn-back:hover,.tchr-btn-cancel:hover{background:#4d4d6c}.tchr-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.tchr-btn-secondary:hover{background:#4d4d6c}.tchr-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.tchr-form-error pre{color:#f5c6cb}.tchr-pagination-info,.tchr-pagination-items-per-page{color:#88a}.tchr-pagination-items-per-page select,.tchr-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.tchr-pagination-btn:hover:not(:disabled){background:#4d4d6c}.tchr-pagination-current{color:#fff}.tchr-icon-btn{color:#88a}.tchr-icon-btn:hover{background-color:#3d3d5c}.tchr-icon-btn-edit{color:#64b5f6}.tchr-icon-btn-edit:hover{background-color:#1a3a5c}.tchr-icon-btn-delete{color:#ef5350}.tchr-icon-btn-delete:hover{background-color:#5c1a1a}.tchr-icon-btn-activate{color:#66bb6a}.tchr-icon-btn-activate:hover{background-color:#1a5c1a}.tchr-icon-btn-deactivate{color:#ffa726}.tchr-icon-btn-deactivate:hover{background-color:#5c3d1a}.tchr-icon-btn-train{color:#66bb6a}.tchr-icon-btn-train:hover{background-color:#1a5c1a}.tchr-icon-btn-untrain{color:#ffa726}.tchr-icon-btn-untrain:hover{background-color:#5c3d1a}.tchr-empty-icon{color:#3d3d5c}.tchr-empty-state p{color:#fff}.tchr-empty-state span{color:#88a}.tchr-btn-primary{background:linear-gradient(135deg,#2e7d32 0%,#1b5e20 100%)}.tchr-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1b5e20 0%,#0d3d0f 100%)}.tchr-btn-apply{background:#2e7d32}.tchr-btn-apply:hover{background:#1b5e20}.tchr-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.tchr-btn-clear:hover{background:#4d4d6c}.tchr-btn-retry{background:#2e7d32}.tchr-btn-retry:hover{background:#1b5e20}}.tchr-icon-btn-view{color:#1976d2}.tchr-icon-btn-view:hover{background-color:#e3f2fd}.tchr-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.3s tchr-fade-in;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.tchr-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s tchr-slide-up;display:flex;box-shadow:0 20px 60px #0000004d}.tchr-modal-header{border-bottom:2px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tchr-modal-header h3{color:#1a1a2e;align-items:center;gap:10px;margin:0;font-size:clamp(18px,2vw,22px);font-weight:600;display:flex}.tchr-modal-header-icon{color:#2e7d32;font-size:clamp(22px,2.5vw,28px)}.tchr-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.tchr-modal-close:hover{color:#1a1a2e;background-color:#f0f0f0}.tchr-modal-close svg{font-size:24px}.tchr-modal-body{flex:1;padding:24px;overflow-y:auto}.tchr-modal-section{margin-bottom:24px}.tchr-modal-section:last-child{margin-bottom:0}.tchr-modal-section h4{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:clamp(15px,1.3vw,17px);font-weight:600}.tchr-modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tchr-modal-info-item{flex-direction:column;gap:2px;display:flex}.tchr-modal-info-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.tchr-modal-info-item span{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.tchr-modal-info-item .tchr-status-badge,.tchr-modal-info-item .tchr-level-badge{width:fit-content;display:inline-block}.tchr-modal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.tchr-modal-stat-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.tchr-modal-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.tchr-modal-stat-icon{color:#2e7d32;margin-bottom:4px;font-size:clamp(24px,2.5vw,30px)}.tchr-modal-stat-number{color:#1a1a2e;font-size:clamp(20px,2.5vw,26px);font-weight:700;display:block}.tchr-modal-stat-label{color:#666;font-size:clamp(10px,.9vw,12px);font-weight:500;display:block}.tchr-modal-activity{grid-template-columns:1fr;gap:16px;display:grid}.tchr-modal-activity-group h5{color:#1a1a2e;margin:0 0 8px;font-size:clamp(13px,1.1vw,14px);font-weight:500}.tchr-modal-activity-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;display:flex}.tchr-modal-activity-item:last-child{margin-bottom:0}.tchr-modal-activity-icon{color:#2e7d32;flex-shrink:0;font-size:clamp(16px,1.5vw,20px)}.tchr-modal-activity-item span{color:#1a1a2e;flex:1;font-size:clamp(12px,1vw,13px)}.tchr-modal-activity-status{color:#2e7d32;background:#e8f5e9;border-radius:20px;flex-shrink:0;padding:2px 10px;font-size:clamp(10px,.9vw,11px);font-weight:500}.tchr-modal-activity-date{color:#666;flex-shrink:0;font-size:clamp(10px,.9vw,11px)}.tchr-modal-footer{border-top:2px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;padding:12px 24px;display:flex}.tchr-modal-loading,.tchr-modal-error{text-align:center;color:#666;padding:40px 20px}.tchr-modal-error p{color:#721c24;margin-bottom:12px}@media (prefers-color-scheme:dark){.tchr-modal-content{background:#2d2d44}.tchr-modal-header{border-color:#3d3d5c}.tchr-modal-header h3{color:#fff}.tchr-modal-close{color:#88a}.tchr-modal-close:hover{color:#fff;background-color:#3d3d5c}.tchr-modal-section h4{color:#fff;border-color:#3d3d5c}.tchr-modal-info-item label{color:#88a}.tchr-modal-info-item span{color:#fff}.tchr-modal-stat-card{background:#3d3d5c;border-color:#4d4d6c}.tchr-modal-stat-number{color:#fff}.tchr-modal-stat-label{color:#88a}.tchr-modal-activity-item{background:#3d3d5c;border-color:#4d4d6c}.tchr-modal-activity-item span{color:#fff}.tchr-modal-activity-date{color:#88a}.tchr-modal-footer{border-color:#3d3d5c}}@media (width<=768px){.tchr-modal-content{max-height:95vh}.tchr-modal-info-grid{grid-template-columns:1fr 1fr;gap:8px}.tchr-modal-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tchr-modal-header{padding:12px 16px}.tchr-modal-body{padding:16px}.tchr-modal-footer{padding:8px 16px}}@media (width<=480px){.tchr-modal-info-grid{grid-template-columns:1fr}.tchr-modal-stats-grid{grid-template-columns:repeat(2,1fr)}.tchr-modal-content{border-radius:8px;max-height:98vh}}.tchr-table-teacher-phone{color:#666;align-items:center;gap:4px;font-size:clamp(11px,.9vw,12px);display:flex}.prg-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.prg-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.prg-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.prg-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.prg-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prg-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ed6c02 0%,#e65100 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.prg-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ed6c024d}.prg-btn-primary:disabled{opacity:.6;cursor:not-allowed}.prg-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.prg-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.prg-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.prg-btn-cancel:hover{background-color:#e8e8e8}.prg-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.prg-btn-back:hover{background-color:#f8f9fa}.prg-btn-apply{color:#fff;cursor:pointer;background-color:#ed6c02;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.prg-btn-apply:hover{background-color:#e65100}.prg-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.prg-btn-clear:hover{background-color:#e8e8e8}.prg-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.prg-btn-retry:hover{background-color:#1565c0}@media (width<=480px){.prg-btn-label{display:none}.prg-btn-primary,.prg-btn-secondary{padding:6px 10px}}.prg-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.prg-stat-card{text-align:center;padding:4px}.prg-stat-number{color:#ed6c02;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.prg-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.prg-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.prg-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.prg-search-input-wrapper:focus-within{border-color:#ed6c02}.prg-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.prg-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.prg-search-input::placeholder{color:#999}.prg-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.prg-clear-search:hover{color:#1a1a2e}.prg-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.prg-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.prg-filter-toggle:hover{background-color:#e8e8e8}.prg-filter-toggle.active{color:#ed6c02;background-color:#fff3e0;border-color:#ed6c02}.prg-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.prg-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.prg-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.prg-filter-group{flex-direction:column;gap:4px;display:flex}.prg-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.prg-filter-group select,.prg-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.prg-filter-group select:focus,.prg-filter-group input:focus{border-color:#ed6c02;outline:none}.prg-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.prg-filter-actions button{padding:6px 16px}.prg-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s prg-slide-down}@keyframes prg-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prg-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.prg-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prg-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.prg-form-header-right{align-items:center;gap:10px;display:flex}.prg-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.prg-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.prg-form-error strong{margin-bottom:4px;font-weight:600;display:block}.prg-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.prg-form{max-width:100%}.prg-form-grid{flex-direction:column;gap:16px;display:flex}.prg-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.prg-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.prg-full-width{grid-column:1/-1}@media (width<=600px){.prg-form-section-grid{grid-template-columns:1fr}}.prg-form-group{flex-direction:column;gap:4px;display:flex}.prg-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.prg-form-group input,.prg-form-group select,.prg-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.prg-form-group input:focus,.prg-form-group select:focus,.prg-form-group textarea:focus{border-color:#ed6c02;outline:none;box-shadow:0 0 0 3px #ed6c021a}.prg-form-group input.prg-error,.prg-form-group select.prg-error,.prg-form-group textarea.prg-error{border-color:#dc3545}.prg-form-group.has-error label{color:#dc3545}.prg-form-group.has-error input,.prg-form-group.has-error select,.prg-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.prg-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.prg-required{color:#dc3545}.prg-checkbox-group{flex-direction:row;align-items:center}.prg-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.prg-objectives-input{gap:8px;display:flex}.prg-objectives-input input{flex:1}.prg-btn-add-objective{color:#fff;cursor:pointer;white-space:nowrap;background-color:#ed6c02;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.prg-btn-add-objective:hover{background-color:#e65100}.prg-objectives-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.prg-objective-tag{color:#1976d2;background:#e3f2fd;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.prg-objective-remove{cursor:pointer;color:#1976d2;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.prg-objective-remove:hover{color:#dc3545}.prg-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.prg-form-actions{flex-direction:column}.prg-form-actions button{justify-content:center;width:100%}}.prg-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.prg-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.prg-table-wrapper::-webkit-scrollbar{height:8px}.prg-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.prg-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.prg-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.prg-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1100px;font-size:clamp(13px,1.1vw,14px)}.prg-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.prg-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.prg-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.prg-data-table tbody tr:hover{background-color:#f8f9fa}.prg-data-table tbody tr:last-child{border-bottom:none}.prg-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.prg-table-row-inactive{opacity:.6}.prg-table-row-inactive:hover{opacity:.8}.prg-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.prg-col-code{min-width:80px}.prg-col-type{min-width:120px}.prg-col-status{min-width:100px}.prg-col-progress{min-width:120px}.prg-col-schools{min-width:80px}.prg-col-budget{min-width:100px}.prg-col-featured{min-width:80px}.prg-col-actions{text-align:center!important;min-width:200px!important}.prg-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.prg-table-program-info{align-items:center;gap:10px;display:flex}.prg-table-avatar{background:linear-gradient(135deg,#ed6c02 0%,#e65100 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.prg-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.prg-table-program-details{flex-direction:column;display:flex}.prg-table-program-name{color:#1a1a2e;flex-wrap:wrap;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,14px);font-weight:500;display:flex}.prg-table-program-org{color:#666;align-items:center;gap:4px;font-size:clamp(11px,.9vw,12px);display:flex}.prg-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.prg-code-tag{color:#1a1a2e;background:#f0f0f0;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:clamp(11px,.9vw,12px);display:inline-block}.prg-type-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.prg-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.prg-status-active{color:#2e7d32;background:#e8f5e9}.prg-status-paused{color:#ed6c02;background:#fff3e0}.prg-status-completed{color:#1976d2;background:#e3f2fd}.prg-status-upcoming{color:#9c27b0;background:#f3e5f5}.prg-status-draft{color:#666;background:#f5f5f5}.prg-schools-badge{color:#1a1a2e;background:#f8f9fa;border-radius:20px;padding:3px 12px;font-size:clamp(12px,1vw,13px);font-weight:600;display:inline-block}.prg-budget-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:3px 12px;font-size:clamp(11px,.9vw,12px);font-weight:500;display:inline-block}.prg-featured-badge{color:#f9a825;background:#fff8e1;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.prg-featured-badge svg{font-size:14px}.prg-featured-yes{color:#f9a825;align-items:center;gap:4px;font-weight:500;display:inline-flex}.prg-featured-yes .prg-star-icon{font-size:16px}.prg-table-empty{color:#bbb;font-size:clamp(11px,.9vw,12px)}.prg-progress-cell{flex-direction:column;gap:4px;min-width:80px;display:flex}.prg-progress-text{color:#1a1a2e;font-size:clamp(11px,.9vw,12px);font-weight:500}.prg-progress-bar-small{background-color:#f0f0f0;border-radius:2px;width:100%;height:4px;overflow:hidden}.prg-progress-fill-small{border-radius:2px;height:100%;transition:width .3s}.prg-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.prg-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.prg-icon-btn:hover{background-color:#f0f0f0}.prg-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.prg-icon-btn-edit{color:#1976d2}.prg-icon-btn-edit:hover{background-color:#e3f2fd}.prg-icon-btn-delete{color:#dc3545}.prg-icon-btn-delete:hover{background-color:#fde8e8}.prg-icon-btn-activate{color:#2e7d32}.prg-icon-btn-activate:hover{background-color:#e8f5e9}.prg-icon-btn-pause{color:#ed6c02}.prg-icon-btn-pause:hover{background-color:#fff3e0}.prg-icon-btn-complete{color:#1976d2}.prg-icon-btn-complete:hover{background-color:#e3f2fd}.prg-icon-btn-expand{color:#666;display:none}.prg-icon-btn-expand .prg-expanded{transform:rotate(180deg)}.prg-table-expanded-row{background-color:#f8f9fa!important}.prg-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.prg-table-expanded-content{padding:4px 0}.prg-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prg-expanded-item{flex-direction:column;gap:2px;display:flex}.prg-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.prg-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.prg-expanded-item .prg-type-badge,.prg-expanded-item .prg-status-badge{width:fit-content;display:inline-block}@media (width<=768px){.prg-icon-btn-expand{display:inline-flex}.prg-data-table{min-width:900px;font-size:12px}.prg-data-table thead th,.prg-data-table tbody td{padding:8px 10px}.prg-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.prg-col-actions{min-width:160px!important}.prg-table-avatar{width:28px;height:28px}.prg-table-avatar svg{font-size:14px}}@media (width<=480px){.prg-page{padding:10px 12px}.prg-data-table{min-width:750px;font-size:11px}.prg-data-table thead th,.prg-data-table tbody td{padding:6px 8px}.prg-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.prg-col-actions{min-width:130px!important}.prg-table-sn{font-size:10px}.prg-table-program-name{font-size:11px}.prg-table-program-org{font-size:10px}.prg-table-avatar{border-radius:6px;width:24px;height:24px}.prg-table-avatar svg{font-size:12px}.prg-code-tag,.prg-type-badge,.prg-status-badge,.prg-schools-badge,.prg-budget-badge{padding:2px 8px;font-size:8px}.prg-icon-btn svg{font-size:14px}.prg-icon-btn{padding:2px 4px}.prg-col-code{min-width:60px}.prg-col-type{min-width:80px}.prg-col-status{min-width:70px}.prg-col-progress{min-width:80px}.prg-col-schools{min-width:60px}.prg-col-budget{min-width:70px}.prg-col-featured,.prg-progress-cell{min-width:60px}.prg-featured-badge{padding:1px 6px;font-size:8px}.prg-featured-badge svg{font-size:10px}.prg-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.prg-expanded-item label{font-size:9px}.prg-expanded-item span{font-size:12px}}@media (width<=360px){.prg-data-table{min-width:650px;font-size:10px}.prg-data-table thead th,.prg-data-table tbody td{padding:4px 6px}.prg-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.prg-col-actions{min-width:110px!important}.prg-table-avatar{width:20px;height:20px}.prg-table-avatar svg{font-size:10px}.prg-icon-btn svg{font-size:12px}.prg-expanded-info{grid-template-columns:1fr}}.prg-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.prg-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.prg-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prg-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.prg-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.prg-pagination-buttons{align-items:center;gap:6px;display:flex}.prg-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.prg-pagination-btn:hover:not(:disabled){background:#e8e8e8}.prg-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.prg-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.prg-page-loading{text-align:center;color:#666;padding:40px 16px}.prg-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#ed6c02;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite prg-spin}@keyframes prg-spin{to{transform:rotate(360deg)}}.prg-empty-state{text-align:center;color:#666;padding:40px 16px}.prg-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.prg-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.prg-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.prg-empty-state .prg-btn-primary{margin:12px auto 0}.prg-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.prg-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prg-error-content strong{font-weight:600}@keyframes prg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes prg-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.prg-page{background:#1a1a2e}.prg-page-header{border-color:#2d2d44}.prg-page-header-left h2{color:#fff}.prg-page-subtitle{color:#88a}.prg-stats-summary{background:#2d2d44;border-color:#3d3d5c}.prg-stat-number{color:#ffa726}.prg-stat-label{color:#88a}.prg-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.prg-search-input{color:#fff}.prg-search-input::placeholder,.prg-search-icon{color:#88a}.prg-stats-badge{color:#88a;background:#2d2d44}.prg-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.prg-filter-toggle.active{color:#ffa726;background:#3d2d1a;border-color:#ffa726}.prg-filter-panel{background:#2d2d44;border-color:#3d3d5c}.prg-filter-group label{color:#fff}.prg-filter-group select,.prg-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prg-table-container{background:#2d2d44;border-color:#3d3d5c}.prg-data-table{background:#2d2d44}.prg-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.prg-data-table thead th{color:#fff;background:#3d3d5c}.prg-data-table tbody tr{border-color:#3d3d5c}.prg-data-table tbody tr:hover{background-color:#3d3d5c}.prg-data-table tbody td{color:#d0d0e0}.prg-table-program-name{color:#fff}.prg-table-program-org,.prg-table-icon{color:#88a}.prg-table-empty{color:#4d4d6c}.prg-code-tag{color:#d0d0e0;background:#3d3d5c}.prg-type-badge{color:#64b5f6;background:#1a3a5c}.prg-status-draft{color:#88a;background:#3d3d5c}.prg-status-upcoming{color:#ce93d8;background:#3d1f5c}.prg-schools-badge{color:#d0d0e0;background:#3d3d5c}.prg-budget-badge{color:#81c784;background:#1a3d1a}.prg-featured-badge{color:#ffa726;background:#3d2d1a}.prg-featured-yes{color:#ffa726}.prg-table-expanded-row{background-color:#3d3d5c!important}.prg-expanded-item label{color:#88a}.prg-expanded-item span{color:#fff}.prg-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.prg-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.prg-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.prg-form-container{background:#2d2d44;border-color:#3d3d5c}.prg-form-header{border-color:#3d3d5c}.prg-form-header-left h3{color:#fff}.prg-form-id{color:#88a;background:#3d3d5c}.prg-form-section{background:#3d3d5c}.prg-form-section h4{color:#fff;border-color:#4d4d6c}.prg-form-group label{color:#fff}.prg-form-group input,.prg-form-group select,.prg-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prg-form-group input:focus,.prg-form-group select:focus,.prg-form-group textarea:focus{border-color:#ffa726}.prg-form-actions{border-color:#3d3d5c}.prg-btn-back,.prg-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prg-btn-back:hover,.prg-btn-cancel:hover{background:#4d4d6c}.prg-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prg-btn-secondary:hover{background:#4d4d6c}.prg-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.prg-form-error pre{color:#f5c6cb}.prg-objective-tag{color:#64b5f6;background:#1a3a5c}.prg-objective-remove{color:#64b5f6}.prg-objective-remove:hover{color:#ef5350}.prg-btn-add-objective{background:#ed6c02}.prg-btn-add-objective:hover{background:#e65100}.prg-pagination-info,.prg-pagination-items-per-page{color:#88a}.prg-pagination-items-per-page select,.prg-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prg-pagination-btn:hover:not(:disabled){background:#4d4d6c}.prg-pagination-current{color:#fff}.prg-icon-btn{color:#88a}.prg-icon-btn:hover{background-color:#3d3d5c}.prg-icon-btn-edit{color:#64b5f6}.prg-icon-btn-edit:hover{background-color:#1a3a5c}.prg-icon-btn-delete{color:#ef5350}.prg-icon-btn-delete:hover{background-color:#5c1a1a}.prg-icon-btn-activate{color:#66bb6a}.prg-icon-btn-activate:hover{background-color:#1a5c1a}.prg-icon-btn-pause{color:#ffa726}.prg-icon-btn-pause:hover{background-color:#5c3d1a}.prg-icon-btn-complete{color:#64b5f6}.prg-icon-btn-complete:hover{background-color:#1a3a5c}.prg-empty-icon{color:#3d3d5c}.prg-empty-state p{color:#fff}.prg-empty-state span{color:#88a}.prg-btn-primary{background:linear-gradient(135deg,#ed6c02 0%,#e65100 100%)}.prg-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e65100 0%,#bf360c 100%)}.prg-btn-apply{background:#ed6c02}.prg-btn-apply:hover{background:#e65100}.prg-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prg-btn-clear:hover{background:#4d4d6c}.prg-progress-bar-small{background:#3d3d5c}}.prg-icon-btn-view{color:#1976d2}.prg-icon-btn-view:hover{background-color:#e3f2fd}.prg-auto-code-hint{color:#666;background:#fff3e0;border-left:3px solid #ed6c02;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:clamp(11px,.9vw,12px)}.prg-auto-code-hint strong{color:#ed6c02;font-weight:600}.prg-field-hint{color:#666;margin-top:2px;font-size:clamp(10px,.8vw,11px)}.prg-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.3s prg-fade-in;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.prg-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s prg-slide-up;display:flex;box-shadow:0 20px 60px #0000004d}.prg-modal-header{border-bottom:2px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.prg-modal-header h3{color:#1a1a2e;align-items:center;gap:10px;margin:0;font-size:clamp(18px,2vw,22px);font-weight:600;display:flex}.prg-modal-header-icon{color:#ed6c02;font-size:clamp(22px,2.5vw,28px)}.prg-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.prg-modal-close:hover{color:#1a1a2e;background-color:#f0f0f0}.prg-modal-close svg{font-size:24px}.prg-modal-body{flex:1;padding:24px;overflow-y:auto}.prg-modal-section{margin-bottom:24px}.prg-modal-section:last-child{margin-bottom:0}.prg-modal-section h4{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:clamp(15px,1.3vw,17px);font-weight:600}.prg-modal-subsection-title{color:#1a1a2e;margin:16px 0 8px;font-size:clamp(14px,1.2vw,15px);font-weight:500}.prg-modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.prg-modal-info-item{flex-direction:column;gap:2px;display:flex}.prg-modal-info-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.prg-modal-info-item span{color:#1a1a2e;word-break:break-word;align-items:center;gap:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;display:flex}.prg-modal-info-item .prg-type-badge,.prg-modal-info-item .prg-status-badge{width:fit-content;display:inline-block}.prg-modal-info-item .prg-code-tag{display:inline-block}.prg-modal-description{color:#1a1a2e;padding:8px 0;font-size:clamp(13px,1.1vw,14px);line-height:1.6}.prg-modal-objectives{margin:4px 0 0;padding-left:20px;list-style-type:disc}.prg-modal-objectives li{color:#1a1a2e;margin-bottom:4px;font-size:clamp(13px,1.1vw,14px);line-height:1.6}.prg-modal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.prg-modal-stat-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.prg-modal-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.prg-modal-stat-icon{color:#ed6c02;margin-bottom:4px;font-size:clamp(24px,2.5vw,30px)}.prg-modal-stat-number{color:#1a1a2e;font-size:clamp(20px,2.5vw,26px);font-weight:700;display:block}.prg-modal-stat-label{color:#666;font-size:clamp(10px,.9vw,12px);font-weight:500;display:block}.prg-budget-amount{color:#2e7d32;font-size:clamp(16px,1.4vw,18px);font-weight:700}.prg-modal-partners{flex-wrap:wrap;gap:8px;display:flex}.prg-modal-partner-tag{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:4px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.prg-modal-footer{border-top:2px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;padding:12px 24px;display:flex}.prg-modal-loading,.prg-modal-error{text-align:center;color:#666;padding:40px 20px}.prg-modal-error p{color:#721c24;margin-bottom:12px}@media (prefers-color-scheme:dark){.prg-modal-content{background:#2d2d44}.prg-modal-header{border-color:#3d3d5c}.prg-modal-header h3{color:#fff}.prg-modal-close{color:#88a}.prg-modal-close:hover{color:#fff;background-color:#3d3d5c}.prg-modal-section h4{color:#fff;border-color:#3d3d5c}.prg-modal-subsection-title{color:#fff}.prg-modal-info-item label{color:#88a}.prg-modal-info-item span{color:#fff}.prg-modal-description,.prg-modal-objectives li{color:#d0d0e0}.prg-modal-stat-card{background:#3d3d5c;border-color:#4d4d6c}.prg-modal-stat-number{color:#fff}.prg-modal-stat-label{color:#88a}.prg-modal-partner-tag{color:#64b5f6;background:#1a3a5c}.prg-modal-footer{border-color:#3d3d5c}.prg-auto-code-hint{color:#88a;background:#3d2d1a;border-left-color:#ffa726}.prg-auto-code-hint strong{color:#ffa726}.prg-field-hint{color:#88a}.prg-budget-amount{color:#81c784}}@media (width<=768px){.prg-modal-content{max-height:95vh}.prg-modal-info-grid{grid-template-columns:1fr 1fr;gap:8px}.prg-modal-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.prg-modal-header{padding:12px 16px}.prg-modal-body{padding:16px}.prg-modal-footer{padding:8px 16px}}@media (width<=480px){.prg-modal-info-grid{grid-template-columns:1fr}.prg-modal-stats-grid{grid-template-columns:repeat(2,1fr)}.prg-modal-content{border-radius:8px;max-height:98vh}}.prg-modal-large{max-width:900px!important}.prg-modal-subtitle{color:#88a;margin-left:8px;font-size:clamp(13px,1.1vw,14px);font-weight:400}.prg-modal-section-icon{color:#667eea;vertical-align:middle;margin-right:8px;font-size:clamp(18px,1.8vw,22px)}.prg-modal-users-table-wrapper{margin-top:8px;overflow-x:auto}.prg-modal-users-table{border-collapse:collapse;width:100%;font-size:clamp(13px,1.1vw,14px)}.prg-modal-users-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.prg-modal-users-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;padding:8px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600}.prg-modal-users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.prg-modal-users-table tbody tr:hover{background-color:#f8f9fa}.prg-modal-users-table tbody td{vertical-align:middle;padding:8px 12px}.prg-modal-user-info{align-items:center;gap:8px;display:flex}.prg-modal-user-avatar{background:#667eea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.prg-modal-user-avatar svg{color:#fff;font-size:16px}.prg-learner-avatar{background:#2e7d32}.prg-modal-user-name{color:#1a1a2e;font-weight:500}.prg-modal-user-email{color:#666;align-items:center;gap:4px;font-size:clamp(12px,1vw,13px);display:flex}.prg-modal-icon-small{color:#666;font-size:14px}.prg-stem-yes{color:#2e7d32;font-weight:500}.prg-stem-no{color:#666}.prg-modal-users-loading{text-align:center;color:#666;padding:20px}.prg-small-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:24px;height:24px;margin:0 auto 8px;animation:.8s linear infinite prg-spin}.prg-modal-no-users{text-align:center;color:#666;padding:20px}.prg-modal-no-users-icon{color:#e0e0e0;margin-bottom:8px;font-size:40px}.prg-modal-no-users p{margin:0;font-size:14px}@media (prefers-color-scheme:dark){.prg-modal-users-table thead{background:#3d3d5c;border-color:#4d4d6c}.prg-modal-users-table thead th{color:#fff}.prg-modal-users-table tbody tr{border-color:#3d3d5c}.prg-modal-users-table tbody tr:hover{background-color:#3d3d5c}.prg-modal-users-table tbody td{color:#d0d0e0}.prg-modal-user-name{color:#fff}.prg-modal-user-email,.prg-modal-icon-small,.prg-modal-no-users{color:#88a}.prg-modal-no-users-icon{color:#3d3d5c}.prg-small-spinner{border-color:#89f #3d3d5c #3d3d5c}.prg-modal-users-loading,.prg-modal-subtitle,.prg-stem-no{color:#88a}}@media (width<=768px){.prg-modal-users-table{font-size:12px}.prg-modal-users-table thead th,.prg-modal-users-table tbody td{padding:6px 8px}.prg-modal-user-avatar{width:28px;height:28px}.prg-modal-user-avatar svg{font-size:14px}.prg-modal-users-table{min-width:500px}}@media (width<=480px){.prg-modal-users-table{min-width:400px;font-size:11px}.prg-modal-user-avatar{width:24px;height:24px}.prg-modal-user-avatar svg{font-size:12px}.prg-modal-user-email .prg-modal-icon-small{display:none}}.prg-all-orgs-badge{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.prg-all-orgs-badge svg{font-size:14px}.prg-all-orgs-tag{color:#2e7d32;background:#e8f5e9;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.prg-all-orgs-tag svg,.prg-all-orgs-icon{font-size:14px}.prg-orgs-tag{color:#1976d2;background:#e3f2fd;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.prg-orgs-tag svg,.prg-orgs-icon{font-size:14px}.prg-org-checkbox-grid{border:1px solid #e0e0e0;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:200px;padding:10px 12px;display:grid;overflow-y:auto}.prg-org-checkbox-grid::-webkit-scrollbar{width:6px}.prg-org-checkbox-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.prg-org-checkbox-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.prg-org-checkbox-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.prg-org-checkbox-item{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:background-color .2s;display:flex}.prg-org-checkbox-item:hover{background:#e3f2fd;border-color:#90caf9}.prg-org-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:#9c27b0;flex-shrink:0;width:16px;height:16px}.prg-org-checkbox-item input[type=checkbox]:checked{accent-color:#7b1fa2}.prg-org-checkbox-item:has(input:checked){background:#f3e5f5;border-color:#ce93d8}.prg-org-checkbox-item:has(input:checked) .prg-org-checkbox-icon{color:#9c27b0}.prg-checkbox-group label{cursor:pointer;color:#1a1a2e;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.prg-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#9c27b0;width:18px;height:18px}.prg-checkbox-group input[type=checkbox]:checked{accent-color:#7b1fa2}.prg-checkbox-group label:has(input:checked){color:#7b1fa2}.prg-checkbox-group label:has(input:checked) .prg-checkbox-icon{color:#9c27b0}.prg-field-hint{color:#666;margin-top:4px;font-size:12px;font-style:italic;display:block}.prg-hint-success{color:#2e7d32;background:#e8f5e9;border-left:3px solid #2e7d32;border-radius:4px;margin-top:6px;padding:6px 12px}.prg-hint-success svg{vertical-align:middle;margin-right:4px;font-size:16px}.prg-col-orgs{text-align:center;min-width:100px}@media (prefers-color-scheme:dark){.prg-all-orgs-badge{color:#81c784;background:#1a3a2a;border-color:#2e7d32}.prg-all-orgs-tag{color:#81c784;background:#1a3a2a}.prg-orgs-tag{color:#64b5f6;background:#1a2a4a}.prg-org-checkbox-grid{background:#2d2d44;border-color:#3d3d5c}.prg-org-checkbox-item{color:#d0d0e0;background:#3d3d5c}.prg-org-checkbox-item:hover{background:#4d4d6c;border-color:#5d5d8c}.prg-org-checkbox-item:has(input:checked){background:#3d1f4d;border-color:#7b1fa2}.prg-org-checkbox-icon{color:#88a}.prg-org-checkbox-item:has(input:checked) .prg-org-checkbox-icon{color:#ce93d8}.prg-checkbox-group label{color:#d0d0e0}.prg-field-hint{color:#88a}.prg-hint-success{color:#81c784;background:#1a3a2a;border-left-color:#81c784}.prg-org-checkbox-grid::-webkit-scrollbar-track{background:#3d3d5c}.prg-org-checkbox-grid::-webkit-scrollbar-thumb{background:#5d5d7c}.prg-org-checkbox-grid::-webkit-scrollbar-thumb:hover{background:#7d7d9c}}@media (width<=768px){.prg-org-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:150px}.prg-col-orgs{min-width:80px}.prg-all-orgs-badge{padding:1px 6px;font-size:9px}.prg-all-orgs-badge svg{font-size:11px}.prg-all-orgs-tag,.prg-orgs-tag{padding:1px 8px;font-size:10px}.prg-org-checkbox-item{padding:4px 8px;font-size:12px}}@media (width<=480px){.prg-org-checkbox-grid{grid-template-columns:1fr;max-height:120px}.prg-col-orgs{min-width:60px}.prg-org-checkbox-item{padding:3px 6px;font-size:11px}.prg-all-orgs-badge{margin-left:4px;padding:1px 4px;font-size:8px}.prg-all-orgs-badge svg{font-size:9px}.prg-orgs-tag{padding:1px 6px;font-size:9px}.prg-orgs-tag svg{font-size:11px}.prg-all-orgs-tag{padding:1px 6px;font-size:9px}.prg-all-orgs-tag svg{font-size:11px}}@keyframes prg-org-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.prg-org-checkbox-item{animation:.2s prg-org-fade-in}.prg-orgs-tag{cursor:help;position:relative}.prg-orgs-tag:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:100;background:#1a1a2e;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:400;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.prg-orgs-tag:hover:before{content:"";z-index:100;border:6px solid #0000;border-top-color:#1a1a2e;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}@media (prefers-color-scheme:dark){.prg-orgs-tag:hover:after{color:#fff;background:#3d3d5c}.prg-orgs-tag:hover:before{border-top-color:#3d3d5c}}.prg-org-checkbox-grid{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:200px;padding:8px;display:grid;overflow-y:auto}.prg-org-checkbox-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;transition:background-color .2s;display:flex}.prg-org-checkbox-item:hover{background-color:#f0f0f0}.prg-org-checkbox-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.prg-org-checkbox-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.prg-org-checkbox-icon{color:#1976d2;font-size:18px!important}.prg-org-code{color:#888;margin-left:4px;font-size:11px}.prg-no-organizations-message{text-align:center;color:#666;background:#f5f5f5;border-radius:6px;padding:20px}.prg-no-organizations-message.prg-warning{background:#fff3e0;border:1px solid #ffcc80}.prg-no-organizations-message p{margin:0 0 4px}.prg-no-organizations-message small{color:#888;font-size:12px}.prg-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-left:10px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.prg-role-manager-badge{color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9}@media (width<=768px){.prg-org-checkbox-grid{grid-template-columns:1fr;max-height:150px}.prg-role-badge{margin-left:6px;padding:1px 8px;font-size:10px}}.prg-form-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:16px}.prg-form-section h4{color:#333;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.prg-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.prg-form-group.prg-full-width{grid-column:1/-1}.prg-checkbox-group{align-items:flex-start;padding:8px 0;display:flex}.prg-checkbox-group label{cursor:pointer;color:#333;align-items:center;gap:8px;font-size:14px;display:flex}.prg-checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.prg-checkbox-icon{color:#1976d2;font-size:20px!important}.prg-hint-success{color:#2e7d32;margin-left:34px;font-weight:500;display:block}@media (width<=768px){.prg-form-section-grid{grid-template-columns:1fr}}.rpt-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.rpt-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.rpt-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.rpt-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.rpt-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rpt-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.rpt-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9c27b04d}.rpt-btn-primary:disabled{opacity:.6;cursor:not-allowed}.rpt-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.rpt-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.rpt-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.rpt-btn-cancel:hover{background-color:#e8e8e8}.rpt-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.rpt-btn-back:hover{background-color:#f8f9fa}.rpt-btn-apply{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.rpt-btn-apply:hover{background-color:#7b1fa2}.rpt-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.rpt-btn-clear:hover{background-color:#e8e8e8}.rpt-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.rpt-btn-retry:hover{background-color:#1565c0}.rpt-btn-add-support{color:#fff;cursor:pointer;white-space:nowrap;background-color:#9c27b0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.rpt-btn-add-support:hover{background-color:#7b1fa2}@media (width<=480px){.rpt-btn-label{display:none}.rpt-btn-primary,.rpt-btn-secondary{padding:6px 10px}}.rpt-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.rpt-stat-item{text-align:center;padding:4px}.rpt-stat-count{color:#9c27b0;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.rpt-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.rpt-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.rpt-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.rpt-search-input-wrapper:focus-within{border-color:#9c27b0}.rpt-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.rpt-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.rpt-search-input::placeholder{color:#999}.rpt-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.rpt-clear-search:hover{color:#1a1a2e}.rpt-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.rpt-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.rpt-filter-toggle:hover{background-color:#e8e8e8}.rpt-filter-toggle.active{color:#9c27b0;background-color:#f3e5f5;border-color:#9c27b0}.rpt-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.rpt-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.rpt-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.rpt-filter-group{flex-direction:column;gap:4px;display:flex}.rpt-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.rpt-filter-group select,.rpt-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.rpt-filter-group select:focus,.rpt-filter-group input:focus{border-color:#9c27b0;outline:none}.rpt-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.rpt-filter-actions button{padding:6px 16px}.rpt-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s rpt-slide-down}@keyframes rpt-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rpt-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.rpt-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rpt-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.rpt-form-header-right{align-items:center;gap:10px;display:flex}.rpt-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.rpt-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.rpt-form-error strong{margin-bottom:4px;font-weight:600;display:block}.rpt-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.rpt-form{max-width:100%}.rpt-form-grid{flex-direction:column;gap:16px;display:flex}.rpt-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.rpt-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.rpt-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rpt-full-width{grid-column:1/-1}@media (width<=600px){.rpt-form-section-grid{grid-template-columns:1fr}}.rpt-form-group{flex-direction:column;gap:4px;display:flex}.rpt-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.rpt-form-group input,.rpt-form-group select,.rpt-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.rpt-form-group input:focus,.rpt-form-group select:focus,.rpt-form-group textarea:focus{border-color:#9c27b0;outline:none;box-shadow:0 0 0 3px #9c27b01a}.rpt-form-group input.rpt-error,.rpt-form-group select.rpt-error,.rpt-form-group textarea.rpt-error{border-color:#dc3545}.rpt-form-group.has-error label{color:#dc3545}.rpt-form-group.has-error input,.rpt-form-group.has-error select,.rpt-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.rpt-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.rpt-required{color:#dc3545}.rpt-checkbox-group{flex-direction:row;align-items:center}.rpt-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.rpt-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#9c27b0;width:16px;height:16px}.rpt-support-input{gap:8px;display:flex}.rpt-support-input input{flex:1}.rpt-support-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.rpt-support-tag{color:#9c27b0;background:#f3e5f5;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.rpt-support-remove{cursor:pointer;color:#9c27b0;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.rpt-support-remove:hover{color:#dc3545}.rpt-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.rpt-form-actions{flex-direction:column}.rpt-form-actions button{justify-content:center;width:100%}.rpt-support-input{flex-direction:column}}.rpt-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.rpt-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.rpt-table-wrapper::-webkit-scrollbar{height:8px}.rpt-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.rpt-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.rpt-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rpt-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.rpt-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.rpt-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.rpt-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.rpt-data-table tbody tr:hover{background-color:#f8f9fa}.rpt-data-table tbody tr:last-child{border-bottom:none}.rpt-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.rpt-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.rpt-col-school{min-width:150px}.rpt-col-month{min-width:120px}.rpt-col-lessons,.rpt-col-students{min-width:80px}.rpt-col-status{min-width:120px}.rpt-col-actions{text-align:center!important;min-width:200px!important}.rpt-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.rpt-table-teacher-info{align-items:center;gap:10px;display:flex}.rpt-table-avatar{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.rpt-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.rpt-table-teacher-details{flex-direction:column;display:flex}.rpt-table-teacher-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.rpt-table-teacher-id{color:#666;font-size:clamp(11px,.9vw,12px)}.rpt-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.rpt-lessons-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(12px,1vw,13px);font-weight:600;display:inline-block}.rpt-students-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:3px 12px;font-size:clamp(12px,1vw,13px);font-weight:600;display:inline-block}.rpt-status-badge{border-radius:20px;align-items:center;gap:6px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.rpt-status-badge svg{font-size:16px}.rpt-status-badge.rpt-status-draft{color:#666;background:#f5f5f5}.rpt-status-badge.rpt-status-submitted{color:#1976d2;background:#e3f2fd}.rpt-status-badge.rpt-status-head-approved{color:#ed6c02;background:#fff3e0}.rpt-status-badge.rpt-status-returned{color:#dc3545;background:#fde8e8}.rpt-status-badge.rpt-status-approved{color:#2e7d32;background:#e8f5e9}.rpt-status-badge.rpt-status-rejected{color:#dc3545;background:#fde8e8}.rpt-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.rpt-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.rpt-icon-btn:hover{background-color:#f0f0f0}.rpt-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.rpt-icon-btn-view{color:#1976d2}.rpt-icon-btn-view:hover{background-color:#e3f2fd}.rpt-icon-btn-edit{color:#f57c00}.rpt-icon-btn-edit:hover{background-color:#fff3e0}.rpt-icon-btn-submit{color:#1976d2}.rpt-icon-btn-submit:hover{background-color:#e3f2fd}.rpt-icon-btn-approve{color:#2e7d32}.rpt-icon-btn-approve:hover{background-color:#e8f5e9}.rpt-icon-btn-delete{color:#dc3545}.rpt-icon-btn-delete:hover{background-color:#fde8e8}.rpt-icon-btn-expand{color:#666;display:none}.rpt-icon-btn-expand .rpt-expanded{transform:rotate(180deg)}.rpt-table-expanded-row{background-color:#f8f9fa!important}.rpt-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.rpt-table-expanded-content{padding:4px 0}.rpt-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rpt-expanded-item{flex-direction:column;gap:2px;display:flex}.rpt-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.rpt-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.rpt-expanded-item .rpt-status-badge{width:fit-content;display:inline-block}@media (width<=768px){.rpt-icon-btn-expand{display:inline-flex}.rpt-data-table{min-width:850px;font-size:12px}.rpt-data-table thead th,.rpt-data-table tbody td{padding:8px 10px}.rpt-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.rpt-col-actions{min-width:160px!important}.rpt-table-avatar{width:28px;height:28px}.rpt-table-avatar svg{font-size:14px}}@media (width<=480px){.rpt-page{padding:10px 12px}.rpt-data-table{min-width:700px;font-size:11px}.rpt-data-table thead th,.rpt-data-table tbody td{padding:6px 8px}.rpt-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.rpt-col-actions{min-width:130px!important}.rpt-table-sn{font-size:10px}.rpt-table-teacher-name{font-size:11px}.rpt-table-teacher-id{font-size:10px}.rpt-table-avatar{border-radius:6px;width:24px;height:24px}.rpt-table-avatar svg{font-size:12px}.rpt-lessons-badge,.rpt-students-badge,.rpt-status-badge{padding:2px 8px;font-size:8px}.rpt-status-badge svg{font-size:12px}.rpt-icon-btn svg{font-size:14px}.rpt-icon-btn{padding:2px 4px}.rpt-col-school{min-width:100px}.rpt-col-month{min-width:80px}.rpt-col-lessons,.rpt-col-students{min-width:60px}.rpt-col-status{min-width:80px}.rpt-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.rpt-expanded-item label{font-size:9px}.rpt-expanded-item span{font-size:12px}}@media (width<=360px){.rpt-data-table{min-width:600px;font-size:10px}.rpt-data-table thead th,.rpt-data-table tbody td{padding:4px 6px}.rpt-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.rpt-col-actions{min-width:110px!important}.rpt-table-avatar{width:20px;height:20px}.rpt-table-avatar svg{font-size:10px}.rpt-icon-btn svg{font-size:12px}.rpt-expanded-info{grid-template-columns:1fr}}.rpt-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.rpt-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.rpt-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rpt-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.rpt-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.rpt-pagination-buttons{align-items:center;gap:6px;display:flex}.rpt-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.rpt-pagination-btn:hover:not(:disabled){background:#e8e8e8}.rpt-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.rpt-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.rpt-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s rpt-fade-in;display:flex;position:fixed;inset:0}@keyframes rpt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rpt-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rpt-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.3s rpt-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.rpt-modal.rpt-modal-view-details{width:98%;max-width:1400px}@media (width<=992px){.rpt-modal.rpt-modal-view-details{width:98%;max-width:98%}}@media (width<=768px){.rpt-modal.rpt-modal-view-details{border-radius:0;width:100%;max-width:100%;max-height:100vh;margin:0}}.rpt-modal-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.rpt-modal-header h3{color:#1a1a2e;flex-direction:column;gap:4px;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600;display:flex}.rpt-modal-subtitle{color:#666;font-size:clamp(13px,1.1vw,14px);font-weight:400}.rpt-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.rpt-modal-close:hover{background-color:#f0f0f0}.rpt-modal-body{padding:16px 20px}.rpt-modal-footer{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.rpt-modal{max-width:100%;margin:10px}.rpt-modal-footer{flex-direction:column}.rpt-modal-footer button{justify-content:center;width:100%}}.rpt-view-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rpt-view-section{background:#f8f9fa;border-radius:8px;padding:16px}.rpt-view-section h4{color:#1a1a2e;border-bottom:1px solid #e0e0e0;margin:0 0 12px;padding-bottom:8px;font-size:clamp(13px,1.1vw,14px);font-weight:600}.rpt-view-full{grid-column:1/-1}.rpt-view-row{border-bottom:1px solid #f5f5f5;grid-template-columns:140px 1fr;gap:10px;padding:6px 0;display:grid}.rpt-view-row:last-child{border-bottom:none}.rpt-view-label{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500}.rpt-view-value{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.rpt-view-status{border-radius:12px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-block}.rpt-view-section.rpt-view-full .rpt-view-row{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:6px;padding:8px 0;display:flex}.rpt-view-section.rpt-view-full .rpt-view-row:last-child{border-bottom:none}.rpt-view-section.rpt-view-full .rpt-view-label{color:#1a2332;width:100%;font-size:clamp(13px,1.1vw,14px);font-weight:600;display:block}.rpt-view-section.rpt-view-full .rpt-view-value{color:#1a1a2e;word-break:break-word;white-space:pre-wrap;background:#f8f9fa;border-left:4px solid #9c27b0;border-radius:6px;width:100%;margin-top:2px;padding:10px 14px;font-size:clamp(14px,1.2vw,15px);line-height:1.6}@media (prefers-color-scheme:dark){.rpt-view-section.rpt-view-full .rpt-view-value{color:#fff;background:#2d2d44;border-left-color:#ce93d8}.rpt-view-section.rpt-view-full .rpt-view-label{color:#fff}}@media (width<=768px){.rpt-view-section.rpt-view-full .rpt-view-value{padding:8px 12px;font-size:13px}.rpt-view-grid{grid-template-columns:1fr}.rpt-view-row{grid-template-columns:1fr;gap:4px}}.rpt-view-evidence-list{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.rpt-evidence-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.rpt-evidence-item:hover{background:#f1f4f9;border-color:#cbd5e1}.rpt-evidence-icon{flex-shrink:0;font-size:20px}.rpt-evidence-link{color:#2c3e8f;word-break:break-all;flex:1;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.rpt-evidence-link:hover{color:#1a2a6a;text-decoration:underline}.rpt-evidence-link:after{content:" 🔗";opacity:.6;font-size:12px}.rpt-evidence-name{color:#1a2332;font-size:14px;font-weight:500}.rpt-evidence-caption{color:#6b7a8f;font-size:13px;font-style:italic}.rpt-evidence-type{color:#6b7a8f;text-transform:uppercase;letter-spacing:.3px;background:#e2e8f0;border-radius:10px;padding:2px 8px;font-size:10px}.rpt-evidence-tag{color:#1976d2;background:#e3f2fd;border-radius:4px;margin:2px 4px 2px 0;padding:2px 8px;font-size:12px;display:inline-block}.rpt-view-lesson-table{border-collapse:collapse;width:100%;font-size:13px}.rpt-view-lesson-table th{text-align:left;background:#f5f5f5;border-bottom:2px solid #e0e0e0;padding:8px 10px;font-size:12px;font-weight:600}.rpt-view-lesson-table td{border-bottom:1px solid #f0f0f0;padding:8px 10px;font-size:13px}.rpt-view-lesson-table tr:hover{background:#fafafa}.rpt-view-empty{color:#888;margin:8px 0;font-style:italic}.rpt-coding-badge{color:#1a56db;text-align:center;background:#dbeafe;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;line-height:1.4;display:inline-block}.rpt-coding-badge small{color:#4a5a6e;font-size:10px;font-weight:400}.rpt-coding-badge.rpt-coding-none{color:#6b7a8f;background:#f1f3f5}.rpt-page-loading{text-align:center;color:#666;padding:40px 16px}.rpt-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#9c27b0;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite rpt-spin}@keyframes rpt-spin{to{transform:rotate(360deg)}}.rpt-empty-state{text-align:center;color:#666;padding:40px 16px}.rpt-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.rpt-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.rpt-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.rpt-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.rpt-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rpt-error-content strong{font-weight:600}.rpt-step-progress{justify-content:space-between;align-items:center;gap:4px;margin-bottom:24px;padding:16px 0;display:flex;position:relative;overflow-x:auto}.rpt-step-progress:before{content:"";z-index:0;background:#e0e0e0;height:2px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.rpt-step-dot{cursor:pointer;z-index:1;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:60px;padding:4px 8px;transition:all .3s;display:flex;position:relative}.rpt-step-dot:hover{background:#9c27b00d}.rpt-step-number{color:#666;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.rpt-step-dot.rpt-step-active .rpt-step-number{color:#fff;background:#9c27b0;box-shadow:0 2px 8px #9c27b04d}.rpt-step-dot.rpt-step-completed .rpt-step-number{color:#fff;background:#4caf50}.rpt-step-icon{font-size:16px}.rpt-step-label{color:#666;text-align:center;max-width:80px;font-size:10px;font-weight:500;line-height:1.2}.rpt-step-dot.rpt-step-active .rpt-step-label{color:#9c27b0;font-weight:600}.rpt-step-dot.rpt-step-completed .rpt-step-label{color:#4caf50}.rpt-step-container{min-height:300px;padding:4px 0}.rpt-step-content{animation:.3s rpt-fade-in}.rpt-step-description{background:#f3e5f5;border-left:4px solid #9c27b0;border-radius:8px;margin-bottom:20px;padding:12px 16px}.rpt-step-description p{color:#4a148c;margin:0;font-size:14px}.rpt-step-navigation{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.rpt-step-navigation .rpt-btn-primary,.rpt-step-navigation .rpt-btn-secondary{justify-content:center;min-width:120px}.rpt-step-indicator{color:#666;background:#f5f5f5;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500}.rpt-step-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px;padding:16px;display:grid}.rpt-summary-item{flex-direction:column;gap:2px;display:flex}.rpt-summary-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.rpt-summary-value{color:#1a1a2e;font-size:14px;font-weight:500}.rpt-lesson-list{margin:12px 0;overflow-x:auto}.rpt-lesson-table{border-collapse:collapse;width:100%;font-size:13px}.rpt-lesson-table thead{background:#f5f5f5}.rpt-lesson-table th{text-align:left;color:#1a1a2e;white-space:nowrap;border-bottom:2px solid #e0e0e0;padding:8px 12px;font-weight:600}.rpt-lesson-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:8px 12px}.rpt-lesson-table tr:hover{background:#f8f9fa}.rpt-lesson-status{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.rpt-lesson-completed{color:#2e7d32;background:#e8f5e9}.rpt-lesson-partial{color:#e65100;background:#fff3e0}.rpt-lesson-not_completed{color:#c62828;background:#fde8e8}.rpt-lesson-form{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:16px 0;padding:16px}.rpt-lesson-form h5{color:#1a1a2e;margin:0 0 12px;font-size:15px}.rpt-lesson-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rpt-lesson-form-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.rpt-lesson-coding-section{background:#f0f4ff;border:1px solid #dbeafe;border-radius:8px;margin-top:16px;padding:16px}.rpt-lesson-coding-section h6{color:#1a2332;margin:0 0 4px;font-size:14px;font-weight:600}.rpt-lesson-coding-section .rpt-section-hint{color:#6b7a8f;margin:0 0 12px;font-size:13px}.rpt-coding-form-grid{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:16px;display:grid}@media (width<=992px){.rpt-coding-form-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.rpt-coding-form-grid{grid-template-columns:1fr}}.rpt-btn-add{color:#2e7d32;cursor:pointer;background:#e8f5e9;border:1px dashed #4caf50;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.rpt-btn-add:hover{background:#c8e6c9;border-color:#2e7d32}.rpt-btn-add-lesson{margin-top:8px}.rpt-review-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:16px 0;padding:16px}.rpt-review-summary h4{color:#1a1a2e;margin:0 0 12px;font-size:16px}.rpt-review-grid{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.rpt-review-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:4px 0;display:flex}.rpt-review-item:last-child{border-bottom:none}.rpt-review-label{color:#666;font-size:13px;font-weight:500}.rpt-review-value{color:#1a1a2e;font-size:13px;font-weight:500}.rpt-submit-warning{background:#fff3e0;border:1px solid #ffcc80;border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;display:flex}.rpt-warning-icon{color:#e65100;font-size:24px!important}.rpt-submit-warning span{color:#4a148c;font-size:13px}.rpt-form-disabled{opacity:.7;cursor:not-allowed!important;background:#f5f5f5!important}.rpt-form-display{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px}.rpt-display-value{color:#1a1a2e;font-size:18px;font-weight:600}.rpt-field-hint{color:#666;margin-top:2px;font-size:11px}.rpt-evidence-upload-area{text-align:center;cursor:pointer;border:2px dashed #e0e0e0;border-radius:8px;padding:32px;transition:all .3s}.rpt-evidence-upload-area:hover{background:#faf5ff;border-color:#9c27b0}.rpt-evidence-upload-area.rpt-dragging{background:#f3e5f5;border-color:#9c27b0;transform:scale(1.01)}.rpt-evidence-hint{flex-direction:column;align-items:center;gap:8px;display:flex}.rpt-evidence-icon{color:#9c27b0;font-size:48px!important}.rpt-evidence-hint p{color:#666;margin:0;font-size:14px}.rpt-evidence-formats{color:#999;font-size:12px}.rpt-uploaded-files{margin-top:16px}.rpt-uploaded-files h5{color:#1a2332;margin:0 0 12px;font-size:14px;font-weight:600}.rpt-file-list{flex-direction:column;gap:8px;display:flex}.rpt-file-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.rpt-file-item:hover{background:#f1f4f9}.rpt-file-preview{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:50px;height:50px}.rpt-file-icon{color:#6b7a8f;font-size:32px}.rpt-file-info{flex-direction:column;flex:1;gap:2px;display:flex}.rpt-file-name{color:#1a2332;font-size:14px;font-weight:500}.rpt-file-size{color:#6b7a8f;font-size:12px}.rpt-file-existing{color:#10b981;font-size:12px;font-weight:600}.rpt-file-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.rpt-file-remove:hover{background:#fee2e2}.rpt-lesson-stats{background:linear-gradient(135deg,#f0f4ff 0%,#e8edf8 100%);border:1px solid #dce3ec;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:16px;padding:16px 20px;display:flex}.rpt-lesson-stat{align-items:center;gap:6px;font-size:14px;display:flex}.rpt-lesson-stat-label{color:#4a5a6e;font-weight:500}.rpt-lesson-stat-value{color:#1a2332;text-align:center;background:#fff;border:1px solid #d0d7e2;border-radius:20px;min-width:30px;padding:2px 12px;font-size:16px;font-weight:700}.rpt-lesson-stat:last-child .rpt-lesson-stat-value{color:#fff;background:#2c3e8f;border-color:#2c3e8f}.rpt-section-hint{color:#6b7a8f;margin:0 0 12px;font-size:13px;font-style:italic}.rpt-auto-calculated{background-color:#f0f4ff!important;border-color:#b3c4db!important}.rpt-auto-calculated:focus{border-color:#2c3e8f!important;box-shadow:0 0 0 3px #2c3e8f1a!important}.rpt-auto-calculated::placeholder{color:#6b7a8f;font-style:italic}.rpt-auto-save-bar{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;display:flex}.rpt-auto-save-status{color:#666;align-items:center;gap:8px;font-size:13px;display:flex}.rpt-auto-save-status svg{font-size:18px}.rpt-auto-save-spinning{color:#9c27b0;animation:1s linear infinite rpt-spin}.rpt-auto-save-saved{color:#4caf50}.rpt-auto-save-unsaved{color:#ff9800}.rpt-btn-save-draft{color:#e65100;cursor:pointer;background:#fff3e0;border:1px solid #ffcc80;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.rpt-btn-save-draft:hover:not(:disabled){background:#ffe0b2}.rpt-btn-save-draft:disabled{opacity:.6;cursor:not-allowed}.rpt-step-navigation-right{align-items:center;gap:10px;display:flex}@media (prefers-color-scheme:dark){.rpt-page{background:#1a1a2e}.rpt-page-header{border-color:#2d2d44}.rpt-page-header-left h2{color:#fff}.rpt-page-subtitle{color:#88a}.rpt-stats-summary{background:#2d2d44;border-color:#3d3d5c}.rpt-stat-count{color:#ce93d8}.rpt-stat-label{color:#88a}.rpt-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.rpt-search-input{color:#fff}.rpt-search-input::placeholder,.rpt-search-icon{color:#88a}.rpt-stats-badge{color:#88a;background:#2d2d44}.rpt-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.rpt-filter-toggle.active{color:#ce93d8;background:#3d1f4d;border-color:#ce93d8}.rpt-filter-panel{background:#2d2d44;border-color:#3d3d5c}.rpt-filter-group label{color:#fff}.rpt-filter-group select,.rpt-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.rpt-table-container{background:#2d2d44;border-color:#3d3d5c}.rpt-data-table{background:#2d2d44}.rpt-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.rpt-data-table thead th{color:#fff;background:#3d3d5c}.rpt-data-table tbody tr{border-color:#3d3d5c}.rpt-data-table tbody tr:hover{background-color:#3d3d5c}.rpt-data-table tbody td{color:#d0d0e0}.rpt-table-teacher-name{color:#fff}.rpt-table-teacher-id,.rpt-table-icon{color:#88a}.rpt-lessons-badge{color:#64b5f6;background:#1a3a5c}.rpt-students-badge{color:#81c784;background:#1a3d1a}.rpt-status-badge.rpt-status-draft{color:#88a;background:#3d3d5c}.rpt-status-badge.rpt-status-submitted{color:#64b5f6;background:#1a3a5c}.rpt-status-badge.rpt-status-head-approved{color:#ffa726;background:#3d2d1a}.rpt-status-badge.rpt-status-returned{color:#ef5350;background:#3d1f1f}.rpt-status-badge.rpt-status-approved{color:#81c784;background:#1a3d1a}.rpt-status-badge.rpt-status-rejected{color:#ef5350;background:#3d1f1f}.rpt-table-expanded-row{background-color:#3d3d5c!important}.rpt-expanded-item label{color:#88a}.rpt-expanded-item span{color:#fff}.rpt-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.rpt-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.rpt-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.rpt-form-container{background:#2d2d44;border-color:#3d3d5c}.rpt-form-header{border-color:#3d3d5c}.rpt-form-header-left h3{color:#fff}.rpt-form-id{color:#88a;background:#3d3d5c}.rpt-form-section{background:#3d3d5c}.rpt-form-section h4{color:#fff;border-color:#4d4d6c}.rpt-form-group label{color:#fff}.rpt-form-group input,.rpt-form-group select,.rpt-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.rpt-form-group input:focus,.rpt-form-group select:focus,.rpt-form-group textarea:focus{border-color:#ce93d8}.rpt-form-actions{border-color:#3d3d5c}.rpt-btn-back,.rpt-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.rpt-btn-back:hover,.rpt-btn-cancel:hover{background:#4d4d6c}.rpt-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.rpt-btn-secondary:hover{background:#4d4d6c}.rpt-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.rpt-form-error pre{color:#f5c6cb}.rpt-support-tag{color:#ce93d8;background:#3d1f4d}.rpt-support-remove{color:#ce93d8}.rpt-support-remove:hover{color:#ef5350}.rpt-btn-add-support{background:#9c27b0}.rpt-btn-add-support:hover{background:#7b1fa2}.rpt-modal{background:#2d2d44}.rpt-modal-header{background:#2d2d44;border-color:#3d3d5c}.rpt-modal-header h3{color:#fff}.rpt-modal-subtitle,.rpt-modal-close{color:#88a}.rpt-modal-close:hover{background-color:#3d3d5c}.rpt-modal-footer{background:#2d2d44;border-color:#3d3d5c}.rpt-view-section{background:#3d3d5c;border-color:#4d4d6c}.rpt-view-section h4{color:#fff;border-color:#4d4d6c}.rpt-view-label{color:#88a}.rpt-view-value{color:#fff}.rpt-view-row{border-color:#4d4d6c}.rpt-pagination-info,.rpt-pagination-items-per-page{color:#88a}.rpt-pagination-items-per-page select,.rpt-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.rpt-pagination-btn:hover:not(:disabled){background:#4d4d6c}.rpt-pagination-current{color:#fff}.rpt-icon-btn{color:#88a}.rpt-icon-btn:hover{background-color:#3d3d5c}.rpt-icon-btn-view{color:#64b5f6}.rpt-icon-btn-view:hover{background-color:#1a3a5c}.rpt-icon-btn-edit{color:#ffa726}.rpt-icon-btn-edit:hover{background-color:#5c3d1a}.rpt-icon-btn-submit{color:#64b5f6}.rpt-icon-btn-submit:hover{background-color:#1a3a5c}.rpt-icon-btn-approve{color:#81c784}.rpt-icon-btn-approve:hover{background-color:#1a5c1a}.rpt-icon-btn-delete{color:#ef5350}.rpt-icon-btn-delete:hover{background-color:#5c1a1a}.rpt-empty-icon{color:#3d3d5c}.rpt-empty-state p{color:#fff}.rpt-empty-state span{color:#88a}.rpt-btn-primary{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%)}.rpt-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7b1fa2 0%,#6a1b9a 100%)}.rpt-btn-apply{background:#9c27b0}.rpt-btn-apply:hover{background:#7b1fa2}.rpt-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.rpt-btn-clear:hover{background:#4d4d6c}.rpt-step-number{color:#88a;background:#3d3d5c}.rpt-step-dot.rpt-step-active .rpt-step-number{color:#fff;background:#9c27b0}.rpt-step-dot.rpt-step-completed .rpt-step-number{color:#fff;background:#4caf50}.rpt-step-label{color:#88a}.rpt-step-dot.rpt-step-active .rpt-step-label{color:#ce93d8}.rpt-step-dot.rpt-step-completed .rpt-step-label{color:#81c784}.rpt-step-description{background:#3d1f4d;border-left-color:#ce93d8}.rpt-step-description p{color:#ce93d8}.rpt-step-summary{background:#2d2d44;border-color:#3d3d5c}.rpt-summary-label{color:#88a}.rpt-summary-value{color:#fff}.rpt-lesson-table thead{background:#3d3d5c}.rpt-lesson-table th{color:#fff;border-color:#4d4d6c}.rpt-lesson-table td{color:#d0d0e0;border-color:#3d3d5c}.rpt-lesson-table tr:hover{background:#3d3d5c}.rpt-lesson-form{background:#3d3d5c;border-color:#4d4d6c}.rpt-lesson-form h5{color:#fff}.rpt-btn-add{color:#81c784;background:#1a3d1a;border-color:#4caf50}.rpt-btn-add:hover{background:#1a5c1a}.rpt-review-summary{background:#2d2d44;border-color:#3d3d5c}.rpt-review-summary h4{color:#fff}.rpt-review-item{border-color:#3d3d5c}.rpt-review-label{color:#88a}.rpt-review-value{color:#fff}.rpt-submit-warning{background:#3d2d1a;border-color:#e65100}.rpt-submit-warning span{color:#ffa726}.rpt-form-disabled{background:#3d3d5c!important}.rpt-form-display{background:#3d3d5c;border-color:#4d4d6c}.rpt-display-value{color:#fff}.rpt-field-hint{color:#88a}.rpt-evidence-upload-area{border-color:#4d4d6c}.rpt-evidence-upload-area:hover{background:#3d1f4d;border-color:#ce93d8}.rpt-evidence-icon{color:#ce93d8}.rpt-evidence-hint p{color:#88a}.rpt-step-indicator{color:#88a;background:#3d3d5c}.rpt-auto-save-bar{background:#2d2d44;border-color:#3d3d5c}.rpt-auto-save-status{color:#88a}.rpt-auto-save-spinning{color:#ce93d8}.rpt-auto-save-saved{color:#81c784}.rpt-auto-save-unsaved{color:#ffb74d}.rpt-btn-save-draft{color:#ffa726;background:#3d2d1a;border-color:#e65100}.rpt-btn-save-draft:hover:not(:disabled){background:#4d3d2a}.rpt-evidence-item{background:#3d3d5c;border-color:#4d4d6c}.rpt-evidence-item:hover{background:#4d4d6c}.rpt-evidence-link{color:#90caf9}.rpt-evidence-link:hover{color:#64b5f6}.rpt-evidence-name{color:#fff}.rpt-evidence-caption{color:#88a}.rpt-evidence-type{color:#88a;background:#4d4d6c}.rpt-file-item{background:#3d3d5c;border-color:#4d4d6c}.rpt-file-item:hover{background:#4d4d6c}.rpt-file-name{color:#fff}.rpt-file-size{color:#88a}.rpt-file-existing{color:#81c784}.rpt-file-remove:hover{background:#5c1a1a}.rpt-lesson-coding-section{background:#1a2a4a;border-color:#2a4a6a}.rpt-lesson-coding-section h6{color:#fff}.rpt-lesson-stats{background:linear-gradient(135deg,#1a2a4a 0%,#2a3a5a 100%);border-color:#3a4a6a}.rpt-lesson-stat-label{color:#88a}.rpt-lesson-stat-value{color:#fff;background:#2d2d44;border-color:#4d4d6c}.rpt-lesson-stat:last-child .rpt-lesson-stat-value{background:#9c27b0;border-color:#9c27b0}.rpt-auto-calculated{background-color:#1a2a4a!important;border-color:#3a4a6a!important}}@media (width<=768px){.rpt-step-progress{gap:2px;padding:12px 0}.rpt-step-dot{min-width:40px}.rpt-step-label{display:none}.rpt-step-number{width:28px;height:28px;font-size:12px}.rpt-lesson-form-grid,.rpt-review-grid{grid-template-columns:1fr}.rpt-step-summary{grid-template-columns:1fr 1fr}.rpt-step-navigation{flex-direction:column}.rpt-step-navigation .rpt-btn-primary,.rpt-step-navigation .rpt-btn-secondary{width:100%}.rpt-coding-form-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.rpt-step-summary{grid-template-columns:1fr}.rpt-lesson-table{font-size:11px}.rpt-lesson-table th,.rpt-lesson-table td{padding:4px 6px}.rpt-review-item{flex-direction:column;gap:2px}.rpt-coding-form-grid{grid-template-columns:1fr}.rpt-auto-save-bar{flex-direction:column;align-items:stretch}.rpt-auto-save-status,.rpt-btn-save-draft{justify-content:center}.rpt-step-navigation-right{flex-direction:column;width:100%}.rpt-step-navigation-right button{justify-content:center;width:100%}}.rpt-kit-multi-select{background:#fafafa;border:1px solid #ddd;border-radius:6px;padding:12px;transition:border-color .2s}.rpt-kit-multi-select:focus-within{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.rpt-kit-select-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.rpt-kit-select-label{color:#555;font-size:.9rem;font-weight:500}.rpt-kit-select-all{color:#1976d2;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:500;transition:background .2s}.rpt-kit-select-all:hover{background:#1976d214}.rpt-kit-select-all:active{background:#1976d226}.rpt-kit-checkbox-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 12px;max-height:200px;padding:4px 2px;display:grid;overflow-y:auto}.rpt-kit-checkbox{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:.9rem;transition:background .15s;display:flex}.rpt-kit-checkbox:hover{background:#1976d20d}.rpt-kit-checkbox input[type=checkbox]{cursor:pointer;accent-color:#1976d2;flex-shrink:0;width:16px;height:16px}.rpt-kit-checkbox input[type=checkbox]:checked{accent-color:#1976d2}.rpt-kit-checkbox-label{color:#333;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rpt-kit-checkbox-sn{color:#888;background:#f0f0f0;border-radius:3px;padding:1px 6px;font-size:.75rem;font-weight:400}.rpt-kit-badge{color:#1565c0;white-space:nowrap;text-overflow:ellipsis;background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;max-width:150px;padding:2px 10px;font-size:.8rem;font-weight:500;display:inline-block;overflow:hidden}.rpt-kit-badge.rpt-kit-none{color:#999;background:#f5f5f5;border-color:#e0e0e0;font-weight:400}.rpt-kit-badge-multiple{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.rpt-kit-badge-multiple .rpt-kit-count{color:#fff;background:#2e7d32;border-radius:50%;margin-left:4px;padding:0 6px;font-size:.7rem}.rpt-lesson-table .rpt-kit-badge{max-width:180px;padding:2px 8px;font-size:.75rem}@media (width<=768px){.rpt-kit-checkbox-list{grid-template-columns:1fr;max-height:150px}.rpt-kit-select-header{flex-direction:column;align-items:flex-start;gap:4px}.rpt-kit-select-all{padding:2px 8px;font-size:.8rem}.rpt-kit-checkbox{padding:6px 8px;font-size:.85rem}.rpt-kit-badge{max-width:100px;padding:1px 6px;font-size:.7rem}}@media (width<=480px){.rpt-kit-multi-select{padding:8px}.rpt-kit-checkbox-list{max-height:120px}.rpt-kit-checkbox{padding:4px 6px;font-size:.8rem}.rpt-kit-checkbox input[type=checkbox]{width:14px;height:14px}.rpt-kit-checkbox-sn{font-size:.65rem}}.rpt-kit-checkbox-list::-webkit-scrollbar{width:6px}.rpt-kit-checkbox-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.rpt-kit-checkbox-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.rpt-kit-checkbox-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rpt-form-group.has-error .rpt-kit-multi-select{background:#fff8f8;border-color:#d32f2f}.rpt-form-group.has-error .rpt-kit-multi-select:focus-within{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f1a}.rpt-form-group.has-error .rpt-kit-select-label{color:#d32f2f}@media (prefers-color-scheme:dark){.rpt-kit-multi-select{background:#1e1e1e;border-color:#444}.rpt-kit-multi-select:focus-within{border-color:#90caf9}.rpt-kit-select-header{border-bottom-color:#333}.rpt-kit-select-label{color:#aaa}.rpt-kit-select-all{color:#90caf9}.rpt-kit-select-all:hover{background:#90caf91a}.rpt-kit-checkbox{color:#ddd}.rpt-kit-checkbox:hover{background:#90caf90d}.rpt-kit-checkbox-label{color:#ddd}.rpt-kit-checkbox-sn{color:#888;background:#333}.rpt-kit-checkbox input[type=checkbox]{accent-color:#90caf9}.rpt-kit-badge{color:#90caf9;background:#1a3a5c;border-color:#2a4a6c}.rpt-kit-badge.rpt-kit-none{color:#666;background:#2a2a2a;border-color:#444}.rpt-kit-badge-multiple{color:#81c784;background:#1a3a2a;border-color:#2a4a3a}.rpt-kit-badge-multiple .rpt-kit-count{color:#1a1a1a;background:#81c784}.rpt-form-group.has-error .rpt-kit-multi-select{background:#1a0a0a;border-color:#ef5350}.rpt-form-group.has-error .rpt-kit-multi-select:focus-within{border-color:#ef5350;box-shadow:0 0 0 2px #ef53501a}.rpt-form-group.has-error .rpt-kit-select-label{color:#ef5350}.rpt-kit-checkbox-list::-webkit-scrollbar-track{background:#2a2a2a}.rpt-kit-checkbox-list::-webkit-scrollbar-thumb{background:#555}.rpt-kit-checkbox-list::-webkit-scrollbar-thumb:hover{background:#666}}.rpt-lesson-table .rpt-kit-cell{min-width:120px;max-width:200px}.rpt-lesson-table .rpt-kit-badge{white-space:normal;word-break:break-word;align-items:center;gap:4px;max-width:100%;line-height:1.3;display:inline-flex}.rpt-lesson-table .rpt-kit-badge .rpt-kit-icon{opacity:.7;font-size:.7rem}.rpt-kit-badge[title]{cursor:help}.rpt-kit-list{flex-wrap:wrap;gap:4px;display:flex}.rpt-kit-list .rpt-kit-item{color:#1565c0;white-space:nowrap;background:#e3f2fd;border:1px solid #bbdefb;border-radius:10px;padding:1px 8px;font-size:.7rem}.rpt-kit-list .rpt-kit-item-more{color:#666;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;padding:1px 8px;font-size:.7rem}@media (prefers-color-scheme:dark){.rpt-kit-list .rpt-kit-item{color:#90caf9;background:#1a3a5c;border-color:#2a4a6c}.rpt-kit-list .rpt-kit-item-more{color:#888;background:#2a2a2a;border-color:#444}}.res-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.res-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.res-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.res-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.res-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.res-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.res-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9c27b04d}.res-btn-primary:disabled{opacity:.6;cursor:not-allowed}.res-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.res-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.res-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.res-btn-cancel:hover{background-color:#e8e8e8}.res-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.res-btn-back:hover{background-color:#f8f9fa}.res-btn-apply{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.res-btn-apply:hover{background-color:#7b1fa2}.res-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.res-btn-clear:hover{background-color:#e8e8e8}.res-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.res-btn-retry:hover{background-color:#1565c0}.res-btn-add-objective{color:#fff;cursor:pointer;white-space:nowrap;background-color:#9c27b0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.res-btn-add-objective:hover{background-color:#7b1fa2}@media (width<=480px){.res-btn-label{display:none}.res-btn-primary,.res-btn-secondary{padding:6px 10px}}.res-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.res-stat-card{text-align:center;padding:4px}.res-stat-number{color:#9c27b0;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.res-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.res-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.res-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.res-search-input-wrapper:focus-within{border-color:#9c27b0}.res-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.res-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.res-search-input::placeholder{color:#999}.res-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.res-clear-search:hover{color:#1a1a2e}.res-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.res-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.res-filter-toggle:hover{background-color:#e8e8e8}.res-filter-toggle.active{color:#9c27b0;background-color:#f3e5f5;border-color:#9c27b0}.res-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.res-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.res-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.res-filter-group{flex-direction:column;gap:4px;display:flex}.res-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.res-filter-group select,.res-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.res-filter-group select:focus,.res-filter-group input:focus{border-color:#9c27b0;outline:none}.res-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.res-filter-actions button{padding:6px 16px}.res-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s res-slide-down}@keyframes res-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.res-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.res-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.res-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.res-form-header-right{align-items:center;gap:10px;display:flex}.res-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.res-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.res-form-error strong{margin-bottom:4px;font-weight:600;display:block}.res-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.res-form{max-width:100%}.res-form-grid{flex-direction:column;gap:16px;display:flex}.res-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.res-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.res-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.res-full-width{grid-column:1/-1}@media (width<=600px){.res-form-section-grid{grid-template-columns:1fr}}.res-form-group{flex-direction:column;gap:4px;display:flex}.res-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.res-form-group input,.res-form-group select,.res-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.res-form-group input:focus,.res-form-group select:focus,.res-form-group textarea:focus{border-color:#9c27b0;outline:none;box-shadow:0 0 0 3px #9c27b01a}.res-form-group input.res-error,.res-form-group select.res-error,.res-form-group textarea.res-error{border-color:#dc3545}.res-form-group.has-error label{color:#dc3545}.res-form-group.has-error input,.res-form-group.has-error select,.res-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.res-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.res-required{color:#dc3545}.res-checkbox-group{flex-direction:row;align-items:center}.res-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.res-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#9c27b0;width:16px;height:16px}.res-file-upload{flex-direction:column;gap:8px;display:flex}.res-file-input{display:none}.res-file-label{color:#9c27b0;cursor:pointer;background-color:#f3e5f5;border:2px dashed #9c27b0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.res-file-label:hover{background-color:#e8d5ed}.res-file-name{color:#1a1a2e;background:#e8f5e9;border-radius:4px;padding:4px 8px;font-size:13px}.res-file-preview{max-width:200px;margin-top:8px}.res-file-preview img{border:1px solid #e0e0e0;border-radius:8px;max-width:100%}.res-file-hint{color:#666;font-size:12px}.res-objectives-input{gap:8px;display:flex}.res-objectives-input input{flex:1}.res-objectives-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.res-objective-tag{color:#9c27b0;background:#f3e5f5;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.res-objective-remove{cursor:pointer;color:#9c27b0;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.res-objective-remove:hover{color:#dc3545}.res-programs-list{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;gap:8px;max-height:150px;padding:8px;display:flex;overflow-y:auto}.res-program-checkbox{cursor:pointer;background:#f5f5f5;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;transition:background-color .2s;display:flex}.res-program-checkbox:hover{background:#e8e8e8}.res-program-checkbox input[type=checkbox]{cursor:pointer;accent-color:#9c27b0;width:16px;height:16px}.res-no-programs{color:#666;margin:0;padding:8px;font-size:13px}.res-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.res-form-actions{flex-direction:column}.res-form-actions button{justify-content:center;width:100%}.res-objectives-input{flex-direction:column}.res-programs-list{max-height:100px}}.res-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.res-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.res-table-wrapper::-webkit-scrollbar{height:8px}.res-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.res-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.res-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.res-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1100px;font-size:clamp(13px,1.1vw,14px)}.res-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.res-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.res-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.res-data-table tbody tr:hover{background-color:#f8f9fa}.res-data-table tbody tr:last-child{border-bottom:none}.res-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.res-table-row-inactive{opacity:.6}.res-table-row-inactive:hover{opacity:.8}.res-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.res-col-type,.res-col-category{min-width:120px}.res-col-org{min-width:150px}.res-col-version{min-width:80px}.res-col-downloads{min-width:100px}.res-col-featured,.res-col-status{min-width:90px}.res-col-actions{text-align:center!important;min-width:220px!important}.res-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.res-table-resource-info{align-items:center;gap:10px;display:flex}.res-table-icon{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);font-size:clamp(16px,1.5vw,20px);display:flex}.res-file-icon-small{font-size:clamp(16px,1.5vw,20px)}.res-table-resource-details{flex-direction:column;display:flex}.res-table-resource-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.res-table-resource-desc{color:#666;font-size:clamp(11px,.9vw,12px)}.res-type-badge{color:#9c27b0;background:#f3e5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.res-category-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.res-org-badge{color:#666;background:#f5f5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.res-version-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.res-downloads-badge{color:#ed6c02;background:#fff3e0;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(11px,.9vw,12px);font-weight:500;display:inline-flex}.res-download-icon{font-size:14px}.res-featured-yes{color:#f9a825;align-items:center;gap:4px;font-weight:500;display:inline-flex}.res-star-icon{font-size:16px}.res-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.res-status-active{color:#2e7d32;background:#e8f5e9}.res-status-inactive{color:#666;background:#f5f5f5}.res-table-empty{color:#bbb;font-size:clamp(11px,.9vw,12px)}.res-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.res-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.res-icon-btn:hover{background-color:#f0f0f0}.res-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.res-icon-btn-download{color:#1976d2}.res-icon-btn-download:hover{background-color:#e3f2fd}.res-icon-btn-featured{color:#bbb}.res-icon-btn-featured:hover{background-color:#fff8e1}.res-icon-btn-featured .res-featured-active{color:#f9a825}.res-icon-btn-edit{color:#f57c00}.res-icon-btn-edit:hover{background-color:#fff3e0}.res-icon-btn-delete{color:#dc3545}.res-icon-btn-delete:hover{background-color:#fde8e8}.res-icon-btn-activate{color:#2e7d32}.res-icon-btn-activate:hover{background-color:#e8f5e9}.res-icon-btn-deactivate{color:#ed6c02}.res-icon-btn-deactivate:hover{background-color:#fff3e0}.res-icon-btn-expand{color:#666;display:none}.res-icon-btn-expand .res-expanded{transform:rotate(180deg)}.res-table-expanded-row{background-color:#f8f9fa!important}.res-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.res-table-expanded-content{padding:4px 0}.res-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.res-expanded-item{flex-direction:column;gap:2px;display:flex}.res-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.res-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.res-expanded-item .res-type-badge,.res-expanded-item .res-category-badge,.res-expanded-item .res-status-badge{width:fit-content;display:inline-block}.res-expanded-full{grid-column:1/-1}.res-expanded-objective{color:#1a1a2e;padding:2px 0 2px 16px;font-size:clamp(12px,1vw,13px);display:block}@media (width<=768px){.res-icon-btn-expand{display:inline-flex}.res-data-table{min-width:900px;font-size:12px}.res-data-table thead th,.res-data-table tbody td{padding:8px 10px}.res-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.res-col-actions{min-width:180px!important}.res-table-icon{width:28px;height:28px}.res-file-icon-small{font-size:14px}}@media (width<=480px){.res-page{padding:10px 12px}.res-data-table{min-width:750px;font-size:11px}.res-data-table thead th,.res-data-table tbody td{padding:6px 8px}.res-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.res-col-actions{min-width:150px!important}.res-table-sn{font-size:10px}.res-table-resource-name{font-size:11px}.res-table-resource-desc{font-size:10px}.res-table-icon{border-radius:6px;width:24px;height:24px}.res-file-icon-small{font-size:12px}.res-type-badge,.res-category-badge,.res-org-badge,.res-version-badge,.res-downloads-badge,.res-status-badge{padding:2px 8px;font-size:8px}.res-icon-btn svg{font-size:14px}.res-icon-btn{padding:2px 4px}.res-col-type,.res-col-category{min-width:80px}.res-col-org{min-width:100px}.res-col-version{min-width:60px}.res-col-downloads{min-width:70px}.res-col-featured,.res-col-status{min-width:60px}.res-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.res-expanded-item label{font-size:9px}.res-expanded-item span{font-size:12px}}@media (width<=360px){.res-data-table{min-width:650px;font-size:10px}.res-data-table thead th,.res-data-table tbody td{padding:4px 6px}.res-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.res-col-actions{min-width:130px!important}.res-table-icon{width:20px;height:20px}.res-file-icon-small{font-size:10px}.res-icon-btn svg{font-size:12px}.res-expanded-info{grid-template-columns:1fr}}.res-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.res-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.res-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.res-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.res-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.res-pagination-buttons{align-items:center;gap:6px;display:flex}.res-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.res-pagination-btn:hover:not(:disabled){background:#e8e8e8}.res-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.res-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.res-page-loading{text-align:center;color:#666;padding:40px 16px}.res-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#9c27b0;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite res-spin}@keyframes res-spin{to{transform:rotate(360deg)}}.res-empty-state{text-align:center;color:#666;padding:40px 16px}.res-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.res-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.res-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.res-empty-state .res-btn-primary{margin:12px auto 0}.res-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.res-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.res-error-content strong{font-weight:600}@keyframes res-fade-in{0%{opacity:0}to{opacity:1}}@keyframes res-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.res-page{background:#1a1a2e}.res-page-header{border-color:#2d2d44}.res-page-header-left h2{color:#fff}.res-page-subtitle{color:#88a}.res-stats-summary{background:#2d2d44;border-color:#3d3d5c}.res-stat-number{color:#ce93d8}.res-stat-label{color:#88a}.res-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.res-search-input{color:#fff}.res-search-input::placeholder,.res-search-icon{color:#88a}.res-stats-badge{color:#88a;background:#2d2d44}.res-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.res-filter-toggle.active{color:#ce93d8;background:#3d1f4d;border-color:#ce93d8}.res-filter-panel{background:#2d2d44;border-color:#3d3d5c}.res-filter-group label{color:#fff}.res-filter-group select,.res-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.res-table-container{background:#2d2d44;border-color:#3d3d5c}.res-data-table{background:#2d2d44}.res-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.res-data-table thead th{color:#fff;background:#3d3d5c}.res-data-table tbody tr{border-color:#3d3d5c}.res-data-table tbody tr:hover{background-color:#3d3d5c}.res-data-table tbody td{color:#d0d0e0}.res-table-resource-name{color:#fff}.res-table-resource-desc{color:#88a}.res-table-empty{color:#4d4d6c}.res-org-badge,.res-status-inactive{color:#88a;background:#3d3d5c}.res-table-expanded-row{background-color:#3d3d5c!important}.res-expanded-item label{color:#88a}.res-expanded-item span{color:#fff}.res-expanded-objective{color:#d0d0e0}.res-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.res-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.res-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.res-form-container{background:#2d2d44;border-color:#3d3d5c}.res-form-header{border-color:#3d3d5c}.res-form-header-left h3{color:#fff}.res-form-id{color:#88a;background:#3d3d5c}.res-form-section{background:#3d3d5c}.res-form-section h4{color:#fff;border-color:#4d4d6c}.res-form-group label{color:#fff}.res-form-group input,.res-form-group select,.res-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.res-form-group input:focus,.res-form-group select:focus,.res-form-group textarea:focus{border-color:#ce93d8}.res-form-actions{border-color:#3d3d5c}.res-btn-back,.res-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.res-btn-back:hover,.res-btn-cancel:hover{background:#4d4d6c}.res-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.res-btn-secondary:hover{background:#4d4d6c}.res-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.res-form-error pre{color:#f5c6cb}.res-file-label{color:#ce93d8;background:#3d1f4d;border-color:#ce93d8}.res-file-label:hover{background:#4d2d5d}.res-file-name{color:#81c784;background:#1a3d1a}.res-objective-tag{color:#ce93d8;background:#3d1f4d}.res-objective-remove{color:#ce93d8}.res-objective-remove:hover{color:#ef5350}.res-programs-list{background:#3d3d5c;border-color:#4d4d6c}.res-program-checkbox{color:#fff;background:#4d4d6c}.res-program-checkbox:hover{background:#5d5d7c}.res-no-programs,.res-pagination-info,.res-pagination-items-per-page{color:#88a}.res-pagination-items-per-page select,.res-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.res-pagination-btn:hover:not(:disabled){background:#4d4d6c}.res-pagination-current{color:#fff}.res-icon-btn{color:#88a}.res-icon-btn:hover{background-color:#3d3d5c}.res-icon-btn-download{color:#64b5f6}.res-icon-btn-download:hover{background-color:#1a3a5c}.res-icon-btn-featured{color:#88a}.res-icon-btn-featured:hover{background-color:#3d2d1a}.res-icon-btn-featured .res-featured-active,.res-icon-btn-edit{color:#ffa726}.res-icon-btn-edit:hover{background-color:#5c3d1a}.res-icon-btn-delete{color:#ef5350}.res-icon-btn-delete:hover{background-color:#5c1a1a}.res-icon-btn-activate{color:#66bb6a}.res-icon-btn-activate:hover{background-color:#1a5c1a}.res-icon-btn-deactivate{color:#ffa726}.res-icon-btn-deactivate:hover{background-color:#5c3d1a}.res-empty-icon{color:#3d3d5c}.res-empty-state p{color:#fff}.res-empty-state span{color:#88a}.res-btn-primary{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%)}.res-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7b1fa2 0%,#6a1b9a 100%)}.res-btn-apply{background:#9c27b0}.res-btn-apply:hover{background:#7b1fa2}.res-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.res-btn-clear:hover{background:#4d4d6c}.res-btn-add-objective{background:#9c27b0}.res-btn-add-objective:hover{background:#7b1fa2}.res-file-hint{color:#88a}}.res-icon-btn-preview{color:#1976d2}.res-icon-btn-preview:hover{background-color:#e3f2fd}.res-icon-btn-preview.res-preview-active{color:#1565c0;background-color:#e3f2fd}.res-preview-section{border-top:2px solid #e0e0e0;width:100%;margin-top:12px;padding-top:12px;grid-column:1/-1!important}.res-preview-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.res-preview-header label{color:#9c27b0;text-transform:uppercase;letter-spacing:.5px;font-size:clamp(12px,1vw,14px);font-weight:600}.res-preview-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.res-preview-close:hover{color:#1a1a2e;background-color:#f0f0f0}.res-preview-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-height:100px;max-height:600px;padding:12px;overflow:auto}.res-preview-loading{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.res-preview-spinner{border:3px solid #e0e0e0;border-top-color:#9c27b0;border-radius:50%;width:32px;height:32px;margin-bottom:10px;animation:.8s linear infinite res-spin}.res-preview-error{text-align:center;color:#721c24;padding:20px}.res-preview-error p{margin-bottom:12px}.res-preview-error .res-btn-primary{margin:0 auto}.res-preview-image{background:#f8f9fa;border-radius:4px;justify-content:center;align-items:center;min-height:100px;padding:8px;display:flex}.res-preview-image img{object-fit:contain;border-radius:4px;max-width:100%;max-height:500px}.res-preview-pdf{width:100%}.res-preview-pdf iframe{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px}.res-preview-video{background:#1a1a2e;border-radius:4px;justify-content:center;align-items:center;padding:8px;display:flex}.res-preview-video video{border-radius:4px;max-width:100%}.res-preview-text{background:#f8f9fa;border-radius:4px;max-height:400px;padding:12px;overflow:auto}.res-preview-text pre{white-space:pre-wrap;word-wrap:break-word;color:#1a1a2e;margin:0;font-family:inherit;font-size:14px;line-height:1.6}.res-preview-unavailable{text-align:center;color:#666;padding:30px}.res-preview-unavailable p{margin-bottom:12px}.res-preview-unavailable .res-btn-primary{margin:0 auto}@media (prefers-color-scheme:dark){.res-preview-section{border-color:#3d3d5c}.res-preview-header label{color:#ce93d8}.res-preview-content{background:#2d2d44;border-color:#3d3d5c}.res-preview-loading{color:#88a}.res-preview-spinner{border-color:#ce93d8 #3d3d5c #3d3d5c}.res-preview-error{color:#f5c6cb}.res-preview-image,.res-preview-text{background:#3d3d5c}.res-preview-text pre{color:#d0d0e0}.res-preview-close:hover{color:#fff;background-color:#3d3d5c}.res-icon-btn-preview{color:#64b5f6}.res-icon-btn-preview:hover{background-color:#1a3a5c}.res-icon-btn-preview.res-preview-active{color:#64b5f6;background-color:#1a3a5c}}.res-preview-pdf object{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;width:100%;height:500px}.res-pdf-fallback{text-align:center;color:#666;padding:40px 20px}.res-pdf-fallback p{margin-bottom:16px;font-size:16px}.res-pdf-actions{justify-content:flex-end;margin-top:8px;display:flex}@media (prefers-color-scheme:dark){.res-preview-pdf object{background:#2d2d44;border-color:#3d3d5c}.res-pdf-fallback{color:#88a}}.res-programs-list{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;gap:6px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.res-program-checkbox{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;transition:background-color .2s;display:flex}.res-program-checkbox:hover{background-color:#f0f0f0;border-color:#e0e0e0}.res-program-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.res-program-checkbox input[type=checkbox]:checked{accent-color:#1976d2}.res-program-name{color:#1a1a2e;flex:1;font-weight:500}.res-program-code{color:#888;background:#f5f5f5;border-radius:3px;padding:2px 8px;font-family:monospace;font-size:12px}.res-program-status{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.res-program-status-active{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.res-program-status-paused{color:#e65100;background:#fff3e0;border:1px solid #ffcc80}.res-program-status-completed{color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9}.res-program-status-upcoming{color:#757575;background:#f5f5f5;border:1px solid #e0e0e0}.res-program-status-draft{color:#c62828;background:#fce4ec;border:1px solid #ef9a9a}.res-programs-hint{color:#666;background:#e3f2fd;border-left:3px solid #1976d2;border-radius:4px;margin:4px 0 10px;padding:6px 12px;font-size:13px;font-style:italic}.res-no-programs{color:#999;text-align:center;padding:20px;font-size:14px}.res-field-hint{color:#888;margin-top:6px;font-size:12px;display:block}.res-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-left:10px;padding:2px 12px;font-size:11px;font-weight:600;display:inline-block}.res-role-manager-badge{color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9}.res-checkbox-icon{color:#1976d2;font-size:18px!important}@media (width<=768px){.res-programs-list{max-height:150px}.res-program-checkbox{flex-wrap:wrap;padding:6px 10px}.res-program-code{padding:1px 6px;font-size:10px}.res-program-status{padding:1px 8px;font-size:10px}}.trn-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.trn-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.trn-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.trn-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.trn-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trn-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00897b 0%,#00695c 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.trn-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00897b4d}.trn-btn-primary:disabled{opacity:.6;cursor:not-allowed}.trn-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.trn-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.trn-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.trn-btn-cancel:hover{background-color:#e8e8e8}.trn-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.trn-btn-back:hover{background-color:#f8f9fa}.trn-btn-apply{color:#fff;cursor:pointer;background-color:#00897b;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.trn-btn-apply:hover{background-color:#00695c}.trn-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.trn-btn-clear:hover{background-color:#e8e8e8}.trn-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.trn-btn-retry:hover{background-color:#1565c0}.trn-btn-add{color:#fff;cursor:pointer;background-color:#00897b;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:background-color .2s}.trn-btn-add:hover{background-color:#00695c}.trn-btn-remove{color:#fff;cursor:pointer;background-color:#d32f2f;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:background-color .2s}.trn-btn-remove:hover{background-color:#b71c1c}.trn-btn-small{cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:background-color .2s}.trn-btn-success{color:#2e7d32;background-color:#e8f5e9}.trn-btn-success:hover{background-color:#c8e6c9}.trn-btn-danger{color:#d32f2f;background-color:#fdecea}.trn-btn-danger:hover{background-color:#f5c6cb}@media (width<=480px){.trn-btn-label{display:none}.trn-btn-primary,.trn-btn-secondary{padding:6px 10px}}.trn-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.trn-stat-card{text-align:center;padding:4px}.trn-stat-number{color:#00897b;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.trn-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.trn-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.trn-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.trn-search-input-wrapper:focus-within{border-color:#00897b}.trn-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.trn-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.trn-search-input::placeholder{color:#999}.trn-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.trn-clear-search:hover{color:#1a1a2e}.trn-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.trn-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.trn-filter-toggle:hover{background-color:#e8e8e8}.trn-filter-toggle.active{color:#00897b;background-color:#e0f2f1;border-color:#00897b}.trn-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.trn-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.trn-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.trn-filter-group{flex-direction:column;gap:4px;display:flex}.trn-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.trn-filter-group select,.trn-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.trn-filter-group select:focus,.trn-filter-group input:focus{border-color:#00897b;outline:none}.trn-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.trn-filter-actions button{padding:6px 16px}.trn-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s trn-slide-down}@keyframes trn-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trn-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.trn-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trn-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.trn-form-header-right{align-items:center;gap:10px;display:flex}.trn-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.trn-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.trn-form-error strong{margin-bottom:4px;font-weight:600;display:block}.trn-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.trn-form{max-width:100%}.trn-form-grid{flex-direction:column;gap:16px;display:flex}.trn-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.trn-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.trn-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trn-full-width{grid-column:1/-1}@media (width<=600px){.trn-form-section-grid{grid-template-columns:1fr}}.trn-form-group{flex-direction:column;gap:4px;display:flex}.trn-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.trn-form-group input,.trn-form-group select,.trn-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.trn-form-group input:focus,.trn-form-group select:focus,.trn-form-group textarea:focus{border-color:#00897b;outline:none;box-shadow:0 0 0 3px #00897b1a}.trn-form-group input.trn-error,.trn-form-group select.trn-error,.trn-form-group textarea.trn-error{border-color:#dc3545}.trn-form-group.has-error label{color:#dc3545}.trn-form-group.has-error input,.trn-form-group.has-error select,.trn-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.trn-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.trn-required{color:#dc3545}.trn-checkbox-group{flex-direction:row;align-items:center}.trn-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.trn-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#00897b;width:16px;height:16px}.trn-checkbox-list{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:4px;max-height:150px;padding:8px;display:flex;overflow-y:auto}.trn-checkbox-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;transition:background-color .2s;display:flex}.trn-checkbox-item:hover{background-color:#f5f5f5}.trn-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:#00897b;width:16px;height:16px}.trn-no-items{color:#666;margin:0;padding:8px;font-size:13px}.trn-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.trn-form-actions{flex-direction:column}.trn-form-actions button{justify-content:center;width:100%}}.trn-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.trn-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.trn-table-wrapper::-webkit-scrollbar{height:8px}.trn-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.trn-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.trn-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.trn-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.trn-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.trn-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.trn-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.trn-data-table tbody tr:hover{background-color:#f8f9fa}.trn-data-table tbody tr:last-child{border-bottom:none}.trn-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.trn-table-row-inactive{opacity:.6}.trn-table-row-inactive:hover{opacity:.8}.trn-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.trn-col-type{min-width:120px}.trn-col-dates{min-width:180px}.trn-col-venue{min-width:150px}.trn-col-participants{min-width:130px}.trn-col-status{min-width:100px}.trn-col-actions{text-align:center!important;min-width:220px!important}.trn-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.trn-table-training-info{align-items:center;gap:10px;display:flex}.trn-table-icon{background:linear-gradient(135deg,#00897b 0%,#00695c 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.trn-table-icon svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.trn-table-training-details{flex-direction:column;display:flex}.trn-table-training-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.trn-table-training-desc{color:#666;font-size:clamp(11px,.9vw,12px)}.trn-table-icon-small{color:#666;font-size:clamp(12px,1vw,14px)}.trn-type-badge{color:#00897b;background:#e0f2f1;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.trn-participants-badge{color:#9c27b0;background:#f3e5f5;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(11px,.9vw,12px);font-weight:500;display:inline-flex}.trn-participants-icon{font-size:14px}.trn-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.trn-status-upcoming{color:#1976d2;background:#e3f2fd}.trn-status-ongoing{color:#2e7d32;background:#e8f5e9}.trn-status-completed,.trn-status-draft{color:#666;background:#f5f5f5}.trn-table-empty{color:#bbb;font-size:clamp(11px,.9vw,12px)}.trn-table-venue,.trn-table-dates{align-items:center;gap:4px;display:flex}.trn-table-venue span,.trn-table-dates span{font-size:clamp(11px,.9vw,12px)}.trn-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.trn-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.trn-icon-btn:hover{background-color:#f0f0f0}.trn-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.trn-icon-btn-attendance{color:#00897b}.trn-icon-btn-attendance:hover{background-color:#e0f2f1}.trn-icon-btn-edit{color:#1976d2}.trn-icon-btn-edit:hover{background-color:#e3f2fd}.trn-icon-btn-delete{color:#dc3545}.trn-icon-btn-delete:hover{background-color:#fde8e8}.trn-icon-btn-activate{color:#2e7d32}.trn-icon-btn-activate:hover{background-color:#e8f5e9}.trn-icon-btn-deactivate{color:#ed6c02}.trn-icon-btn-deactivate:hover{background-color:#fff3e0}.trn-icon-btn-expand{color:#666;display:none}.trn-icon-btn-expand .trn-expanded{transform:rotate(180deg)}.trn-table-expanded-row{background-color:#f8f9fa!important}.trn-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.trn-table-expanded-content{padding:4px 0}.trn-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trn-expanded-item{flex-direction:column;gap:2px;display:flex}.trn-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.trn-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.trn-expanded-item .trn-type-badge,.trn-expanded-item .trn-status-badge{width:fit-content;display:inline-block}.trn-expanded-item a{color:#1976d2;word-break:break-all;text-decoration:none}.trn-expanded-item a:hover{text-decoration:underline}@media (width<=768px){.trn-icon-btn-expand{display:inline-flex}.trn-data-table{min-width:850px;font-size:12px}.trn-data-table thead th,.trn-data-table tbody td{padding:8px 10px}.trn-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.trn-col-actions{min-width:180px!important}.trn-table-icon{width:28px;height:28px}.trn-table-icon svg{font-size:14px}}@media (width<=480px){.trn-page{padding:10px 12px}.trn-data-table{min-width:700px;font-size:11px}.trn-data-table thead th,.trn-data-table tbody td{padding:6px 8px}.trn-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.trn-col-actions{min-width:150px!important}.trn-table-sn{font-size:10px}.trn-table-training-name{font-size:11px}.trn-table-training-desc{font-size:10px}.trn-table-icon{border-radius:6px;width:24px;height:24px}.trn-table-icon svg{font-size:12px}.trn-type-badge,.trn-participants-badge,.trn-status-badge{padding:2px 8px;font-size:8px}.trn-icon-btn svg{font-size:14px}.trn-icon-btn{padding:2px 4px}.trn-col-type{min-width:80px}.trn-col-dates{min-width:120px}.trn-col-venue{min-width:100px}.trn-col-participants{min-width:90px}.trn-col-status{min-width:70px}.trn-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.trn-expanded-item label{font-size:9px}.trn-expanded-item span{font-size:12px}}@media (width<=360px){.trn-data-table{min-width:600px;font-size:10px}.trn-data-table thead th,.trn-data-table tbody td{padding:4px 6px}.trn-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.trn-col-actions{min-width:130px!important}.trn-table-icon{width:20px;height:20px}.trn-table-icon svg{font-size:10px}.trn-icon-btn svg{font-size:12px}.trn-expanded-info{grid-template-columns:1fr}}.trn-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.trn-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.trn-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trn-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.trn-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.trn-pagination-buttons{align-items:center;gap:6px;display:flex}.trn-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.trn-pagination-btn:hover:not(:disabled){background:#e8e8e8}.trn-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.trn-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.trn-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s trn-fade-in;display:flex;position:fixed;inset:0}.trn-modal{background:#fff;border-radius:12px;width:100%;max-width:95%;max-height:90vh;animation:.3s trn-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.trn-modal-large{max-width:800px}@media (width>=600px){.trn-modal{max-width:600px}.trn-modal-large{max-width:800px}}.trn-modal-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.trn-modal-header h3{color:#1a1a2e;flex-direction:column;gap:4px;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600;display:flex}.trn-modal-subtitle{color:#666;font-size:clamp(13px,1.1vw,14px);font-weight:400}.trn-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.trn-modal-close:hover{background-color:#f0f0f0}.trn-modal-body{padding:16px 20px}.trn-modal-section{margin-bottom:16px}.trn-modal-section h4{color:#1a1a2e;margin:0 0 8px;font-size:clamp(13px,1.1vw,14px);font-weight:600}.trn-modal-divider{background:#e0e0e0;height:1px;margin:16px 0}.trn-modal-input{border:1px solid #e0e0e0;border-radius:6px;width:100%;margin-bottom:8px;padding:8px 12px;font-size:clamp(13px,1.1vw,14px);transition:border-color .2s}.trn-modal-input:focus{border-color:#00897b;outline:none}.trn-search-teacher{flex-direction:column;display:flex}.trn-teacher-list{border:1px solid #e0e0e0;border-radius:6px;max-height:200px;overflow-y:auto}.trn-teacher-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.trn-teacher-item:last-child{border-bottom:none}.trn-teacher-item:hover{background-color:#f5f5f5}.trn-attendance-list{flex-direction:column;gap:8px;display:flex}.trn-attendance-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.trn-attendance-info{flex-direction:column;gap:4px;display:flex}.trn-attendance-name{color:#1a1a2e;font-weight:500}.trn-attendance-status{border-radius:12px;width:fit-content;padding:2px 10px;font-size:12px;display:inline-block}.att-status-registered{color:#1976d2;background-color:#e3f2fd}.att-status-attended{color:#2e7d32;background-color:#e8f5e9}.att-status-certified{color:#9c27b0;background-color:#f3e5f5}.att-status-noshow{color:#dc3545;background-color:#fdecea}.trn-attendance-rating{color:#f5a623;font-size:12px}.trn-attendance-feedback{color:#666;font-size:12px;font-style:italic}.trn-attendance-actions{flex-wrap:wrap;gap:4px;display:flex}.trn-modal-footer{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.trn-modal{max-width:100%;margin:10px}.trn-modal-footer{flex-direction:column}.trn-modal-footer button{justify-content:center;width:100%}.trn-attendance-item{flex-direction:column;align-items:flex-start;gap:8px}.trn-teacher-item{flex-direction:column;align-items:stretch;gap:4px}.trn-attendance-actions{width:100%}.trn-attendance-actions .trn-btn-small{text-align:center;flex:1}}.trn-page-loading{text-align:center;color:#666;padding:40px 16px}.trn-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#00897b;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite trn-spin}@keyframes trn-spin{to{transform:rotate(360deg)}}.trn-empty-state{text-align:center;color:#666;padding:40px 16px}.trn-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.trn-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.trn-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.trn-empty-state .trn-btn-primary{margin:12px auto 0}.trn-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.trn-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trn-error-content strong{font-weight:600}@keyframes trn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes trn-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.trn-page{background:#1a1a2e}.trn-page-header{border-color:#2d2d44}.trn-page-header-left h2{color:#fff}.trn-page-subtitle{color:#88a}.trn-stats-summary{background:#2d2d44;border-color:#3d3d5c}.trn-stat-number{color:#4db6ac}.trn-stat-label{color:#88a}.trn-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.trn-search-input{color:#fff}.trn-search-input::placeholder,.trn-search-icon{color:#88a}.trn-stats-badge{color:#88a;background:#2d2d44}.trn-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.trn-filter-toggle.active{color:#4db6ac;background:#1a3d38;border-color:#4db6ac}.trn-filter-panel{background:#2d2d44;border-color:#3d3d5c}.trn-filter-group label{color:#fff}.trn-filter-group select,.trn-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.trn-table-container{background:#2d2d44;border-color:#3d3d5c}.trn-data-table{background:#2d2d44}.trn-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.trn-data-table thead th{color:#fff;background:#3d3d5c}.trn-data-table tbody tr{border-color:#3d3d5c}.trn-data-table tbody tr:hover{background-color:#3d3d5c}.trn-data-table tbody td{color:#d0d0e0}.trn-table-training-name{color:#fff}.trn-table-training-desc{color:#88a}.trn-table-empty{color:#4d4d6c}.trn-type-badge{color:#4db6ac;background:#1a3d38}.trn-participants-badge{color:#ce93d8;background:#3d1f4d}.trn-status-completed,.trn-status-draft{color:#88a;background:#3d3d5c}.trn-table-expanded-row{background-color:#3d3d5c!important}.trn-expanded-item label{color:#88a}.trn-expanded-item span{color:#fff}.trn-expanded-item a{color:#64b5f6}.trn-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.trn-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.trn-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.trn-form-container{background:#2d2d44;border-color:#3d3d5c}.trn-form-header{border-color:#3d3d5c}.trn-form-header-left h3{color:#fff}.trn-form-id{color:#88a;background:#3d3d5c}.trn-form-section{background:#3d3d5c}.trn-form-section h4{color:#fff;border-color:#4d4d6c}.trn-form-group label{color:#fff}.trn-form-group input,.trn-form-group select,.trn-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.trn-form-group input:focus,.trn-form-group select:focus,.trn-form-group textarea:focus{border-color:#4db6ac}.trn-form-actions{border-color:#3d3d5c}.trn-btn-back,.trn-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.trn-btn-back:hover,.trn-btn-cancel:hover{background:#4d4d6c}.trn-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.trn-btn-secondary:hover{background:#4d4d6c}.trn-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.trn-form-error pre{color:#f5c6cb}.trn-checkbox-list{background:#3d3d5c;border-color:#4d4d6c}.trn-checkbox-item{color:#fff}.trn-checkbox-item:hover{background:#4d4d6c}.trn-no-items{color:#88a}.trn-modal{background:#2d2d44}.trn-modal-header{border-color:#3d3d5c}.trn-modal-header h3{color:#fff}.trn-modal-subtitle,.trn-modal-close{color:#88a}.trn-modal-close:hover{background-color:#3d3d5c}.trn-modal-section h4{color:#fff}.trn-modal-input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.trn-modal-input:focus{border-color:#4db6ac}.trn-modal-footer{border-color:#3d3d5c}.trn-teacher-item{color:#fff;border-color:#3d3d5c}.trn-teacher-item:hover{background:#3d3d5c}.trn-attendance-item{background:#3d3d5c;border-color:#4d4d6c}.trn-attendance-name{color:#fff}.trn-attendance-feedback{color:#88a}.att-status-registered{color:#64b5f6;background:#1a3a5c}.att-status-attended{color:#81c784;background:#1a3d1a}.att-status-certified{color:#ce93d8;background:#3d1f4d}.att-status-noshow{color:#ef5350;background:#3d1f1f}.trn-btn-success{color:#81c784;background:#1a3d1a}.trn-btn-success:hover{background:#1a4d1a}.trn-btn-danger{color:#ef5350;background:#3d1f1f}.trn-btn-danger:hover{background:#4d2f2f}.trn-btn-add{background:#00897b}.trn-btn-add:hover{background:#00695c}.trn-btn-remove{background:#d32f2f}.trn-btn-remove:hover{background:#b71c1c}.trn-pagination-info,.trn-pagination-items-per-page{color:#88a}.trn-pagination-items-per-page select,.trn-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.trn-pagination-btn:hover:not(:disabled){background:#4d4d6c}.trn-pagination-current{color:#fff}.trn-icon-btn{color:#88a}.trn-icon-btn:hover{background-color:#3d3d5c}.trn-icon-btn-attendance{color:#4db6ac}.trn-icon-btn-attendance:hover{background-color:#1a3d38}.trn-icon-btn-edit{color:#64b5f6}.trn-icon-btn-edit:hover{background-color:#1a3a5c}.trn-icon-btn-delete{color:#ef5350}.trn-icon-btn-delete:hover{background-color:#5c1a1a}.trn-icon-btn-activate{color:#66bb6a}.trn-icon-btn-activate:hover{background-color:#1a5c1a}.trn-icon-btn-deactivate{color:#ffa726}.trn-icon-btn-deactivate:hover{background-color:#5c3d1a}.trn-empty-icon{color:#3d3d5c}.trn-empty-state p{color:#fff}.trn-empty-state span{color:#88a}.trn-btn-primary{background:linear-gradient(135deg,#00897b 0%,#00695c 100%)}.trn-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00695c 0%,#004d40 100%)}.trn-btn-apply{background:#00897b}.trn-btn-apply:hover{background:#00695c}.trn-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.trn-btn-clear:hover{background:#4d4d6c}}@media (prefers-color-scheme:dark){.trn-modal-content{background:#2d2d44}.trn-modal-info-item label{color:#88a}.trn-modal-info-item span{color:#fff}.trn-modal-tag{color:#4db6ac;background:#1a3d38}.trn-modal-material-item{background:#3d3d5c;border-color:#4d4d6c}.trn-modal-material-name{color:#fff}.trn-modal-material-desc{color:#88a}.trn-modal-stat-card{background:#3d3d5c;border-color:#4d4d6c}.trn-modal-stat-number{color:#fff}.trn-modal-stat-label{color:#88a}.trn-material-tag{color:#4db6ac;background:#1a3d38}.trn-material-file{color:#88a}}@media (width<=768px){.trn-modal-info-grid{grid-template-columns:1fr 1fr;gap:8px}.trn-modal-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (width<=480px){.trn-modal-info-grid{grid-template-columns:1fr}.trn-modal-stats-grid{grid-template-columns:repeat(2,1fr)}.trn-modal-content{border-radius:8px;max-height:98vh}.trn-modal-material-item{flex-direction:column;align-items:flex-start}}.trn-modal-users{flex-direction:column;gap:8px;display:flex}.trn-modal-user-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:background-color .2s;display:flex}.trn-modal-user-item:hover{background-color:#f0f0f0}.trn-modal-user-avatar{color:#fff;background:linear-gradient(135deg,#00897b 0%,#00695c 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.trn-modal-user-info{flex-direction:column;flex:1;gap:2px;display:flex}.trn-modal-user-name{color:#1a1a2e;font-size:14px;font-weight:500}.trn-modal-user-email{color:#666;font-size:12px}.trn-modal-user-reg{color:#888;font-family:monospace;font-size:11px}.trn-modal-user-status{border-radius:12px;flex-shrink:0;padding:2px 12px;font-size:11px;font-weight:500}.trn-icon-btn-view{color:#1976d2}.trn-icon-btn-view:hover{background-color:#e3f2fd}.trn-modal-header-icon{color:#00897b;font-size:clamp(22px,2.5vw,28px)}.trn-modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trn-modal-info-item{flex-direction:column;gap:2px;display:flex}.trn-modal-info-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.trn-modal-info-item span{color:#1a1a2e;word-break:break-word;align-items:center;gap:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;display:flex}.trn-modal-info-item .trn-type-badge,.trn-modal-info-item .trn-status-badge{width:fit-content;display:inline-block}.trn-modal-info-item a{color:#1976d2;align-items:center;gap:4px;text-decoration:none;display:flex}.trn-modal-info-item a:hover{text-decoration:underline}.trn-modal-icon{color:#666;font-size:clamp(14px,1.2vw,16px)}.trn-modal-tags{flex-wrap:wrap;gap:8px;display:flex}.trn-modal-tag{color:#00897b;background:#e0f2f1;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-flex}.trn-modal-tag-icon{font-size:16px}.trn-modal-materials{flex-direction:column;gap:8px;display:flex}.trn-modal-material-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.trn-modal-material-icon{color:#00897b;font-size:24px}.trn-modal-material-info{flex-direction:column;flex:1;display:flex}.trn-modal-material-name{color:#1a1a2e;font-weight:500}.trn-modal-material-desc{color:#666;font-size:12px}.trn-modal-material-link{color:#1976d2;font-size:12px;text-decoration:none}.trn-modal-material-link:hover{text-decoration:underline}.trn-modal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.trn-modal-stat-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.trn-modal-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.trn-modal-stat-icon{color:#00897b;margin-bottom:4px;font-size:clamp(24px,2.5vw,30px)}.trn-modal-stat-number{color:#1a1a2e;font-size:clamp(20px,2.5vw,26px);font-weight:700;display:block}.trn-modal-stat-label{color:#666;font-size:clamp(10px,.9vw,12px);font-weight:500;display:block}.trn-expanded-full{grid-column:1/-1}.trn-material-list{flex-wrap:wrap;gap:6px;display:flex}.trn-material-tag{color:#00897b;background:#e0f2f1;border-radius:16px;padding:2px 12px;font-size:12px;display:inline-block}.trn-material-file{color:#666;margin-left:4px;font-size:10px}@media (prefers-color-scheme:dark){.trn-modal-content{background:#2d2d44}.trn-modal-info-item label{color:#88a}.trn-modal-info-item span{color:#fff}.trn-modal-tag{color:#4db6ac;background:#1a3d38}.trn-modal-material-item{background:#3d3d5c;border-color:#4d4d6c}.trn-modal-material-name{color:#fff}.trn-modal-material-desc{color:#88a}.trn-modal-stat-card{background:#3d3d5c;border-color:#4d4d6c}.trn-modal-stat-number{color:#fff}.trn-modal-stat-label{color:#88a}.trn-modal-user-item{background:#3d3d5c;border-color:#4d4d6c}.trn-modal-user-item:hover{background:#4d4d6c}.trn-modal-user-name{color:#fff}.trn-modal-user-email{color:#88a}.trn-modal-user-reg{color:#668}.trn-material-tag{color:#4db6ac;background:#1a3d38}.trn-material-file{color:#88a}}@media (width<=768px){.trn-modal-info-grid{grid-template-columns:1fr 1fr;gap:8px}.trn-modal-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (width<=480px){.trn-modal-info-grid{grid-template-columns:1fr}.trn-modal-stats-grid{grid-template-columns:repeat(2,1fr)}.trn-modal-content{border-radius:8px;max-height:98vh}.trn-modal-material-item{flex-direction:column;align-items:flex-start}.trn-modal-user-item{flex-wrap:wrap;gap:8px}.trn-modal-user-avatar{width:32px;height:32px;font-size:13px}.trn-modal-user-status{margin-left:auto}}.trn-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s trn-slide-up;display:flex;box-shadow:0 20px 60px #0000004d}.trn-modal-header{border-bottom:2px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.trn-modal-body{flex:1;padding:24px;overflow-y:auto}.trn-modal-footer{border-top:2px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;padding:12px 24px;display:flex}.trn-modal-body::-webkit-scrollbar{width:6px}.trn-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.trn-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.trn-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (prefers-color-scheme:dark){.trn-modal-body::-webkit-scrollbar-track{background:#3d3d5c}.trn-modal-body::-webkit-scrollbar-thumb{background:#5d5d7c}.trn-modal-body::-webkit-scrollbar-thumb:hover{background:#7d7d9c}}.ast-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.ast-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.ast-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.ast-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.ast-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ast-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00897b 0%,#00695c 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.ast-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00897b4d}.ast-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ast-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.ast-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.ast-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.ast-btn-cancel:hover{background-color:#e8e8e8}.ast-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.ast-btn-back:hover{background-color:#f8f9fa}.ast-btn-apply{color:#fff;cursor:pointer;background-color:#00897b;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.ast-btn-apply:hover{background-color:#00695c}.ast-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.ast-btn-clear:hover{background-color:#e8e8e8}.ast-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.ast-btn-retry:hover{background-color:#1565c0}.ast-btn-add-component{color:#fff;cursor:pointer;white-space:nowrap;background-color:#00897b;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.ast-btn-add-component:hover{background-color:#00695c}.ast-btn-small{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:background-color .2s;display:inline-flex}.ast-btn-success{color:#2e7d32;background-color:#e8f5e9}.ast-btn-success:hover{background-color:#c8e6c9}.ast-btn-warning{color:#ed6c02;background-color:#fff3e0}.ast-btn-warning:hover{background-color:#ffe0b2}.ast-btn-info{color:#1976d2;background-color:#e3f2fd}.ast-btn-info:hover{background-color:#bbdefb}@media (width<=480px){.ast-btn-label{display:none}.ast-btn-primary,.ast-btn-secondary{padding:6px 10px}}.ast-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.ast-stat-card{text-align:center;padding:4px}.ast-stat-number{color:#00897b;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.ast-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.ast-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.ast-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.ast-search-input-wrapper:focus-within{border-color:#00897b}.ast-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.ast-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.ast-search-input::placeholder{color:#999}.ast-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.ast-clear-search:hover{color:#1a1a2e}.ast-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.ast-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.ast-filter-toggle:hover{background-color:#e8e8e8}.ast-filter-toggle.active{color:#00897b;background-color:#e0f2f1;border-color:#00897b}.ast-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.ast-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.ast-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.ast-filter-group{flex-direction:column;gap:4px;display:flex}.ast-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.ast-filter-group select,.ast-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.ast-filter-group select:focus,.ast-filter-group input:focus{border-color:#00897b;outline:none}.ast-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.ast-filter-actions button{padding:6px 16px}.ast-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s ast-slide-down}@keyframes ast-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ast-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.ast-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ast-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.ast-form-header-right{align-items:center;gap:10px;display:flex}.ast-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.ast-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.ast-form-error strong{margin-bottom:4px;font-weight:600;display:block}.ast-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.ast-form{max-width:100%}.ast-form-grid{flex-direction:column;gap:16px;display:flex}.ast-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.ast-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.ast-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ast-full-width{grid-column:1/-1}@media (width<=600px){.ast-form-section-grid{grid-template-columns:1fr}}.ast-form-group{flex-direction:column;gap:4px;display:flex}.ast-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.ast-form-group input,.ast-form-group select,.ast-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.ast-form-group input:focus,.ast-form-group select:focus,.ast-form-group textarea:focus{border-color:#00897b;outline:none;box-shadow:0 0 0 3px #00897b1a}.ast-form-group input.ast-error,.ast-form-group select.ast-error,.ast-form-group textarea.ast-error{border-color:#dc3545}.ast-form-group.has-error label{color:#dc3545}.ast-form-group.has-error input,.ast-form-group.has-error select,.ast-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.ast-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.ast-required{color:#dc3545}.ast-components-input{gap:8px;display:flex}.ast-components-input input{flex:1}.ast-components-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ast-component-tag{color:#00897b;background:#e0f2f1;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.ast-component-remove{cursor:pointer;color:#00897b;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.ast-component-remove:hover{color:#dc3545}.ast-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.ast-form-actions{flex-direction:column}.ast-form-actions button{justify-content:center;width:100%}.ast-components-input{flex-direction:column}}.ast-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.ast-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.ast-table-wrapper::-webkit-scrollbar{height:8px}.ast-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ast-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ast-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ast-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.ast-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ast-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.ast-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ast-data-table tbody tr:hover{background-color:#f8f9fa}.ast-data-table tbody tr:last-child{border-bottom:none}.ast-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.ast-table-row-inactive{opacity:.6}.ast-table-row-inactive:hover{opacity:.8}.ast-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.ast-col-serial,.ast-col-type{min-width:120px}.ast-col-status{min-width:130px}.ast-col-location{min-width:150px}.ast-col-quantity{min-width:70px}.ast-col-actions{text-align:center!important;min-width:280px!important}.ast-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.ast-table-kit-info{align-items:center;gap:10px;display:flex}.ast-table-avatar{background:linear-gradient(135deg,#00897b 0%,#00695c 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.ast-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.ast-table-kit-details{flex-direction:column;display:flex}.ast-table-kit-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.ast-table-kit-org{color:#666;font-size:clamp(11px,.9vw,12px)}.ast-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.ast-serial-tag{color:#1a1a2e;background:#f0f0f0;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:clamp(11px,.9vw,12px);display:inline-block}.ast-type-badge{color:#00897b;background:#e0f2f1;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.ast-status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.ast-status-badge svg{font-size:16px}.ast-status-badge.ast-status-available{color:#2e7d32;background:#e8f5e9}.ast-status-badge.ast-status-allocated{color:#ed6c02;background:#fff3e0}.ast-status-badge.ast-status-maintenance{color:#1976d2;background:#e3f2fd}.ast-status-badge.ast-status-damaged{color:#dc3545;background:#fde8e8}.ast-status-badge.ast-status-lost,.ast-status-badge.ast-status-draft{color:#666;background:#f5f5f5}.ast-quantity-badge{color:#1a1a2e;background:#f8f9fa;border-radius:20px;padding:3px 12px;font-size:clamp(12px,1vw,13px);font-weight:600;display:inline-block}.ast-table-location{align-items:center;gap:4px;display:flex}.ast-table-location span{font-size:clamp(11px,.9vw,12px)}.ast-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.ast-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.ast-icon-btn:hover{background-color:#f0f0f0}.ast-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.ast-icon-btn-history{color:#1976d2}.ast-icon-btn-history:hover{background-color:#e3f2fd}.ast-icon-btn-allocate{color:#2e7d32}.ast-icon-btn-allocate:hover{background-color:#e8f5e9}.ast-icon-btn-return{color:#ed6c02}.ast-icon-btn-return:hover{background-color:#fff3e0}.ast-icon-btn-maintenance{color:#1976d2}.ast-icon-btn-maintenance:hover{background-color:#e3f2fd}.ast-icon-btn-repair{color:#00897b}.ast-icon-btn-repair:hover{background-color:#e0f2f1}.ast-icon-btn-edit{color:#1976d2}.ast-icon-btn-edit:hover{background-color:#e3f2fd}.ast-icon-btn-delete{color:#dc3545}.ast-icon-btn-delete:hover{background-color:#fde8e8}.ast-icon-btn-activate{color:#2e7d32}.ast-icon-btn-activate:hover{background-color:#e8f5e9}.ast-icon-btn-deactivate{color:#ed6c02}.ast-icon-btn-deactivate:hover{background-color:#fff3e0}.ast-icon-btn-expand{color:#666;display:none}.ast-icon-btn-expand .ast-expanded{transform:rotate(180deg)}.ast-table-expanded-row{background-color:#f8f9fa!important}.ast-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.ast-table-expanded-content{padding:4px 0}.ast-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ast-expanded-item{flex-direction:column;gap:2px;display:flex}.ast-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.ast-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.ast-expanded-item .ast-type-badge,.ast-expanded-item .ast-status-badge{width:fit-content;display:inline-block}@media (width<=768px){.ast-icon-btn-expand{display:inline-flex}.ast-data-table{min-width:850px;font-size:12px}.ast-data-table thead th,.ast-data-table tbody td{padding:8px 10px}.ast-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.ast-col-actions{min-width:220px!important}.ast-table-avatar{width:28px;height:28px}.ast-table-avatar svg{font-size:14px}}@media (width<=480px){.ast-page{padding:10px 12px}.ast-data-table{min-width:700px;font-size:11px}.ast-data-table thead th,.ast-data-table tbody td{padding:6px 8px}.ast-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.ast-col-actions{min-width:180px!important}.ast-table-sn{font-size:10px}.ast-table-kit-name{font-size:11px}.ast-table-kit-org{font-size:10px}.ast-table-avatar{border-radius:6px;width:24px;height:24px}.ast-table-avatar svg{font-size:12px}.ast-serial-tag,.ast-type-badge,.ast-status-badge,.ast-quantity-badge{padding:2px 8px;font-size:8px}.ast-status-badge svg{font-size:12px}.ast-icon-btn svg{font-size:14px}.ast-icon-btn{padding:2px 4px}.ast-col-serial,.ast-col-type{min-width:80px}.ast-col-status{min-width:90px}.ast-col-location{min-width:100px}.ast-col-quantity{min-width:50px}.ast-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.ast-expanded-item label{font-size:9px}.ast-expanded-item span{font-size:12px}}@media (width<=360px){.ast-data-table{min-width:600px;font-size:10px}.ast-data-table thead th,.ast-data-table tbody td{padding:4px 6px}.ast-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.ast-col-actions{min-width:150px!important}.ast-table-avatar{width:20px;height:20px}.ast-table-avatar svg{font-size:10px}.ast-icon-btn svg{font-size:12px}.ast-expanded-info{grid-template-columns:1fr}}.ast-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.ast-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.ast-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ast-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.ast-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.ast-pagination-buttons{align-items:center;gap:6px;display:flex}.ast-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.ast-pagination-btn:hover:not(:disabled){background:#e8e8e8}.ast-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ast-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.ast-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s ast-fade-in;display:flex;position:fixed;inset:0}.ast-modal{background:#fff;border-radius:12px;width:100%;max-width:95%;max-height:90vh;animation:.3s ast-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@media (width>=600px){.ast-modal{max-width:500px}.ast-modal-large{max-width:800px}}.ast-modal-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.ast-modal-header h3{color:#1a1a2e;flex-direction:column;gap:4px;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600;display:flex}.ast-modal-subtitle{color:#666;font-size:clamp(13px,1.1vw,14px);font-weight:400}.ast-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.ast-modal-close:hover{background-color:#f0f0f0}.ast-modal-body{padding:16px 20px}.ast-modal-body .ast-form-group{margin-bottom:16px}.ast-modal-body .ast-form-group:last-child{margin-bottom:0}.ast-modal-footer{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.ast-modal{max-width:100%;margin:10px}.ast-modal-footer{flex-direction:column}.ast-modal-footer button{justify-content:center;width:100%}}.ast-history-list{overflow-x:auto}.ast-history-table{border-collapse:collapse;width:100%}.ast-history-table th,.ast-history-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:10px 12px}.ast-history-table th{color:#1a1a2e;background:#f8f9fa;font-weight:600}.ast-history-table td{color:#1a1a2e}.ast-history-table tr:hover td{background:#f8f9fa}.ast-history-active{color:#2e7d32;background:#e8f5e9;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.ast-history-returned{color:#666;background:#f5f5f5;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.ast-loading-text,.ast-no-history{text-align:center;color:#666;padding:20px}.ast-page-loading{text-align:center;color:#666;padding:40px 16px}.ast-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#00897b;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite ast-spin}@keyframes ast-spin{to{transform:rotate(360deg)}}.ast-empty-state{text-align:center;color:#666;padding:40px 16px}.ast-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.ast-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.ast-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.ast-empty-state .ast-btn-primary{margin:12px auto 0}.ast-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.ast-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ast-error-content strong{font-weight:600}@keyframes ast-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ast-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.ast-page{background:#1a1a2e}.ast-page-header{border-color:#2d2d44}.ast-page-header-left h2{color:#fff}.ast-page-subtitle{color:#88a}.ast-stats-summary{background:#2d2d44;border-color:#3d3d5c}.ast-stat-number{color:#4db6ac}.ast-stat-label{color:#88a}.ast-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.ast-search-input{color:#fff}.ast-search-input::placeholder,.ast-search-icon{color:#88a}.ast-stats-badge{color:#88a;background:#2d2d44}.ast-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.ast-filter-toggle.active{color:#4db6ac;background:#1a3d38;border-color:#4db6ac}.ast-filter-panel{background:#2d2d44;border-color:#3d3d5c}.ast-filter-group label{color:#fff}.ast-filter-group select,.ast-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.ast-table-container{background:#2d2d44;border-color:#3d3d5c}.ast-data-table{background:#2d2d44}.ast-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ast-data-table thead th{color:#fff;background:#3d3d5c}.ast-data-table tbody tr{border-color:#3d3d5c}.ast-data-table tbody tr:hover{background-color:#3d3d5c}.ast-data-table tbody td{color:#d0d0e0}.ast-table-kit-name{color:#fff}.ast-table-kit-org,.ast-table-icon{color:#88a}.ast-serial-tag{color:#d0d0e0;background:#3d3d5c}.ast-type-badge{color:#4db6ac;background:#1a3d38}.ast-status-badge.ast-status-lost,.ast-status-badge.ast-status-draft{color:#88a;background:#3d3d5c}.ast-table-expanded-row{background-color:#3d3d5c!important}.ast-expanded-item label{color:#88a}.ast-expanded-item span{color:#fff}.ast-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.ast-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.ast-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.ast-form-container{background:#2d2d44;border-color:#3d3d5c}.ast-form-header{border-color:#3d3d5c}.ast-form-header-left h3{color:#fff}.ast-form-id{color:#88a;background:#3d3d5c}.ast-form-section{background:#3d3d5c}.ast-form-section h4{color:#fff;border-color:#4d4d6c}.ast-form-group label{color:#fff}.ast-form-group input,.ast-form-group select,.ast-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.ast-form-group input:focus,.ast-form-group select:focus,.ast-form-group textarea:focus{border-color:#4db6ac}.ast-form-actions{border-color:#3d3d5c}.ast-btn-back,.ast-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.ast-btn-back:hover,.ast-btn-cancel:hover{background:#4d4d6c}.ast-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.ast-btn-secondary:hover{background:#4d4d6c}.ast-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.ast-form-error pre{color:#f5c6cb}.ast-component-tag{color:#4db6ac;background:#1a3d38}.ast-component-remove{color:#4db6ac}.ast-component-remove:hover{color:#ef5350}.ast-modal{background:#2d2d44}.ast-modal-header{border-color:#3d3d5c}.ast-modal-header h3{color:#fff}.ast-modal-subtitle,.ast-modal-close{color:#88a}.ast-modal-close:hover{background-color:#3d3d5c}.ast-modal-footer{border-color:#3d3d5c}.ast-history-table th{color:#fff;background:#3d3d5c}.ast-history-table td{color:#fff;border-color:#3d3d5c}.ast-history-table tr:hover td{background:#3d3d5c}.ast-history-active{color:#81c784;background:#1a3d1a}.ast-history-returned{color:#88a;background:#3d3d5c}.ast-pagination-info,.ast-pagination-items-per-page{color:#88a}.ast-pagination-items-per-page select,.ast-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.ast-pagination-btn:hover:not(:disabled){background:#4d4d6c}.ast-pagination-current{color:#fff}.ast-icon-btn{color:#88a}.ast-icon-btn:hover{background-color:#3d3d5c}.ast-icon-btn-history{color:#64b5f6}.ast-icon-btn-history:hover{background-color:#1a3a5c}.ast-icon-btn-allocate{color:#66bb6a}.ast-icon-btn-allocate:hover{background-color:#1a5c1a}.ast-icon-btn-return{color:#ffa726}.ast-icon-btn-return:hover{background-color:#5c3d1a}.ast-icon-btn-maintenance{color:#64b5f6}.ast-icon-btn-maintenance:hover{background-color:#1a3a5c}.ast-icon-btn-repair{color:#4db6ac}.ast-icon-btn-repair:hover{background-color:#1a3d38}.ast-icon-btn-edit{color:#64b5f6}.ast-icon-btn-edit:hover{background-color:#1a3a5c}.ast-icon-btn-delete{color:#ef5350}.ast-icon-btn-delete:hover{background-color:#5c1a1a}.ast-icon-btn-activate{color:#66bb6a}.ast-icon-btn-activate:hover{background-color:#1a5c1a}.ast-icon-btn-deactivate{color:#ffa726}.ast-icon-btn-deactivate:hover{background-color:#5c3d1a}.ast-btn-add-component{background:#00897b}.ast-btn-add-component:hover{background:#00695c}.ast-btn-success{color:#81c784;background:#1a3d1a}.ast-btn-success:hover{background:#1a4d1a}.ast-btn-warning{color:#ffa726;background:#3d2d1a}.ast-btn-warning:hover{background:#4d3d2a}.ast-btn-info{color:#64b5f6;background:#1a3a5c}.ast-btn-info:hover{background:#1a4a6c}.ast-empty-icon{color:#3d3d5c}.ast-empty-state p{color:#fff}.ast-empty-state span{color:#88a}.ast-btn-primary{background:linear-gradient(135deg,#00897b 0%,#00695c 100%)}.ast-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00695c 0%,#004d40 100%)}.ast-btn-apply{background:#00897b}.ast-btn-apply:hover{background:#00695c}.ast-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.ast-btn-clear:hover{background:#4d4d6c}}.ast-modal-large{max-width:900px!important}.ast-modal-header-icon{color:#667eea;margin-right:8px;font-size:clamp(22px,2.5vw,28px)}.ast-history-kit-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.ast-history-kit-info{align-items:center;gap:12px;display:flex}.ast-history-kit-icon{color:#667eea;font-size:32px}.ast-history-kit-name{color:#1a1a2e;font-size:clamp(16px,1.5vw,18px);font-weight:600}.ast-history-kit-details{color:#666;flex-wrap:wrap;gap:12px;font-size:clamp(12px,1vw,13px);display:flex}.ast-history-kit-serial{background:#f0f0f0;border-radius:4px;padding:2px 8px;font-family:monospace}.ast-history-kit-type{color:#667eea;background:#e8eeff;border-radius:4px;padding:2px 8px}.ast-history-kit-status{border-radius:4px;padding:2px 8px}.ast-history-stats{gap:16px;display:flex}.ast-history-stat{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:4px 12px}.ast-history-stat-number{color:#667eea;font-size:clamp(18px,2vw,22px);font-weight:700;display:block}.ast-history-stat-label{color:#666;font-size:clamp(10px,.8vw,11px);display:block}.ast-history-table-wrapper{margin-bottom:16px;overflow-x:auto}.ast-history-table{border-collapse:collapse;width:100%;font-size:clamp(13px,1.1vw,14px)}.ast-history-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ast-history-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;padding:10px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600}.ast-history-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ast-history-table tbody tr:hover{background-color:#f8f9fa}.ast-history-table tbody td{vertical-align:middle;padding:10px 12px}.ast-history-active-row{background-color:#fff8e1}.ast-history-active-row:hover{background-color:#ffefc4!important}.ast-history-sn{text-align:center;color:#666;font-weight:500}.ast-history-school{align-items:center;gap:6px;display:flex}.ast-history-school-icon{color:#667eea;font-size:16px}.ast-history-date{align-items:center;gap:4px;font-size:clamp(12px,1vw,13px);display:flex}.ast-history-date-icon{color:#666;font-size:14px}.ast-history-active{color:#ed6c02;font-weight:500}.ast-history-na{color:#bbb}.ast-condition-badge{border-radius:12px;padding:3px 10px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.ast-condition-excellent{color:#2e7d32;background-color:#e8f5e9}.ast-condition-good{color:#1976d2;background-color:#e3f2fd}.ast-condition-damaged{color:#c62828;background-color:#fde8e8}.ast-condition-missing{color:#ed6c02;background-color:#fff3e0}.ast-history-status-badge{border-radius:12px;padding:3px 10px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.ast-history-returned{color:#2e7d32;background-color:#e8f5e9}.ast-history-active{color:#ed6c02;background-color:#fff3e0}.ast-history-notes{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:8px;padding:12px 16px}.ast-history-notes h4{color:#1a1a2e;margin:0 0 8px;font-size:clamp(13px,1.1vw,14px);font-weight:600}.ast-history-note-item{border-bottom:1px solid #f0f0f0;gap:12px;padding:6px 0;display:flex}.ast-history-note-item:last-child{border-bottom:none}.ast-history-note-school{color:#667eea;min-width:120px;font-weight:500}.ast-history-note-text{color:#1a1a2e}.ast-no-history{text-align:center;color:#666;padding:40px 16px}.ast-no-history-icon{color:#e0e0e0;margin-bottom:12px;font-size:48px}.ast-no-history p{margin:0;font-size:16px}.ast-small-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:24px;height:24px;margin:0 auto 8px;animation:.8s linear infinite ast-spin}.ast-loading-text{text-align:center;color:#666;padding:20px}@media (prefers-color-scheme:dark){.ast-modal-subtitle{color:#88a}.ast-history-kit-summary{background:#3d3d5c;border-color:#4d4d6c}.ast-history-kit-name{color:#fff}.ast-history-kit-details{color:#88a}.ast-history-kit-serial{color:#d0d0e0;background:#4d4d6c}.ast-history-kit-type{color:#89f;background:#1a2a5c}.ast-history-stat{background:#2d2d44;border-color:#4d4d6c}.ast-history-stat-number{color:#89f}.ast-history-stat-label{color:#88a}.ast-history-table thead{background:#3d3d5c;border-color:#4d4d6c}.ast-history-table thead th{color:#fff}.ast-history-table tbody tr{border-color:#3d3d5c}.ast-history-table tbody tr:hover{background-color:#3d3d5c}.ast-history-table tbody td{color:#d0d0e0}.ast-history-active-row{background-color:#3d2d1a}.ast-history-active-row:hover{background-color:#4d3d2a!important}.ast-history-school-icon{color:#89f}.ast-history-date-icon{color:#88a}.ast-history-na{color:#4d4d6c}.ast-condition-excellent{color:#66bb6a;background-color:#1a3d2e}.ast-condition-good{color:#64b5f6;background-color:#1a2a3d}.ast-condition-damaged{color:#ef5350;background-color:#3d1a1a}.ast-condition-missing{color:#ffb74d;background-color:#3d2d1a}.ast-history-returned{color:#66bb6a;background-color:#1a3d2e}.ast-history-active{color:#ffb74d;background-color:#3d2d1a}.ast-history-notes{background:#3d3d5c;border-color:#4d4d6c}.ast-history-notes h4{color:#fff}.ast-history-note-item{border-color:#4d4d6c}.ast-history-note-school{color:#89f}.ast-history-note-text{color:#d0d0e0}.ast-no-history{color:#88a}.ast-no-history-icon{color:#3d3d5c}.ast-loading-text{color:#88a}.ast-small-spinner{border-color:#89f #3d3d5c #3d3d5c}}@media (width<=768px){.ast-history-kit-summary{flex-direction:column;align-items:flex-start}.ast-history-stats{justify-content:space-around;width:100%}.ast-history-table{min-width:600px;font-size:12px}.ast-history-table thead th,.ast-history-table tbody td{padding:6px 8px}.ast-history-note-item{flex-direction:column;gap:4px}.ast-history-note-school{min-width:auto}}@media (width<=480px){.ast-history-table{min-width:480px;font-size:11px}.ast-history-stat{padding:2px 8px}.ast-history-stat-number{font-size:16px}.ast-history-kit-details{flex-direction:column;gap:4px}}.ast-batch-info{background:#f8f9fa;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;padding:15px;display:grid}.ast-batch-info-item{flex-direction:column;display:flex}.ast-batch-info-item label{color:#6b7280;margin-bottom:2px;font-size:12px;font-weight:500}.ast-batch-info-item span{color:#111827;font-size:14px;font-weight:600}.ast-batch-serial-grid{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:400px;padding:10px;overflow-y:auto}.ast-batch-serial-header{color:#4b5563;z-index:1;background:#f3f4f6;border-radius:4px;grid-template-columns:40px 1fr 30px;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:600;display:grid;position:sticky;top:0}.ast-batch-serial-row{border-radius:4px;grid-template-columns:40px 1fr 30px;align-items:center;gap:10px;padding:4px 12px;display:grid}.ast-batch-serial-row:hover{background:#f9fafb}.ast-batch-serial-number{color:#6b7280;text-align:center;font-size:13px}.ast-batch-serial-input{letter-spacing:1px;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px 12px;font-family:monospace;font-size:14px;transition:border-color .2s}.ast-batch-serial-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.ast-batch-serial-input::placeholder{color:#9ca3af;letter-spacing:0;font-family:inherit}.ast-batch-serial-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px;transition:all .2s}.ast-batch-serial-clear:hover{color:#ef4444;background:#f3f4f6}.ast-batch-serial-helper{flex-direction:column;gap:4px;margin-top:15px;display:flex}.ast-batch-serial-helper-text{color:#6b7280;font-size:13px}.ast-batch-serial-helper-text:first-child{color:#4b5563;font-weight:500}.ast-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ast-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;box-shadow:0 25px 50px -12px #00000040}.ast-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ast-modal-header h3{color:#111827;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.ast-modal-header-icon{color:#6366f1}.ast-modal-subtitle{color:#6b7280;margin-left:8px;font-size:14px;font-weight:400}.ast-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.ast-modal-close:hover{color:#111827;background:#f3f4f6}.ast-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.ast-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.ast-view-toggle{background:#f3f4f6;border-radius:8px;gap:4px;padding:4px;display:flex}.ast-view-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ast-view-btn:hover{color:#374151}.ast-view-btn.active{color:#6366f1;background:#fff;box-shadow:0 1px 3px #0000001a}.ast-view-icon{font-size:18px}.ast-bulk-actions-bar{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.ast-bulk-selected{color:#4338ca;font-size:14px;font-weight:500}.ast-bulk-actions{gap:8px;display:flex}.ast-bulk-btn{cursor:pointer;color:#374151;background:#fff;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ast-bulk-btn:hover{background:#e5e7eb}.ast-bulk-btn.ast-bulk-clear{color:#ef4444}.ast-bulk-btn.ast-bulk-clear:hover{background:#fee2e2}.ast-col-checkbox{text-align:center;width:40px;padding:8px 4px}.ast-col-checkbox input[type=checkbox]{cursor:pointer;accent-color:#6366f1;width:16px;height:16px}.ast-table-row-selected{background-color:#eef2ff!important}.ast-table-row-selected:hover{background-color:#e0e7ff!important}.ast-batch-tag{color:#6b7280;background:#f3f4f6;border-radius:4px;margin-left:6px;padding:2px 8px;font-size:11px;display:inline-block}.ast-quantity-badge.ast-available{color:#166534;background:#dcfce7}.ast-quantity-badge.ast-allocated{color:#92400e;background:#fef3c7}.ast-batch-summary{background:#f8f9fa;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;padding:16px;display:grid}.ast-batch-summary-item{flex-direction:column;display:flex}.ast-batch-summary-label{color:#6b7280;font-size:12px;font-weight:500}.ast-batch-summary-value{color:#111827;font-size:16px;font-weight:600}.ast-batch-summary-value.ast-available{color:#16a34a}.ast-batch-summary-value.ast-allocated{color:#ea580c}.ast-batch-summary-value.ast-batch-id{color:#6366f1;font-family:monospace;font-size:14px}.ast-batch-kits-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow-y:auto}.ast-batch-kits-table{width:100%}.ast-batch-kits-table thead{z-index:10;position:sticky;top:0}.ast-batch-kits-table thead th{background:#f9fafb;border-bottom:2px solid #e5e7eb}.ast-table-row-allocated{background-color:#fffbeb}.ast-table-row-allocated:hover{background-color:#fef3c7}.ast-batch-empty{padding:40px 20px}.ast-batch-bulk-bar{margin-bottom:12px}.ast-modal-large{width:95%;max-width:800px}.ast-modal-body{max-height:70vh;overflow-y:auto}.cert-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.cert-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.cert-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.cert-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.cert-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cert-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.cert-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9c27b04d}.cert-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cert-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.cert-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.cert-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.cert-btn-cancel:hover{background-color:#e8e8e8}.cert-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.cert-btn-back:hover{background-color:#f8f9fa}.cert-btn-apply{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.cert-btn-apply:hover{background-color:#7b1fa2}.cert-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.cert-btn-clear:hover{background-color:#e8e8e8}.cert-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.cert-btn-retry:hover{background-color:#1565c0}.cert-btn-download{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.cert-btn-download:hover{background-color:#1565c0}@media (width<=480px){.cert-btn-label{display:none}.cert-btn-primary,.cert-btn-secondary{padding:6px 10px}}.cert-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.cert-stat-card{text-align:center;padding:4px}.cert-stat-number{color:#9c27b0;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.cert-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.cert-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.cert-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.cert-search-input-wrapper:focus-within{border-color:#9c27b0}.cert-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.cert-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.cert-search-input::placeholder{color:#999}.cert-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.cert-clear-search:hover{color:#1a1a2e}.cert-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.cert-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.cert-filter-toggle:hover{background-color:#e8e8e8}.cert-filter-toggle.active{color:#9c27b0;background-color:#f3e5f5;border-color:#9c27b0}.cert-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.cert-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.cert-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.cert-filter-group{flex-direction:column;gap:4px;display:flex}.cert-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.cert-filter-group select,.cert-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.cert-filter-group select:focus,.cert-filter-group input:focus{border-color:#9c27b0;outline:none}.cert-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.cert-filter-actions button{padding:6px 16px}.cert-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s cert-slide-down}@keyframes cert-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cert-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.cert-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cert-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.cert-form-header-right{align-items:center;gap:10px;display:flex}.cert-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.cert-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.cert-form-error strong{margin-bottom:4px;font-weight:600;display:block}.cert-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.cert-form{max-width:100%}.cert-form-grid{flex-direction:column;gap:16px;display:flex}.cert-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.cert-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.cert-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cert-full-width{grid-column:1/-1}@media (width<=600px){.cert-form-section-grid{grid-template-columns:1fr}}.cert-form-group{flex-direction:column;gap:4px;display:flex}.cert-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.cert-form-group input,.cert-form-group select,.cert-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.cert-form-group input:focus,.cert-form-group select:focus,.cert-form-group textarea:focus{border-color:#9c27b0;outline:none;box-shadow:0 0 0 3px #9c27b01a}.cert-form-group input.cert-error,.cert-form-group select.cert-error,.cert-form-group textarea.cert-error{border-color:#dc3545}.cert-form-group.has-error label{color:#dc3545}.cert-form-group.has-error input,.cert-form-group.has-error select,.cert-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.cert-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.cert-required{color:#dc3545}.cert-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.cert-form-actions{flex-direction:column}.cert-form-actions button{justify-content:center;width:100%}}.cert-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.cert-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.cert-table-wrapper::-webkit-scrollbar{height:8px}.cert-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.cert-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.cert-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cert-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.cert-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.cert-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.cert-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.cert-data-table tbody tr:hover{background-color:#f8f9fa}.cert-data-table tbody tr:last-child{border-bottom:none}.cert-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.cert-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.cert-col-number,.cert-col-type{min-width:120px}.cert-col-recipient{min-width:150px}.cert-col-issued{min-width:110px}.cert-col-status{min-width:90px}.cert-col-actions{text-align:center!important;min-width:250px!important}.cert-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.cert-table-cert-info{align-items:center;gap:10px;display:flex}.cert-table-icon{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.cert-table-icon svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.cert-table-cert-details{flex-direction:column;display:flex}.cert-table-cert-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.cert-table-cert-desc{color:#666;font-size:clamp(11px,.9vw,12px)}.cert-number-tag{color:#1a1a2e;background:#f0f0f0;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:clamp(11px,.9vw,12px);display:inline-block}.cert-type-badge{color:#9c27b0;background:#f3e5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.cert-issued-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.cert-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.cert-status-valid{color:#2e7d32;background:#e8f5e9}.cert-status-expired{color:#dc3545;background:#fde8e8}.cert-status-revoked{color:#666;background:#f5f5f5}.cert-table-recipient{align-items:center;gap:4px;display:flex}.cert-table-recipient span{font-size:clamp(11px,.9vw,12px)}.cert-table-icon-small{color:#666;font-size:clamp(12px,1vw,14px)}.cert-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.cert-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.cert-icon-btn:hover{background-color:#f0f0f0}.cert-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.cert-icon-btn-preview{color:#1976d2}.cert-icon-btn-preview:hover{background-color:#e3f2fd}.cert-icon-btn-download{color:#2e7d32}.cert-icon-btn-download:hover{background-color:#e8f5e9}.cert-icon-btn-verify{color:#f57c00}.cert-icon-btn-verify:hover{background-color:#fff3e0}.cert-icon-btn-edit{color:#1976d2}.cert-icon-btn-edit:hover{background-color:#e3f2fd}.cert-icon-btn-revoke{color:#dc3545}.cert-icon-btn-revoke:hover{background-color:#fde8e8}.cert-icon-btn-delete{color:#dc3545}.cert-icon-btn-delete:hover{background-color:#fde8e8}.cert-icon-btn-expand{color:#666;display:none}.cert-icon-btn-expand .cert-expanded{transform:rotate(180deg)}.cert-table-expanded-row{background-color:#f8f9fa!important}.cert-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.cert-table-expanded-content{padding:4px 0}.cert-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cert-expanded-item{flex-direction:column;gap:2px;display:flex}.cert-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.cert-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.cert-expanded-item .cert-type-badge,.cert-expanded-item .cert-status-badge{width:fit-content;display:inline-block}@media (width<=768px){.cert-icon-btn-expand{display:inline-flex}.cert-data-table{min-width:850px;font-size:12px}.cert-data-table thead th,.cert-data-table tbody td{padding:8px 10px}.cert-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.cert-col-actions{min-width:200px!important}.cert-table-icon{width:28px;height:28px}.cert-table-icon svg{font-size:14px}}@media (width<=480px){.cert-page{padding:10px 12px}.cert-data-table{min-width:700px;font-size:11px}.cert-data-table thead th,.cert-data-table tbody td{padding:6px 8px}.cert-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.cert-col-actions{min-width:160px!important}.cert-table-sn{font-size:10px}.cert-table-cert-name{font-size:11px}.cert-table-cert-desc{font-size:10px}.cert-table-icon{border-radius:6px;width:24px;height:24px}.cert-table-icon svg{font-size:12px}.cert-number-tag,.cert-type-badge,.cert-issued-badge,.cert-status-badge{padding:2px 8px;font-size:8px}.cert-icon-btn svg{font-size:14px}.cert-icon-btn{padding:2px 4px}.cert-col-number,.cert-col-type{min-width:80px}.cert-col-recipient{min-width:100px}.cert-col-issued{min-width:80px}.cert-col-status{min-width:70px}.cert-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.cert-expanded-item label{font-size:9px}.cert-expanded-item span{font-size:12px}}@media (width<=360px){.cert-data-table{min-width:600px;font-size:10px}.cert-data-table thead th,.cert-data-table tbody td{padding:4px 6px}.cert-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.cert-col-actions{min-width:140px!important}.cert-table-icon{width:20px;height:20px}.cert-table-icon svg{font-size:10px}.cert-icon-btn svg{font-size:12px}.cert-expanded-info{grid-template-columns:1fr}}.cert-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.cert-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.cert-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cert-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.cert-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.cert-pagination-buttons{align-items:center;gap:6px;display:flex}.cert-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.cert-pagination-btn:hover:not(:disabled){background:#e8e8e8}.cert-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cert-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.cert-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s cert-fade-in;display:flex;position:fixed;inset:0}.cert-modal{background:#fff;border-radius:12px;width:100%;max-width:95%;max-height:90vh;animation:.3s cert-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.cert-modal-large{max-width:900px}@media (width>=600px){.cert-modal{max-width:600px}.cert-modal-large{max-width:900px}}.cert-modal-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.cert-modal-header h3{color:#1a1a2e;flex-direction:column;gap:4px;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600;display:flex}.cert-modal-subtitle{color:#666;font-size:clamp(13px,1.1vw,14px);font-weight:400}.cert-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.cert-modal-close:hover{background-color:#f0f0f0}.cert-modal-body{padding:16px 20px}.cert-preview-content{max-width:100%;overflow:auto}.cert-preview-content iframe{border:none;width:100%;min-height:500px}.cert-modal-footer{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.cert-modal{max-width:100%;margin:10px}.cert-modal-footer{flex-direction:column}.cert-modal-footer button{justify-content:center;width:100%}.cert-preview-content iframe{min-height:300px}}.cert-page-loading{text-align:center;color:#666;padding:40px 16px}.cert-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#9c27b0;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite cert-spin}@keyframes cert-spin{to{transform:rotate(360deg)}}.cert-empty-state{text-align:center;color:#666;padding:40px 16px}.cert-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.cert-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.cert-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.cert-empty-state .cert-btn-primary{margin:12px auto 0}.cert-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.cert-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cert-error-content strong{font-weight:600}@keyframes cert-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cert-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.cert-page{background:#1a1a2e}.cert-page-header{border-color:#2d2d44}.cert-page-header-left h2{color:#fff}.cert-page-subtitle{color:#88a}.cert-stats-summary{background:#2d2d44;border-color:#3d3d5c}.cert-stat-number{color:#ce93d8}.cert-stat-label{color:#88a}.cert-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.cert-search-input{color:#fff}.cert-search-input::placeholder,.cert-search-icon{color:#88a}.cert-stats-badge{color:#88a;background:#2d2d44}.cert-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.cert-filter-toggle.active{color:#ce93d8;background:#3d1f4d;border-color:#ce93d8}.cert-filter-panel{background:#2d2d44;border-color:#3d3d5c}.cert-filter-group label{color:#fff}.cert-filter-group select,.cert-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.cert-table-container{background:#2d2d44;border-color:#3d3d5c}.cert-data-table{background:#2d2d44}.cert-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.cert-data-table thead th{color:#fff;background:#3d3d5c}.cert-data-table tbody tr{border-color:#3d3d5c}.cert-data-table tbody tr:hover{background-color:#3d3d5c}.cert-data-table tbody td{color:#d0d0e0}.cert-table-cert-name{color:#fff}.cert-table-cert-desc{color:#88a}.cert-number-tag{color:#d0d0e0;background:#3d3d5c}.cert-type-badge{color:#ce93d8;background:#3d1f4d}.cert-issued-badge{color:#64b5f6;background:#1a3a5c}.cert-status-revoked{color:#88a;background:#3d3d5c}.cert-status-expired{color:#ef5350;background:#3d1f1f}.cert-table-expanded-row{background-color:#3d3d5c!important}.cert-expanded-item label{color:#88a}.cert-expanded-item span{color:#fff}.cert-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.cert-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.cert-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.cert-form-container{background:#2d2d44;border-color:#3d3d5c}.cert-form-header{border-color:#3d3d5c}.cert-form-header-left h3{color:#fff}.cert-form-id{color:#88a;background:#3d3d5c}.cert-form-section{background:#3d3d5c}.cert-form-section h4{color:#fff;border-color:#4d4d6c}.cert-form-group label{color:#fff}.cert-form-group input,.cert-form-group select,.cert-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.cert-form-group input:focus,.cert-form-group select:focus,.cert-form-group textarea:focus{border-color:#ce93d8}.cert-form-actions{border-color:#3d3d5c}.cert-btn-back,.cert-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.cert-btn-back:hover,.cert-btn-cancel:hover{background:#4d4d6c}.cert-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.cert-btn-secondary:hover{background:#4d4d6c}.cert-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.cert-form-error pre{color:#f5c6cb}.cert-modal{background:#2d2d44}.cert-modal-header{border-color:#3d3d5c}.cert-modal-header h3{color:#fff}.cert-modal-subtitle,.cert-modal-close{color:#88a}.cert-modal-close:hover{background-color:#3d3d5c}.cert-modal-footer{border-color:#3d3d5c}.cert-pagination-info,.cert-pagination-items-per-page{color:#88a}.cert-pagination-items-per-page select,.cert-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.cert-pagination-btn:hover:not(:disabled){background:#4d4d6c}.cert-pagination-current{color:#fff}.cert-icon-btn{color:#88a}.cert-icon-btn:hover{background-color:#3d3d5c}.cert-icon-btn-preview{color:#64b5f6}.cert-icon-btn-preview:hover{background-color:#1a3a5c}.cert-icon-btn-download{color:#81c784}.cert-icon-btn-download:hover{background-color:#1a5c1a}.cert-icon-btn-verify{color:#ffa726}.cert-icon-btn-verify:hover{background-color:#5c3d1a}.cert-icon-btn-edit{color:#64b5f6}.cert-icon-btn-edit:hover{background-color:#1a3a5c}.cert-icon-btn-revoke{color:#ef5350}.cert-icon-btn-revoke:hover{background-color:#5c1a1a}.cert-icon-btn-delete{color:#ef5350}.cert-icon-btn-delete:hover{background-color:#5c1a1a}.cert-empty-icon{color:#3d3d5c}.cert-empty-state p{color:#fff}.cert-empty-state span{color:#88a}.cert-btn-primary{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%)}.cert-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7b1fa2 0%,#6a1b9a 100%)}.cert-btn-apply{background:#9c27b0}.cert-btn-apply:hover{background:#7b1fa2}.cert-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.cert-btn-clear:hover{background:#4d4d6c}.cert-btn-download{background:#1976d2}.cert-btn-download:hover{background:#1565c0}}.lrn-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.lrn-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.lrn-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.lrn-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.lrn-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lrn-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f57c00 0%,#e65100 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.lrn-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f57c004d}.lrn-btn-primary:disabled{opacity:.6;cursor:not-allowed}.lrn-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.lrn-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.lrn-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.lrn-btn-cancel:hover{background-color:#e8e8e8}.lrn-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.lrn-btn-back:hover{background-color:#f8f9fa}.lrn-btn-apply{color:#fff;cursor:pointer;background-color:#f57c00;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.lrn-btn-apply:hover{background-color:#e65100}.lrn-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.lrn-btn-clear:hover{background-color:#e8e8e8}.lrn-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.lrn-btn-retry:hover{background-color:#1565c0}@media (width<=480px){.lrn-btn-label{display:none}.lrn-btn-primary,.lrn-btn-secondary{padding:6px 10px}}.lrn-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.lrn-stat-card{text-align:center;padding:4px}.lrn-stat-number{color:#f57c00;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.lrn-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.lrn-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.lrn-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.lrn-search-input-wrapper:focus-within{border-color:#f57c00}.lrn-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.lrn-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.lrn-search-input::placeholder{color:#999}.lrn-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.lrn-clear-search:hover{color:#1a1a2e}.lrn-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.lrn-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.lrn-filter-toggle:hover{background-color:#e8e8e8}.lrn-filter-toggle.active{color:#f57c00;background-color:#fff3e0;border-color:#f57c00}.lrn-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.lrn-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.lrn-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.lrn-filter-group{flex-direction:column;gap:4px;display:flex}.lrn-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.lrn-filter-group select,.lrn-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.lrn-filter-group select:focus,.lrn-filter-group input:focus{border-color:#f57c00;outline:none}.lrn-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.lrn-filter-actions button{padding:6px 16px}.lrn-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s lrn-slide-down}@keyframes lrn-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lrn-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.lrn-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lrn-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.lrn-form-header-right{align-items:center;gap:10px;display:flex}.lrn-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.lrn-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.lrn-form-error strong{margin-bottom:4px;font-weight:600;display:block}.lrn-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.lrn-form{max-width:100%}.lrn-form-grid{flex-direction:column;gap:16px;display:flex}.lrn-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.lrn-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.lrn-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.lrn-form-section-grid{grid-template-columns:1fr}}.lrn-form-group{flex-direction:column;gap:4px;display:flex}.lrn-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.lrn-form-group input,.lrn-form-group select,.lrn-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.lrn-form-group input:focus,.lrn-form-group select:focus,.lrn-form-group textarea:focus{border-color:#f57c00;outline:none;box-shadow:0 0 0 3px #f57c001a}.lrn-form-group input.lrn-error,.lrn-form-group select.lrn-error,.lrn-form-group textarea.lrn-error{border-color:#dc3545}.lrn-form-group.has-error label{color:#dc3545}.lrn-form-group.has-error input,.lrn-form-group.has-error select,.lrn-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.lrn-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.lrn-required{color:#dc3545}.lrn-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.lrn-form-actions{flex-direction:column}.lrn-form-actions button{justify-content:center;width:100%}}.lrn-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.lrn-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.lrn-table-wrapper::-webkit-scrollbar{height:8px}.lrn-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.lrn-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.lrn-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.lrn-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1100px;font-size:clamp(13px,1.1vw,14px)}.lrn-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.lrn-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.lrn-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.lrn-data-table tbody tr:hover{background-color:#f8f9fa}.lrn-data-table tbody tr:last-child{border-bottom:none}.lrn-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.lrn-table-row-inactive{opacity:.6}.lrn-table-row-inactive:hover{opacity:.8}.lrn-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.lrn-col-gender{min-width:80px}.lrn-col-age{min-width:60px}.lrn-col-school{min-width:150px}.lrn-col-class,.lrn-col-achievements{min-width:100px}.lrn-col-badges{min-width:80px}.lrn-col-status{min-width:90px}.lrn-col-actions{text-align:center!important;min-width:200px!important}.lrn-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.lrn-table-learner-info{align-items:center;gap:10px;display:flex}.lrn-table-avatar{background:linear-gradient(135deg,#f57c00 0%,#e65100 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.lrn-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.lrn-table-learner-details{flex-direction:column;display:flex}.lrn-table-learner-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.lrn-table-learner-id{color:#666;font-size:clamp(11px,.9vw,12px)}.lrn-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.lrn-gender-badge{color:#666;background:#f5f5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.lrn-age-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600;display:inline-block}.lrn-class-badge{color:#9c27b0;background:#f3e5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.lrn-achievement-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(11px,.9vw,12px);font-weight:500;display:inline-flex}.lrn-achievement-icon{font-size:14px}.lrn-badge-count{color:#ed6c02;background:#fff3e0;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(11px,.9vw,12px);font-weight:500;display:inline-flex}.lrn-star-icon{color:#f5a623;font-size:14px}.lrn-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.lrn-status-active{color:#2e7d32;background:#e8f5e9}.lrn-status-inactive{color:#666;background:#f5f5f5}.lrn-table-empty{color:#bbb;font-size:clamp(11px,.9vw,12px)}.lrn-table-school{align-items:center;gap:4px;display:flex}.lrn-table-school span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:clamp(11px,.9vw,12px);overflow:hidden}.lrn-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.lrn-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.lrn-icon-btn:hover{background-color:#f0f0f0}.lrn-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.lrn-icon-btn-edit{color:#1976d2}.lrn-icon-btn-edit:hover{background-color:#e3f2fd}.lrn-icon-btn-delete{color:#dc3545}.lrn-icon-btn-delete:hover{background-color:#fde8e8}.lrn-icon-btn-activate{color:#2e7d32}.lrn-icon-btn-activate:hover{background-color:#e8f5e9}.lrn-icon-btn-deactivate{color:#ed6c02}.lrn-icon-btn-deactivate:hover{background-color:#fff3e0}.lrn-icon-btn-achievement{color:#f5a623}.lrn-icon-btn-achievement:hover{background-color:#fff8e1}.lrn-icon-btn-expand{color:#666;display:none}.lrn-icon-btn-expand .lrn-expanded{transform:rotate(180deg)}.lrn-table-expanded-row{background-color:#f8f9fa!important}.lrn-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.lrn-table-expanded-content{padding:4px 0}.lrn-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lrn-expanded-item{flex-direction:column;gap:2px;display:flex}.lrn-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.lrn-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.lrn-expanded-item .lrn-status-badge{width:fit-content;display:inline-block}@media (width<=768px){.lrn-icon-btn-expand{display:inline-flex}.lrn-data-table{min-width:900px;font-size:12px}.lrn-data-table thead th,.lrn-data-table tbody td{padding:8px 10px}.lrn-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.lrn-col-actions{min-width:160px!important}.lrn-table-avatar{width:28px;height:28px}.lrn-table-avatar svg{font-size:14px}.lrn-table-school span{max-width:80px}}@media (width<=480px){.lrn-page{padding:10px 12px}.lrn-data-table{min-width:750px;font-size:11px}.lrn-data-table thead th,.lrn-data-table tbody td{padding:6px 8px}.lrn-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.lrn-col-actions{min-width:130px!important}.lrn-table-sn{font-size:10px}.lrn-table-learner-name{font-size:11px}.lrn-table-learner-id{font-size:10px}.lrn-table-avatar{border-radius:6px;width:24px;height:24px}.lrn-table-avatar svg{font-size:12px}.lrn-gender-badge,.lrn-age-badge,.lrn-class-badge,.lrn-achievement-badge,.lrn-badge-count,.lrn-status-badge{padding:2px 8px;font-size:8px}.lrn-achievement-icon,.lrn-star-icon{font-size:10px}.lrn-icon-btn svg{font-size:14px}.lrn-icon-btn{padding:2px 4px}.lrn-col-gender{min-width:60px}.lrn-col-age{min-width:50px}.lrn-col-school{min-width:100px}.lrn-col-class,.lrn-col-achievements{min-width:70px}.lrn-col-badges,.lrn-col-status{min-width:60px}.lrn-table-school span{max-width:60px}.lrn-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.lrn-expanded-item label{font-size:9px}.lrn-expanded-item span{font-size:12px}}@media (width<=360px){.lrn-data-table{min-width:650px;font-size:10px}.lrn-data-table thead th,.lrn-data-table tbody td{padding:4px 6px}.lrn-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.lrn-col-actions{min-width:110px!important}.lrn-table-avatar{width:20px;height:20px}.lrn-table-avatar svg{font-size:10px}.lrn-icon-btn svg{font-size:12px}.lrn-expanded-info{grid-template-columns:1fr}}.lrn-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.lrn-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.lrn-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lrn-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.lrn-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.lrn-pagination-buttons{align-items:center;gap:6px;display:flex}.lrn-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.lrn-pagination-btn:hover:not(:disabled){background:#e8e8e8}.lrn-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.lrn-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.lrn-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s lrn-fade-in;display:flex;position:fixed;inset:0}.lrn-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;animation:.3s lrn-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.lrn-modal-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.lrn-modal-header h3{color:#1a1a2e;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600}.lrn-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.lrn-modal-close:hover{background-color:#f0f0f0}.lrn-modal-body{padding:16px 20px}.lrn-modal-section{margin-bottom:16px}.lrn-modal-section h4{color:#1a1a2e;margin:0 0 8px;font-size:clamp(13px,1.1vw,14px);font-weight:600}.lrn-modal-divider{background:#e0e0e0;height:1px;margin:16px 0}.lrn-modal-input-group{gap:8px;display:flex}.lrn-modal-input{border:1px solid #e0e0e0;border-radius:6px;flex:1;padding:8px 12px;font-size:clamp(13px,1.1vw,14px);transition:border-color .2s}.lrn-modal-input:focus{border-color:#f57c00;outline:none}.lrn-modal-btn{white-space:nowrap;padding:8px 16px;font-size:clamp(12px,1vw,13px)}.lrn-modal-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.lrn-modal-tag{border-radius:16px;padding:4px 12px;font-size:clamp(11px,.9vw,12px);font-weight:500}.lrn-tag-achievement{color:#2e7d32;background:#e8f5e9}.lrn-tag-badge{color:#ed6c02;background:#fff3e0}.lrn-modal-footer{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.lrn-modal{max-width:100%;margin:10px}.lrn-modal-input-group,.lrn-modal-footer{flex-direction:column}.lrn-modal-footer button{justify-content:center;width:100%}}.lrn-page-loading{text-align:center;color:#666;padding:40px 16px}.lrn-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#f57c00;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite lrn-spin}@keyframes lrn-spin{to{transform:rotate(360deg)}}.lrn-empty-state{text-align:center;color:#666;padding:40px 16px}.lrn-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.lrn-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.lrn-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.lrn-empty-state .lrn-btn-primary{margin:12px auto 0}.lrn-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.lrn-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lrn-error-content strong{font-weight:600}@keyframes lrn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lrn-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.lrn-page{background:#1a1a2e}.lrn-page-header{border-color:#2d2d44}.lrn-page-header-left h2{color:#fff}.lrn-page-subtitle{color:#88a}.lrn-stats-summary{background:#2d2d44;border-color:#3d3d5c}.lrn-stat-number{color:#ffa726}.lrn-stat-label{color:#88a}.lrn-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.lrn-search-input{color:#fff}.lrn-search-input::placeholder,.lrn-search-icon{color:#88a}.lrn-stats-badge{color:#88a;background:#2d2d44}.lrn-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.lrn-filter-toggle.active{color:#ffa726;background:#3d2d1a;border-color:#ffa726}.lrn-filter-panel{background:#2d2d44;border-color:#3d3d5c}.lrn-filter-group label{color:#fff}.lrn-filter-group select,.lrn-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.lrn-table-container{background:#2d2d44;border-color:#3d3d5c}.lrn-data-table{background:#2d2d44}.lrn-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.lrn-data-table thead th{color:#fff;background:#3d3d5c}.lrn-data-table tbody tr{border-color:#3d3d5c}.lrn-data-table tbody tr:hover{background-color:#3d3d5c}.lrn-data-table tbody td{color:#d0d0e0}.lrn-table-learner-name{color:#fff}.lrn-table-learner-id,.lrn-table-icon{color:#88a}.lrn-table-empty{color:#4d4d6c}.lrn-gender-badge{color:#88a;background:#3d3d5c}.lrn-age-badge{color:#64b5f6;background:#1a3a5c}.lrn-class-badge{color:#ce93d8;background:#3d1f5c}.lrn-achievement-badge{color:#81c784;background:#1a3d1a}.lrn-badge-count{color:#ffa726;background:#3d2d1a}.lrn-status-inactive{color:#88a;background:#3d3d5c}.lrn-table-expanded-row{background-color:#3d3d5c!important}.lrn-expanded-item label{color:#88a}.lrn-expanded-item span{color:#fff}.lrn-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.lrn-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.lrn-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.lrn-form-container{background:#2d2d44;border-color:#3d3d5c}.lrn-form-header{border-color:#3d3d5c}.lrn-form-header-left h3{color:#fff}.lrn-form-id{color:#88a;background:#3d3d5c}.lrn-form-section{background:#3d3d5c}.lrn-form-section h4{color:#fff;border-color:#4d4d6c}.lrn-form-group label{color:#fff}.lrn-form-group input,.lrn-form-group select,.lrn-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.lrn-form-group input:focus,.lrn-form-group select:focus,.lrn-form-group textarea:focus{border-color:#ffa726}.lrn-form-actions{border-color:#3d3d5c}.lrn-btn-back,.lrn-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.lrn-btn-back:hover,.lrn-btn-cancel:hover{background:#4d4d6c}.lrn-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.lrn-btn-secondary:hover{background:#4d4d6c}.lrn-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.lrn-form-error pre{color:#f5c6cb}.lrn-modal{background:#2d2d44}.lrn-modal-header{border-color:#3d3d5c}.lrn-modal-header h3{color:#fff}.lrn-modal-close{color:#88a}.lrn-modal-close:hover{background-color:#3d3d5c}.lrn-modal-section h4{color:#fff}.lrn-modal-input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.lrn-modal-input:focus{border-color:#ffa726}.lrn-modal-footer{border-color:#3d3d5c}.lrn-tag-achievement{color:#81c784;background:#1a3d1a}.lrn-tag-badge{color:#ffa726;background:#3d2d1a}.lrn-pagination-info,.lrn-pagination-items-per-page{color:#88a}.lrn-pagination-items-per-page select,.lrn-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.lrn-pagination-btn:hover:not(:disabled){background:#4d4d6c}.lrn-pagination-current{color:#fff}.lrn-icon-btn{color:#88a}.lrn-icon-btn:hover{background-color:#3d3d5c}.lrn-icon-btn-edit{color:#64b5f6}.lrn-icon-btn-edit:hover{background-color:#1a3a5c}.lrn-icon-btn-delete{color:#ef5350}.lrn-icon-btn-delete:hover{background-color:#5c1a1a}.lrn-icon-btn-activate{color:#66bb6a}.lrn-icon-btn-activate:hover{background-color:#1a5c1a}.lrn-icon-btn-deactivate{color:#ffa726}.lrn-icon-btn-deactivate:hover{background-color:#5c3d1a}.lrn-icon-btn-achievement{color:#ffa726}.lrn-icon-btn-achievement:hover{background-color:#3d2d1a}.lrn-empty-icon{color:#3d3d5c}.lrn-empty-state p{color:#fff}.lrn-empty-state span{color:#88a}.lrn-btn-primary{background:linear-gradient(135deg,#f57c00 0%,#e65100 100%)}.lrn-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e65100 0%,#bf360c 100%)}.lrn-btn-apply{background:#f57c00}.lrn-btn-apply:hover{background:#e65100}.lrn-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.lrn-btn-clear:hover{background:#4d4d6c}.lrn-star-icon{color:#ffa726}}.lrn-icon-btn-view{color:#1976d2}.lrn-icon-btn-view:hover{background-color:#e3f2fd}.lrn-modal-header-icon{color:#f57c00;font-size:clamp(22px,2.5vw,28px)}.lrn-modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lrn-modal-info-item{flex-direction:column;gap:2px;display:flex}.lrn-modal-info-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.lrn-modal-info-item span{color:#1a1a2e;word-break:break-word;align-items:center;gap:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;display:flex}.lrn-modal-info-item .lrn-status-badge{width:fit-content;display:inline-block}.lrn-modal-icon{color:#666;font-size:clamp(14px,1.2vw,16px)}.lrn-modal-empty-text{color:#999;font-size:clamp(12px,1vw,13px);font-style:italic}.lrn-modal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.lrn-modal-stat-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.lrn-modal-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.lrn-modal-stat-icon{color:#f57c00;margin-bottom:4px;font-size:clamp(24px,2.5vw,30px)}.lrn-modal-stat-number{color:#1a1a2e;font-size:clamp(20px,2.5vw,26px);font-weight:700;display:block}.lrn-modal-stat-label{color:#666;font-size:clamp(10px,.9vw,12px);font-weight:500;display:block}@media (prefers-color-scheme:dark){.lrn-modal-content{background:#2d2d44}.lrn-modal-info-item label{color:#88a}.lrn-modal-info-item span{color:#fff}.lrn-modal-icon{color:#88a}.lrn-modal-empty-text{color:#668}.lrn-modal-stat-card{background:#3d3d5c;border-color:#4d4d6c}.lrn-modal-stat-number{color:#fff}.lrn-modal-stat-label{color:#88a}}@media (width<=768px){.lrn-modal-info-grid{grid-template-columns:1fr 1fr;gap:8px}.lrn-modal-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (width<=480px){.lrn-modal-info-grid{grid-template-columns:1fr}.lrn-modal-stats-grid{grid-template-columns:repeat(2,1fr)}.lrn-modal-content{border-radius:8px;max-height:98vh}}.lrn-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s lrn-slide-up;display:flex;box-shadow:0 20px 60px #0000004d}.lrn-modal-header{border-bottom:2px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.lrn-modal-body{flex:1;padding:24px;overflow-y:auto}.lrn-modal-footer{border-top:2px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;padding:12px 24px;display:flex}.lrn-modal-body::-webkit-scrollbar{width:6px}.lrn-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.lrn-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.lrn-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (prefers-color-scheme:dark){.lrn-modal-body::-webkit-scrollbar-track{background:#3d3d5c}.lrn-modal-body::-webkit-scrollbar-thumb{background:#5d5d7c}.lrn-modal-body::-webkit-scrollbar-thumb:hover{background:#7d7d9c}}.mon-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.mon-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.mon-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.mon-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.mon-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mon-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.mon-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.mon-btn-primary:disabled{opacity:.6;cursor:not-allowed}.mon-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.mon-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.mon-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.mon-btn-cancel:hover{background-color:#e8e8e8}.mon-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.mon-btn-back:hover{background-color:#f8f9fa}.mon-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.mon-btn-retry:hover{background-color:#1565c0}@media (width<=480px){.mon-btn-label{display:none}.mon-btn-primary,.mon-btn-secondary{padding:6px 10px}}.mon-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.mon-stat-card{text-align:center;padding:4px}.mon-stat-number{color:#1976d2;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.mon-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.mon-tabs{border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mon-tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:clamp(13px,1.1vw,15px);font-weight:500;transition:all .3s;display:inline-flex}.mon-tab:hover{color:#1a1a2e;background-color:#f8f9fa}.mon-tab-active{color:#1976d2;border-bottom-color:#1976d2}.mon-tab svg{font-size:20px}.mon-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.mon-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.mon-search-input-wrapper:focus-within{border-color:#1976d2}.mon-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.mon-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.mon-search-input::placeholder{color:#999}.mon-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.mon-clear-search:hover{color:#1a1a2e}.mon-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s mon-slide-down}@keyframes mon-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mon-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.mon-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mon-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.mon-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.mon-form-error strong{margin-bottom:4px;font-weight:600;display:block}.mon-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.mon-form{max-width:100%}.mon-form-grid{flex-direction:column;gap:16px;display:flex}.mon-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.mon-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.mon-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mon-full-width{grid-column:1/-1}@media (width<=600px){.mon-form-section-grid{grid-template-columns:1fr}}.mon-form-group{flex-direction:column;gap:4px;display:flex}.mon-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.mon-form-group input,.mon-form-group select,.mon-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.mon-form-group input:focus,.mon-form-group select:focus,.mon-form-group textarea:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a}.mon-form-group input.mon-error,.mon-form-group select.mon-error,.mon-form-group textarea.mon-error{border-color:#dc3545}.mon-form-group.has-error label{color:#dc3545}.mon-form-group.has-error input,.mon-form-group.has-error select,.mon-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.mon-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.mon-required{color:#dc3545}.mon-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.mon-form-actions{flex-direction:column}.mon-form-actions button{justify-content:center;width:100%}}.mon-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.mon-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.mon-table-wrapper::-webkit-scrollbar{height:8px}.mon-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.mon-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.mon-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.mon-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.mon-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.mon-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.mon-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.mon-data-table tbody tr:hover{background-color:#f8f9fa}.mon-data-table tbody tr:last-child{border-bottom:none}.mon-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.mon-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.mon-col-visitor{min-width:130px}.mon-col-date,.mon-col-purpose,.mon-col-status{min-width:120px}.mon-col-actions{text-align:center!important;min-width:240px!important}.mon-col-mentee,.mon-col-program{min-width:130px}.mon-col-start,.mon-col-end,.mon-col-mstatus{min-width:110px}.mon-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.mon-table-visit-info{align-items:center;gap:10px;display:flex}.mon-table-avatar{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.mon-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.mon-table-avatar.mon-avatar-mentor{background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%)}.mon-table-visit-details{flex-direction:column;display:flex}.mon-table-visit-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.mon-table-visit-program{color:#666;align-items:center;gap:4px;font-size:clamp(11px,.9vw,12px);display:flex}.mon-table-mentor-info{align-items:center;gap:10px;display:flex}.mon-table-mentor-details{flex-direction:column;display:flex}.mon-table-mentor-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.mon-table-mentor-role{color:#666;font-size:clamp(10px,.8vw,11px)}.mon-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.mon-table-visitor,.mon-table-mentee{align-items:center;gap:4px;display:flex}.mon-table-visitor span,.mon-table-mentee span{font-size:clamp(11px,.9vw,12px)}.mon-date-badge{color:#666;background:#f5f5f5;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.mon-date-badge .mon-table-icon{font-size:14px}.mon-purpose-text{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:clamp(11px,.9vw,12px);display:block;overflow:hidden}.mon-status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.mon-status-badge svg{font-size:16px}.mon-status-badge.mon-status-completed{color:#2e7d32;background:#e8f5e9}.mon-status-badge.mon-status-pending{color:#ed6c02;background:#fff3e0}.mon-status-badge.mon-status-overdue{color:#dc3545;background:#fde8e8}.mon-program-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.mon-mstatus-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.mon-mstatus-badge.mon-status-active{color:#2e7d32;background:#e8f5e9}.mon-mstatus-badge.mon-status-completed{color:#1976d2;background:#e3f2fd}.mon-mstatus-badge.mon-status-paused{color:#ed6c02;background:#fff3e0}.mon-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.mon-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.mon-icon-btn:hover{background-color:#f0f0f0}.mon-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.mon-icon-btn-view{color:#1976d2}.mon-icon-btn-view:hover{background-color:#e3f2fd}.mon-icon-btn-edit{color:#f57c00}.mon-icon-btn-edit:hover{background-color:#fff3e0}.mon-icon-btn-delete{color:#dc3545}.mon-icon-btn-delete:hover{background-color:#fde8e8}.mon-icon-btn-complete{color:#2e7d32}.mon-icon-btn-complete:hover{background-color:#e8f5e9}.mon-icon-btn-overdue{color:#dc3545}.mon-icon-btn-overdue:hover{background-color:#fde8e8}.mon-icon-btn-pause{color:#ed6c02}.mon-icon-btn-pause:hover{background-color:#fff3e0}.mon-icon-btn-resume{color:#1976d2}.mon-icon-btn-resume:hover{background-color:#e3f2fd}.mon-icon-btn-expand{color:#666;display:none}.mon-icon-btn-expand .mon-expanded{transform:rotate(180deg)}.mon-table-expanded-row{background-color:#f8f9fa!important}.mon-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.mon-table-expanded-content{padding:4px 0}.mon-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mon-expanded-item{flex-direction:column;gap:2px;display:flex}.mon-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.mon-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.mon-expanded-item .mon-status-badge,.mon-expanded-item .mon-mstatus-badge{width:fit-content;display:inline-block}@media (width<=768px){.mon-icon-btn-expand{display:inline-flex}.mon-data-table{min-width:850px;font-size:12px}.mon-data-table thead th,.mon-data-table tbody td{padding:8px 10px}.mon-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.mon-col-actions{min-width:200px!important}.mon-table-avatar{width:28px;height:28px}.mon-table-avatar svg{font-size:14px}.mon-tabs{flex-wrap:wrap}.mon-tab{flex:1;justify-content:center;padding:8px 14px;font-size:13px}}@media (width<=480px){.mon-page{padding:10px 12px}.mon-data-table{min-width:700px;font-size:11px}.mon-data-table thead th,.mon-data-table tbody td{padding:6px 8px}.mon-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.mon-col-actions{min-width:160px!important}.mon-table-sn{font-size:10px}.mon-table-visit-name,.mon-table-mentor-name{font-size:11px}.mon-table-visit-program,.mon-table-mentor-role{font-size:10px}.mon-table-avatar{border-radius:6px;width:24px;height:24px}.mon-table-avatar svg{font-size:12px}.mon-date-badge,.mon-status-badge,.mon-program-badge,.mon-mstatus-badge{padding:2px 8px;font-size:8px}.mon-status-badge svg{font-size:12px}.mon-icon-btn svg{font-size:14px}.mon-icon-btn{padding:2px 4px}.mon-col-visitor{min-width:90px}.mon-col-date,.mon-col-purpose,.mon-col-status{min-width:80px}.mon-col-mentee,.mon-col-program{min-width:90px}.mon-col-start,.mon-col-end,.mon-col-mstatus{min-width:80px}.mon-purpose-text{max-width:70px}.mon-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.mon-expanded-item label{font-size:9px}.mon-expanded-item span{font-size:12px}.mon-tabs{border-bottom:none;flex-direction:column;gap:4px}.mon-tab{border-bottom:2px solid #0000;justify-content:center}.mon-tab-active{background-color:#e3f2fd;border-bottom-color:#1976d2}}@media (width<=360px){.mon-data-table{min-width:600px;font-size:10px}.mon-data-table thead th,.mon-data-table tbody td{padding:4px 6px}.mon-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.mon-col-actions{min-width:140px!important}.mon-table-avatar{width:20px;height:20px}.mon-table-avatar svg{font-size:10px}.mon-icon-btn svg{font-size:12px}.mon-expanded-info{grid-template-columns:1fr}}.mon-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.mon-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.mon-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mon-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.mon-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.mon-pagination-buttons{align-items:center;gap:6px;display:flex}.mon-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.mon-pagination-btn:hover:not(:disabled){background:#e8e8e8}.mon-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.mon-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.mon-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s mon-fade-in;display:flex;position:fixed;inset:0}.mon-modal{background:#fff;border-radius:12px;width:100%;max-width:95%;max-height:90vh;animation:.3s mon-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@media (width>=600px){.mon-modal{max-width:600px}}.mon-modal-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.mon-modal-header h3{color:#1a1a2e;flex-direction:column;gap:4px;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600;display:flex}.mon-modal-subtitle{color:#666;font-size:clamp(13px,1.1vw,14px);font-weight:400}.mon-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.mon-modal-close:hover{background-color:#f0f0f0}.mon-modal-body{padding:16px 20px}.mon-view-row{border-bottom:1px solid #f5f5f5;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;display:grid}.mon-view-row:last-child{border-bottom:none}.mon-view-label{color:#666;font-size:clamp(12px,1vw,13px);font-weight:600}.mon-view-value{color:#1a1a2e;flex-wrap:wrap;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,14px);display:flex}.mon-view-status{border-radius:12px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-block}.mon-modal-footer{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.mon-modal{max-width:100%;margin:10px}.mon-modal-footer{flex-direction:column}.mon-modal-footer button{justify-content:center;width:100%}.mon-view-row{grid-template-columns:1fr;gap:4px}}.mon-page-loading{text-align:center;color:#666;padding:40px 16px}.mon-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite mon-spin}@keyframes mon-spin{to{transform:rotate(360deg)}}.mon-empty-state{text-align:center;color:#666;padding:40px 16px}.mon-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.mon-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.mon-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.mon-empty-state .mon-btn-primary{margin:12px auto 0}.mon-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.mon-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mon-error-content strong{font-weight:600}@keyframes mon-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mon-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.mon-page{background:#1a1a2e}.mon-page-header{border-color:#2d2d44}.mon-page-header-left h2{color:#fff}.mon-page-subtitle{color:#88a}.mon-stats-summary{background:#2d2d44;border-color:#3d3d5c}.mon-stat-number{color:#64b5f6}.mon-stat-label{color:#88a}.mon-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.mon-search-input{color:#fff}.mon-search-input::placeholder,.mon-search-icon{color:#88a}.mon-table-container{background:#2d2d44;border-color:#3d3d5c}.mon-data-table{background:#2d2d44}.mon-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.mon-data-table thead th{color:#fff;background:#3d3d5c}.mon-data-table tbody tr{border-color:#3d3d5c}.mon-data-table tbody tr:hover{background-color:#3d3d5c}.mon-data-table tbody td{color:#d0d0e0}.mon-table-visit-name,.mon-table-mentor-name{color:#fff}.mon-table-visit-program,.mon-table-mentor-role,.mon-table-icon{color:#88a}.mon-date-badge{color:#88a;background:#3d3d5c}.mon-purpose-text{color:#d0d0e0}.mon-status-badge.mon-status-pending{color:#ffa726;background:#3d2d1a}.mon-status-badge.mon-status-overdue{color:#ef5350;background:#3d1f1f}.mon-status-badge.mon-status-completed{color:#81c784;background:#1a3d1a}.mon-mstatus-badge.mon-status-paused{color:#ffa726;background:#3d2d1a}.mon-mstatus-badge.mon-status-completed{color:#64b5f6;background:#1a3a5c}.mon-mstatus-badge.mon-status-active{color:#81c784;background:#1a3d1a}.mon-program-badge{color:#64b5f6;background:#1a3a5c}.mon-table-expanded-row{background-color:#3d3d5c!important}.mon-expanded-item label{color:#88a}.mon-expanded-item span{color:#fff}.mon-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.mon-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.mon-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.mon-form-container{background:#2d2d44;border-color:#3d3d5c}.mon-form-header{border-color:#3d3d5c}.mon-form-header-left h3{color:#fff}.mon-form-section{background:#3d3d5c}.mon-form-section h4{color:#fff;border-color:#4d4d6c}.mon-form-group label{color:#fff}.mon-form-group input,.mon-form-group select,.mon-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.mon-form-group input:focus,.mon-form-group select:focus,.mon-form-group textarea:focus{border-color:#64b5f6}.mon-form-actions{border-color:#3d3d5c}.mon-btn-back,.mon-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.mon-btn-back:hover,.mon-btn-cancel:hover{background:#4d4d6c}.mon-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.mon-btn-secondary:hover{background:#4d4d6c}.mon-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.mon-form-error pre{color:#f5c6cb}.mon-modal{background:#2d2d44}.mon-modal-header{border-color:#3d3d5c}.mon-modal-header h3{color:#fff}.mon-modal-subtitle,.mon-modal-close{color:#88a}.mon-modal-close:hover{background-color:#3d3d5c}.mon-modal-footer,.mon-view-row{border-color:#3d3d5c}.mon-view-label{color:#88a}.mon-view-value{color:#fff}.mon-pagination-info,.mon-pagination-items-per-page{color:#88a}.mon-pagination-items-per-page select,.mon-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.mon-pagination-btn:hover:not(:disabled){background:#4d4d6c}.mon-pagination-current{color:#fff}.mon-icon-btn{color:#88a}.mon-icon-btn:hover{background-color:#3d3d5c}.mon-icon-btn-view{color:#64b5f6}.mon-icon-btn-view:hover{background-color:#1a3a5c}.mon-icon-btn-edit{color:#ffa726}.mon-icon-btn-edit:hover{background-color:#5c3d1a}.mon-icon-btn-delete{color:#ef5350}.mon-icon-btn-delete:hover{background-color:#5c1a1a}.mon-icon-btn-complete{color:#66bb6a}.mon-icon-btn-complete:hover{background-color:#1a5c1a}.mon-icon-btn-overdue{color:#ef5350}.mon-icon-btn-overdue:hover{background-color:#5c1a1a}.mon-icon-btn-pause{color:#ffa726}.mon-icon-btn-pause:hover{background-color:#5c3d1a}.mon-icon-btn-resume{color:#64b5f6}.mon-icon-btn-resume:hover{background-color:#1a3a5c}.mon-empty-icon{color:#3d3d5c}.mon-empty-state p{color:#fff}.mon-empty-state span{color:#88a}.mon-btn-primary{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.mon-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%)}}.orgs-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.orgs-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.orgs-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.orgs-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.orgs-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.orgs-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.orgs-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.orgs-btn-primary:disabled{opacity:.6;cursor:not-allowed}.orgs-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.orgs-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.orgs-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.orgs-btn-cancel:hover{background-color:#e8e8e8}.orgs-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.orgs-btn-back:hover{background-color:#f8f9fa}.orgs-btn-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:24px;transition:background-color .2s}.orgs-btn-close:hover{background-color:#f0f0f0}.orgs-btn-apply{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.orgs-btn-apply:hover{background-color:#5a67d8}.orgs-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.orgs-btn-clear:hover{background-color:#e8e8e8}.orgs-btn-retry{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.orgs-btn-retry:hover{background-color:#5a67d8}@media (width<=480px){.orgs-btn-label{display:none}.orgs-btn-primary,.orgs-btn-secondary{padding:6px 10px}}.orgs-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.orgs-stat-card{text-align:center;padding:4px}.orgs-stat-number{color:#667eea;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.orgs-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.orgs-hierarchy-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px;animation:.3s orgs-slide-down}@keyframes orgs-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.orgs-hierarchy-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.orgs-hierarchy-header h3{color:#1a1a2e;margin:0;font-size:18px;font-weight:600}.orgs-hierarchy-tree{padding:8px 0}.orgs-hierarchy-item{padding:4px 0}.orgs-hierarchy-node{border-radius:6px;align-items:center;gap:12px;padding:8px 12px;transition:background-color .2s;display:flex}.orgs-hierarchy-node:hover{background-color:#f5f5f5}.orgs-hierarchy-icon{font-size:18px}.orgs-hierarchy-name{color:#1a1a2e;flex:1;font-weight:500}.orgs-hierarchy-type,.orgs-hierarchy-status{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.orgs-hierarchy-children{padding-left:8px}.orgs-hierarchy-empty{text-align:center;color:#666;padding:20px}.orgs-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.orgs-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.orgs-search-input-wrapper:focus-within{border-color:#667eea}.orgs-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.orgs-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.orgs-search-input::placeholder{color:#999}.orgs-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.orgs-clear-search:hover{color:#1a1a2e}.orgs-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.orgs-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.orgs-filter-toggle:hover{background-color:#e8e8e8}.orgs-filter-toggle.active{color:#667eea;background-color:#e8eeff;border-color:#667eea}.orgs-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.orgs-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.orgs-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.orgs-filter-group{flex-direction:column;gap:4px;display:flex}.orgs-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.orgs-filter-group select,.orgs-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.orgs-filter-group select:focus,.orgs-filter-group input:focus{border-color:#667eea;outline:none}.orgs-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.orgs-filter-actions button{padding:6px 16px}.orgs-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px)}.orgs-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.orgs-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.orgs-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.orgs-form-header-right{align-items:center;gap:10px;display:flex}.orgs-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.orgs-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.orgs-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.orgs-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.orgs-full-width{grid-column:1/-1}@media (width<=600px){.orgs-form-grid{grid-template-columns:1fr}}.orgs-form-group{flex-direction:column;gap:4px;display:flex}.orgs-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.orgs-form-group input,.orgs-form-group select,.orgs-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.orgs-form-group input:focus,.orgs-form-group select:focus,.orgs-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.orgs-form-group input.orgs-error,.orgs-form-group select.orgs-error,.orgs-form-group textarea.orgs-error{border-color:#dc3545}.orgs-form-group.has-error label{color:#dc3545}.orgs-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.orgs-required{color:#dc3545}.orgs-checkbox-group{flex-direction:row;align-items:center}.orgs-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.orgs-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.orgs-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.orgs-form-actions{flex-direction:column}.orgs-form-actions button{justify-content:center;width:100%}}.orgs-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.orgs-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.orgs-table-wrapper::-webkit-scrollbar{height:8px}.orgs-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.orgs-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.orgs-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.orgs-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.orgs-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.orgs-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.orgs-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.orgs-data-table tbody tr:hover{background-color:#f8f9fa}.orgs-data-table tbody tr:last-child{border-bottom:none}.orgs-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.orgs-table-row-inactive{opacity:.6}.orgs-table-row-inactive:hover{opacity:.8}.orgs-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.orgs-col-code{min-width:100px}.orgs-col-type{min-width:120px}.orgs-col-country{min-width:100px}.orgs-col-status,.orgs-col-partner,.orgs-col-programs{min-width:90px}.orgs-col-actions{text-align:center!important;min-width:180px!important}.orgs-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.orgs-table-org-info{align-items:center;gap:10px;display:flex}.orgs-table-avatar{background:#667eea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.orgs-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.orgs-table-org-details{flex-direction:column;display:flex}.orgs-table-org-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.orgs-table-org-location{color:#666;align-items:center;gap:4px;font-size:clamp(11px,.9vw,12px);display:flex}.orgs-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.orgs-code-tag{color:#1a1a2e;background:#f0f0f0;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:clamp(11px,.9vw,12px);display:inline-block}.orgs-type-badge{white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.orgs-type-mitzkits{color:#667eea;background-color:#e8eeff}.orgs-type-partner{color:#2e7d32;background-color:#e8f5e9}.orgs-type-government{color:#9c27b0;background-color:#f3e5f5}.orgs-type-ngo{color:#ed6c02;background-color:#fff3e0}.orgs-type-sponsor{color:#c62828;background-color:#fce8e8}.orgs-type-school{color:#00897b;background-color:#e0f7fa}.orgs-type-default{color:#666;background-color:#f5f5f5}.orgs-status-badge{white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.orgs-status-active{color:#2e7d32;background-color:#e8f5e9}.orgs-status-inactive{color:#666;background-color:#f5f5f5}.orgs-partner-badge{color:#2e7d32;background-color:#e8f5e9;border-radius:4px;padding:3px 10px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.orgs-programs-badge{color:#667eea;background-color:#e8eeff;border-radius:4px;padding:3px 10px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.orgs-table-empty{color:#bbb;font-size:clamp(11px,.9vw,12px)}.orgs-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.orgs-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.orgs-icon-btn:hover{background-color:#f0f0f0}.orgs-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.orgs-icon-btn-edit{color:#ed6c02}.orgs-icon-btn-edit:hover{background-color:#fff3e0}.orgs-icon-btn-delete{color:#dc3545}.orgs-icon-btn-delete:hover{background-color:#fde8e8}.orgs-icon-btn-activate{color:#2e7d32}.orgs-icon-btn-activate:hover{background-color:#e8f5e9}.orgs-icon-btn-deactivate{color:#ed6c02}.orgs-icon-btn-deactivate:hover{background-color:#fff3e0}.orgs-icon-btn-expand{color:#666;display:none}.orgs-icon-btn-expand .orgs-expanded{transform:rotate(180deg)}.orgs-table-expanded-row{background-color:#f8f9fa!important}.orgs-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.orgs-table-expanded-content{padding:4px 0}.orgs-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.orgs-expanded-item{flex-direction:column;gap:2px;display:flex}.orgs-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.orgs-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.orgs-expanded-item .orgs-type-badge,.orgs-expanded-item .orgs-status-badge{width:fit-content;display:inline-block}@media (width<=768px){.orgs-icon-btn-expand{display:inline-flex}.orgs-data-table{min-width:800px;font-size:12px}.orgs-data-table thead th,.orgs-data-table tbody td{padding:8px 10px}.orgs-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.orgs-col-actions{min-width:140px!important}.orgs-table-avatar{width:28px;height:28px}.orgs-table-avatar svg{font-size:14px}}@media (width<=480px){.orgs-page{padding:10px 12px}.orgs-data-table{min-width:650px;font-size:11px}.orgs-data-table thead th,.orgs-data-table tbody td{padding:6px 8px}.orgs-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.orgs-col-actions{min-width:110px!important}.orgs-table-sn{font-size:10px}.orgs-table-org-name{font-size:11px}.orgs-table-org-location{font-size:10px}.orgs-table-avatar{border-radius:6px;width:24px;height:24px}.orgs-table-avatar svg{font-size:12px}.orgs-type-badge,.orgs-status-badge,.orgs-partner-badge,.orgs-programs-badge{padding:2px 8px;font-size:8px}.orgs-code-tag{padding:1px 6px;font-size:9px}.orgs-icon-btn svg{font-size:14px}.orgs-icon-btn{padding:2px 4px}.orgs-col-code{min-width:70px}.orgs-col-type{min-width:80px}.orgs-col-country{min-width:70px}.orgs-col-status,.orgs-col-partner,.orgs-col-programs{min-width:60px}.orgs-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.orgs-expanded-item label{font-size:9px}.orgs-expanded-item span{font-size:12px}}@media (width<=360px){.orgs-data-table{min-width:550px;font-size:10px}.orgs-data-table thead th,.orgs-data-table tbody td{padding:4px 6px}.orgs-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.orgs-col-actions{min-width:90px!important}.orgs-table-avatar{width:20px;height:20px}.orgs-table-avatar svg{font-size:10px}.orgs-icon-btn svg{font-size:12px}.orgs-expanded-info{grid-template-columns:1fr}}.orgs-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.orgs-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.orgs-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.orgs-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.orgs-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.orgs-pagination-buttons{align-items:center;gap:6px;display:flex}.orgs-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.orgs-pagination-btn:hover:not(:disabled){background:#e8e8e8}.orgs-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.orgs-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.orgs-page-loading{text-align:center;color:#666;padding:40px 16px}.orgs-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite orgs-spin}@keyframes orgs-spin{to{transform:rotate(360deg)}}.orgs-empty-state{text-align:center;color:#666;padding:40px 16px}.orgs-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.orgs-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.orgs-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.orgs-empty-state .orgs-btn-primary{margin:12px auto 0}.orgs-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.orgs-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.orgs-error-content strong{font-weight:600}@keyframes orgs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes orgs-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.orgs-page{background:#1a1a2e}.orgs-page-header{border-color:#2d2d44}.orgs-page-header-left h2{color:#fff}.orgs-page-subtitle{color:#88a}.orgs-stats-summary{background:#2d2d44;border-color:#3d3d5c}.orgs-stat-number{color:#89f}.orgs-stat-label{color:#88a}.orgs-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.orgs-search-input{color:#fff}.orgs-search-input::placeholder,.orgs-search-icon{color:#88a}.orgs-stats-badge{color:#88a;background:#2d2d44}.orgs-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.orgs-filter-toggle.active{color:#89f;background:#1a2a5c;border-color:#89f}.orgs-filter-panel{background:#2d2d44;border-color:#3d3d5c}.orgs-filter-group label{color:#fff}.orgs-filter-group select,.orgs-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.orgs-table-container{background:#2d2d44;border-color:#3d3d5c}.orgs-data-table{background:#2d2d44}.orgs-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.orgs-data-table thead th{color:#fff;background:#3d3d5c}.orgs-data-table tbody tr{border-color:#3d3d5c}.orgs-data-table tbody tr:hover{background-color:#3d3d5c}.orgs-data-table tbody td{color:#d0d0e0}.orgs-table-org-name{color:#fff}.orgs-table-org-location,.orgs-table-icon{color:#88a}.orgs-table-empty{color:#4d4d6c}.orgs-code-tag{color:#d0d0e0;background:#3d3d5c}.orgs-type-default,.orgs-status-inactive{color:#88a;background:#3d3d5c}.orgs-table-expanded-row{background-color:#3d3d5c!important}.orgs-expanded-item label{color:#88a}.orgs-expanded-item span{color:#fff}.orgs-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.orgs-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.orgs-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.orgs-hierarchy-container{background:#2d2d44;border-color:#3d3d5c}.orgs-hierarchy-header{border-color:#3d3d5c}.orgs-hierarchy-header h3{color:#fff}.orgs-hierarchy-node:hover{background:#3d3d5c}.orgs-hierarchy-name{color:#fff}.orgs-hierarchy-empty,.orgs-btn-close{color:#88a}.orgs-btn-close:hover{background-color:#3d3d5c}.orgs-form-container{background:#2d2d44;border-color:#3d3d5c}.orgs-form-header{border-color:#3d3d5c}.orgs-form-header-left h3{color:#fff}.orgs-form-id{color:#88a;background:#3d3d5c}.orgs-form-group label{color:#fff}.orgs-form-group input,.orgs-form-group select,.orgs-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.orgs-form-group input:focus,.orgs-form-group select:focus,.orgs-form-group textarea:focus{border-color:#89f}.orgs-form-actions{border-color:#3d3d5c}.orgs-btn-back,.orgs-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.orgs-btn-back:hover,.orgs-btn-cancel:hover{background:#4d4d6c}.orgs-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.orgs-btn-secondary:hover{background:#4d4d6c}.orgs-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.orgs-pagination-info,.orgs-pagination-items-per-page{color:#88a}.orgs-pagination-items-per-page select,.orgs-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.orgs-pagination-btn:hover:not(:disabled){background:#4d4d6c}.orgs-pagination-current{color:#fff}.orgs-icon-btn{color:#88a}.orgs-icon-btn:hover{background-color:#3d3d5c}.orgs-icon-btn-edit{color:#ffb74d}.orgs-icon-btn-edit:hover{background-color:#5c3d1a}.orgs-icon-btn-delete{color:#ef5350}.orgs-icon-btn-delete:hover{background-color:#5c1a1a}.orgs-empty-icon{color:#3d3d5c}.orgs-empty-state p{color:#fff}.orgs-empty-state span{color:#88a}.orgs-btn-primary{background:#667eea}.orgs-btn-primary:hover:not(:disabled){background:#5a67d8}.orgs-btn-apply{background:#667eea}.orgs-btn-apply:hover{background:#5a67d8}.orgs-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.orgs-btn-clear:hover{background:#4d4d6c}}.orgs-icon-btn-view{color:#1976d2}.orgs-icon-btn-view:hover{background-color:#e3f2fd}.orgs-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.3s orgs-fade-in;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.orgs-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s orgs-slide-up;display:flex;box-shadow:0 20px 60px #0000004d}.orgs-modal-header{border-bottom:2px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.orgs-modal-header h3{color:#1a1a2e;align-items:center;gap:10px;margin:0;font-size:clamp(18px,2vw,22px);font-weight:600;display:flex}.orgs-modal-header-icon{color:#667eea;font-size:clamp(22px,2.5vw,28px)}.orgs-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.orgs-modal-close:hover{color:#1a1a2e;background-color:#f0f0f0}.orgs-modal-close svg{font-size:24px}.orgs-modal-body{flex:1;padding:24px;overflow-y:auto}.orgs-modal-section{margin-bottom:24px}.orgs-modal-section:last-child{margin-bottom:0}.orgs-modal-section h4{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:clamp(15px,1.3vw,17px);font-weight:600}.orgs-modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.orgs-modal-info-item{flex-direction:column;gap:2px;display:flex}.orgs-modal-info-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.orgs-modal-info-item span{color:#1a1a2e;word-break:break-word;align-items:center;gap:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;display:flex}.orgs-modal-info-item .orgs-type-badge,.orgs-modal-info-item .orgs-status-badge{width:fit-content;display:inline-block}.orgs-modal-info-item .orgs-code-tag{display:inline-block}.orgs-modal-icon{color:#666;font-size:clamp(14px,1.2vw,16px)}.orgs-modal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.orgs-modal-stat-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.orgs-modal-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.orgs-modal-stat-icon{color:#667eea;margin-bottom:4px;font-size:clamp(24px,2.5vw,30px)}.orgs-modal-stat-number{color:#1a1a2e;font-size:clamp(20px,2.5vw,26px);font-weight:700;display:block}.orgs-modal-stat-label{color:#666;font-size:clamp(10px,.9vw,12px);font-weight:500;display:block}.orgs-modal-hierarchy{flex-direction:column;gap:8px;padding:8px 0;display:flex}.orgs-modal-hierarchy-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.orgs-modal-hierarchy-level{font-size:18px}.orgs-modal-hierarchy-name{color:#1a1a2e;flex:1;font-weight:500}.orgs-modal-hierarchy-arrow{color:#666;font-size:14px}.orgs-modal-footer{border-top:2px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;padding:12px 24px;display:flex}.orgs-modal-loading,.orgs-modal-error{text-align:center;color:#666;padding:40px 20px}.orgs-modal-error p{color:#721c24;margin-bottom:12px}@media (prefers-color-scheme:dark){.orgs-modal-content{background:#2d2d44}.orgs-modal-header{border-color:#3d3d5c}.orgs-modal-header h3{color:#fff}.orgs-modal-close{color:#88a}.orgs-modal-close:hover{color:#fff;background-color:#3d3d5c}.orgs-modal-section h4{color:#fff;border-color:#3d3d5c}.orgs-modal-info-item label{color:#88a}.orgs-modal-info-item span{color:#fff}.orgs-modal-icon{color:#88a}.orgs-modal-stat-card{background:#3d3d5c;border-color:#4d4d6c}.orgs-modal-stat-number{color:#fff}.orgs-modal-stat-label{color:#88a}.orgs-modal-hierarchy-item{background:#3d3d5c;border-color:#4d4d6c}.orgs-modal-hierarchy-name{color:#fff}.orgs-modal-hierarchy-arrow{color:#88a}.orgs-modal-footer{border-color:#3d3d5c}}@media (width<=768px){.orgs-modal-content{max-height:95vh}.orgs-modal-info-grid{grid-template-columns:1fr 1fr;gap:8px}.orgs-modal-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.orgs-modal-header{padding:12px 16px}.orgs-modal-body{padding:16px}.orgs-modal-footer{padding:8px 16px}}@media (width<=480px){.orgs-modal-info-grid{grid-template-columns:1fr}.orgs-modal-stats-grid{grid-template-columns:repeat(2,1fr)}.orgs-modal-content{border-radius:8px;max-height:98vh}}.orgs-type-company{color:#667eea;background-color:#e8eeff}.orgs-col-users{text-align:center;min-width:70px}.orgs-users-count{color:#667eea;background:#e8eeff;border-radius:12px;min-width:30px;padding:2px 12px;font-size:clamp(14px,1.2vw,16px);font-weight:600;display:inline-block}.orgs-modal-section-icon{color:#667eea;vertical-align:middle;margin-right:8px;font-size:clamp(18px,1.8vw,22px)}.orgs-modal-users-table-wrapper{margin-top:8px;overflow-x:auto}.orgs-modal-users-table{border-collapse:collapse;width:100%;font-size:clamp(13px,1.1vw,14px)}.orgs-modal-users-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.orgs-modal-users-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;padding:8px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600}.orgs-modal-users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.orgs-modal-users-table tbody tr:hover{background-color:#f8f9fa}.orgs-modal-users-table tbody td{vertical-align:middle;padding:8px 12px}.orgs-modal-user-info{align-items:center;gap:8px;display:flex}.orgs-modal-user-avatar{background:#667eea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.orgs-modal-user-avatar svg{color:#fff;font-size:16px}.orgs-modal-user-name{color:#1a1a2e;font-weight:500}.orgs-modal-user-email{color:#666;align-items:center;gap:4px;font-size:clamp(12px,1vw,13px);display:flex}.orgs-modal-icon-small{color:#666;font-size:14px}.orgs-role-badge{white-space:nowrap;border-radius:12px;padding:2px 10px;font-size:clamp(10px,.8vw,11px);font-weight:500;display:inline-block}.orgs-role-superadmin{color:#c62828;background-color:#fce8e8}.orgs-role-admin{color:#667eea;background-color:#e8eeff}.orgs-role-manager{color:#ed6c02;background-color:#fff3e0}.orgs-role-schooladmin{color:#2e7d32;background-color:#e8f5e9}.orgs-role-teacher{color:#9c27b0;background-color:#f3e5f5}.orgs-role-sponsor{color:#00897b;background-color:#e0f7fa}.orgs-role-user{color:#666;background-color:#f5f5f5}.orgs-modal-users-loading{text-align:center;color:#666;padding:20px}.orgs-small-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:24px;height:24px;margin:0 auto 8px;animation:.8s linear infinite orgs-spin}.orgs-modal-no-users{text-align:center;color:#666;padding:20px}.orgs-modal-no-users-icon{color:#e0e0e0;margin-bottom:8px;font-size:40px}.orgs-modal-no-users p{margin:0;font-size:14px}.orgs-modal-description{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;gap:12px;padding:12px 16px;display:flex}.orgs-modal-description-icon{color:#667eea;flex-shrink:0;margin-top:2px;font-size:20px}.orgs-modal-description p{color:#1a1a2e;margin:0;font-size:clamp(13px,1.1vw,14px);line-height:1.6}@media (prefers-color-scheme:dark){.orgs-users-count{color:#89f;background:#1a2a5c}.orgs-modal-users-table thead{background:#3d3d5c;border-color:#4d4d6c}.orgs-modal-users-table thead th{color:#fff}.orgs-modal-users-table tbody tr{border-color:#3d3d5c}.orgs-modal-users-table tbody tr:hover{background-color:#3d3d5c}.orgs-modal-users-table tbody td{color:#d0d0e0}.orgs-modal-user-name{color:#fff}.orgs-modal-user-email,.orgs-modal-icon-small{color:#88a}.orgs-role-user{color:#88a;background:#3d3d5c}.orgs-modal-no-users{color:#88a}.orgs-modal-no-users-icon{color:#3d3d5c}.orgs-modal-description{background:#3d3d5c;border-left-color:#89f}.orgs-modal-description p{color:#d0d0e0}.orgs-small-spinner{border-color:#89f #3d3d5c #3d3d5c}.orgs-modal-users-loading{color:#88a}}@media (width<=768px){.orgs-col-users{min-width:60px}.orgs-modal-users-table{font-size:12px}.orgs-modal-users-table thead th,.orgs-modal-users-table tbody td{padding:6px 8px}.orgs-modal-user-avatar{width:28px;height:28px}.orgs-modal-user-avatar svg{font-size:14px}.orgs-role-badge{padding:2px 8px;font-size:9px}}@media (width<=480px){.orgs-modal-users-table{min-width:350px;font-size:11px}.orgs-modal-user-avatar{width:24px;height:24px}.orgs-modal-user-avatar svg{font-size:12px}.orgs-modal-user-email .orgs-modal-icon-small{display:none}}.sys-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.sys-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.sys-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.sys-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.sys-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sys-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.sys-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.sys-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sys-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.sys-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.sys-btn-apply{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.sys-btn-apply:hover{background-color:#1565c0}.sys-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.sys-btn-clear:hover{background-color:#e8e8e8}.sys-bulk-actions{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.sys-bulk-count{color:#0d47a1;font-size:clamp(13px,1.1vw,14px);font-weight:500}.sys-bulk-buttons{flex-wrap:wrap;gap:8px;display:flex}.sys-bulk-delete-btn{color:#fff;cursor:pointer;background:#d32f2f;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:background .2s;display:inline-flex}.sys-bulk-delete-btn:hover:not(:disabled){background:#b71c1c}.sys-bulk-delete-btn:disabled{opacity:.5;cursor:not-allowed}.sys-bulk-clear-btn{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;align-items:center;gap:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);display:inline-flex}.sys-bulk-clear-btn:hover{background:#e8e8e8}.sys-delete-old-btn{cursor:pointer;color:#e65100;white-space:nowrap;background:#fff3e0;border:1px solid #ffcc80;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s;display:inline-flex}.sys-delete-old-btn:hover:not(:disabled){background:#ffe0b2}.sys-delete-old-btn:disabled{opacity:.5;cursor:not-allowed}.sys-delete-all-btn{cursor:pointer;color:#c62828;white-space:nowrap;background:#ffebee;border:1px solid #ef9a9a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s;display:inline-flex}.sys-delete-all-btn:hover:not(:disabled){background:#ffcdd2}.sys-delete-all-btn:disabled{opacity:.5;cursor:not-allowed}.sys-btn-edit-small{cursor:pointer;color:#1976d2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:inline-flex}.sys-btn-edit-small:hover{background-color:#e3f2fd}.sys-btn-delete-small{cursor:pointer;color:#dc3545;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:inline-flex}.sys-btn-delete-small:hover{background-color:#fde8e8}.sys-btn-save{cursor:pointer;color:#2e7d32;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:inline-flex}.sys-btn-save:hover{background-color:#e8f5e9}.sys-btn-cancel-small{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:inline-flex}.sys-btn-cancel-small:hover{background-color:#f0f0f0}@media (width<=480px){.sys-btn-label{display:none}.sys-btn-primary,.sys-btn-secondary{padding:6px 10px}}.sys-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.sys-stat-item{text-align:center;padding:4px}.sys-stat-number{color:#1976d2;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.sys-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.sys-tabs{border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sys-tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:clamp(13px,1.1vw,15px);font-weight:500;transition:all .3s;display:inline-flex}.sys-tab:hover{color:#1a1a2e;background-color:#f8f9fa}.sys-tab-active{color:#1976d2;border-bottom-color:#1976d2}.sys-tab svg{font-size:20px}.sys-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.sys-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.sys-search-input-wrapper:focus-within{border-color:#1976d2}.sys-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.sys-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.sys-search-input::placeholder{color:#999}.sys-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.sys-clear-search:hover{color:#1a1a2e}.sys-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.sys-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.sys-filter-toggle:hover{background-color:#e8e8e8}.sys-filter-toggle.active{color:#1976d2;background-color:#e3f2fd;border-color:#1976d2}.sys-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.sys-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.sys-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.sys-filter-group{flex-direction:column;gap:4px;display:flex}.sys-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.sys-filter-group select,.sys-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.sys-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.sys-filter-actions button{padding:6px 16px}.sys-settings-section{margin-top:16px}.sys-settings-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:20px;box-shadow:0 2px 8px #0000000f}.sys-settings-card h4{color:#1a1a2e;margin:0 0 4px;font-size:clamp(16px,1.5vw,18px);font-weight:600}.sys-settings-card p{color:#666;margin:0 0 16px;font-size:clamp(12px,1vw,14px)}.sys-settings-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sys-settings-row:last-child{border-bottom:none}.sys-settings-info{flex:1;min-width:0}.sys-settings-label{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.sys-settings-description{color:#666;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.sys-settings-public{color:#1976d2;background:#e3f2fd;border-radius:10px;margin-top:4px;padding:1px 8px;font-size:clamp(9px,.8vw,10px);display:inline-block}.sys-settings-control{flex-shrink:0;margin-left:16px}.sys-settings-value{color:#1a1a2e;background:#f5f5f5;border-radius:4px;min-width:80px;padding:4px 8px;font-size:clamp(13px,1.1vw,14px);display:inline-block}.sys-settings-input{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:180px;padding:6px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .2s}.sys-settings-input:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a}.sys-settings-toggle{cursor:pointer;background-color:#ccc;border:none;border-radius:13px;flex-shrink:0;width:48px;height:26px;padding:0;transition:background-color .3s;position:relative}.sys-settings-toggle-active{background-color:#1976d2}.sys-settings-toggle:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px}.sys-settings-toggle-active:after{transform:translate(22px)}.sys-setting-edit{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sys-settings-actions-top{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:16px;display:flex}.sys-add-setting{border:2px dashed #1976d2;background:#f8f9fa!important}.sys-add-setting-form{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.sys-form-group{flex-direction:column;gap:4px;display:flex}.sys-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.sys-form-group input,.sys-form-group select{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(13px,1.1vw,14px)}.sys-form-group input:focus,.sys-form-group select:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a}.sys-form-group input.sys-error{border-color:#dc3545}.sys-error-text{color:#dc3545;font-size:clamp(11px,.9vw,12px)}.sys-required{color:#dc3545}.sys-checkbox{flex-direction:row;align-items:center}.sys-checkbox label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.sys-checkbox input[type=checkbox]{cursor:pointer;accent-color:#1976d2;width:16px;height:16px}.sys-add-setting-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.sys-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.sys-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.sys-table-wrapper::-webkit-scrollbar{height:8px}.sys-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sys-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.sys-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sys-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.sys-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.sys-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.sys-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.sys-data-table tbody tr:hover{background-color:#f8f9fa}.sys-data-table tbody tr:last-child{border-bottom:none}.sys-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.sys-row-selected{background-color:#e3f2fd!important}.sys-row-selected:hover{background-color:#bbdefb!important}.sys-col-checkbox{text-align:center!important;width:44px!important;min-width:44px!important;max-width:44px!important}.sys-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.sys-col-action{min-width:100px}.sys-col-model{min-width:120px}.sys-col-object{min-width:150px}.sys-col-time{min-width:170px}.sys-col-ip{min-width:120px}.sys-checkbox-btn{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:inline-flex}.sys-checkbox-btn:hover{color:#1976d2}.sys-checkbox-btn svg{font-size:20px}.sys-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.sys-table-user{align-items:center;gap:10px;display:flex}.sys-table-avatar{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.sys-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.sys-avatar-user{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.sys-table-username{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.sys-action-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sys-action-create{color:#2e7d32;background:#e8f5e9}.sys-action-update{color:#1976d2;background:#e3f2fd}.sys-action-delete{color:#dc3545;background:#fde8e8}.sys-action-view{color:#666;background:#f5f5f5}.sys-action-login{color:#ed6c02;background:#fff3e0}.sys-action-logout{color:#c62828;background:#fce4ec}.sys-action-export{color:#00897b;background:#e0f7fa}.sys-action-import{color:#9c27b0;background:#f3e5f5}.sys-action-default{color:#666;background:#f5f5f5}.sys-model-badge{color:#666;background:#f5f5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sys-object-text{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:clamp(11px,.9vw,12px);display:block;overflow:hidden}.sys-time-badge{color:#666;background:#f5f5f5;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sys-ip-badge{color:#666;background:#f5f5f5;border-radius:20px;padding:3px 12px;font-family:monospace;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.sys-table-expanded-row{background-color:#f8f9fa!important}.sys-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.sys-table-expanded-content{padding:4px 0}.sys-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sys-expanded-item{flex-direction:column;gap:2px;display:flex}.sys-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.sys-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.sys-expanded-item .sys-action-badge{width:fit-content;display:inline-block}.sys-expanded-full{grid-column:1/-1}.sys-changes-text{color:#1a1a2e;white-space:pre-wrap;word-break:break-word;background:#f8f9fa;border-radius:4px;padding:8px 12px;font-family:monospace;font-size:clamp(12px,1vw,13px)}.sys-pagination{background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 12px;display:flex}.sys-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.sys-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sys-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.sys-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.sys-pagination-buttons{align-items:center;gap:6px;display:flex}.sys-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.sys-pagination-btn:hover:not(:disabled){background:#e8e8e8}.sys-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sys-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.sys-page-loading{text-align:center;color:#666;padding:40px 16px}.sys-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite sys-spin}@keyframes sys-spin{to{transform:rotate(360deg)}}.sys-empty-state{text-align:center;color:#666;padding:40px 16px}.sys-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.sys-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.sys-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.sys-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.sys-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sys-error-content strong{font-weight:600}@keyframes sys-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sys-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.sys-data-table{min-width:900px}.sys-stats-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sys-data-table{min-width:850px;font-size:12px}.sys-data-table thead th,.sys-data-table tbody td{padding:8px 10px}.sys-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.sys-table-avatar{width:28px;height:28px}.sys-table-avatar svg{font-size:14px}.sys-tabs{flex-wrap:wrap}.sys-tab{flex:1;justify-content:center;padding:8px 14px;font-size:13px}.sys-filter-row,.sys-add-setting-form{grid-template-columns:1fr}.sys-settings-row{flex-direction:column;align-items:flex-start;gap:8px}.sys-settings-control{width:100%;margin-left:0}.sys-settings-input{width:100%}.sys-stats-summary{grid-template-columns:repeat(3,1fr)}.sys-bulk-actions{text-align:center;flex-direction:column;align-items:stretch}.sys-bulk-buttons{justify-content:center}.sys-search-bar{flex-direction:column;align-items:stretch}.sys-search-actions{justify-content:flex-start}.sys-search-input-wrapper{min-width:unset}}@media (width<=480px){.sys-page{padding:10px 12px}.sys-data-table{min-width:700px;font-size:11px}.sys-data-table thead th,.sys-data-table tbody td{padding:6px 8px}.sys-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.sys-col-checkbox{width:36px!important;min-width:36px!important;max-width:36px!important}.sys-table-sn{font-size:10px}.sys-table-username{font-size:11px}.sys-table-avatar{border-radius:6px;width:24px;height:24px}.sys-table-avatar svg{font-size:12px}.sys-action-badge,.sys-model-badge,.sys-time-badge,.sys-ip-badge{padding:2px 8px;font-size:8px}.sys-object-text{max-width:80px;font-size:10px}.sys-col-action,.sys-col-model{min-width:80px}.sys-col-object{min-width:90px}.sys-col-time{min-width:120px}.sys-col-ip{min-width:80px}.sys-stats-summary{grid-template-columns:1fr 1fr}.sys-tabs{border-bottom:none;flex-direction:column;gap:4px}.sys-tab{border-bottom:2px solid #0000;justify-content:center}.sys-tab-active{background-color:#e3f2fd;border-bottom-color:#1976d2}.sys-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.sys-expanded-item label{font-size:9px}.sys-expanded-item span{font-size:12px}.sys-add-setting-actions{flex-direction:column}.sys-add-setting-actions .sys-btn-primary,.sys-add-setting-actions .sys-btn-secondary{justify-content:center;width:100%}.sys-setting-edit{flex-wrap:wrap}.sys-settings-actions-top{flex-direction:column}.sys-settings-actions-top .sys-btn-primary{justify-content:center;width:100%}.sys-filter-actions{flex-direction:column}.sys-filter-actions button{justify-content:center;width:100%}.sys-pagination{text-align:center;flex-direction:column;align-items:stretch}.sys-pagination-controls{justify-content:center}.sys-bulk-buttons{flex-direction:column}.sys-bulk-buttons button{justify-content:center;width:100%}.sys-search-actions{flex-wrap:wrap}.sys-delete-old-btn,.sys-delete-all-btn{flex:1;justify-content:center}}@media (width<=360px){.sys-data-table{min-width:600px;font-size:10px}.sys-data-table thead th,.sys-data-table tbody td{padding:4px 6px}.sys-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.sys-col-checkbox{width:32px!important;min-width:32px!important;max-width:32px!important}.sys-table-avatar{width:20px;height:20px}.sys-table-avatar svg{font-size:10px}.sys-object-text{max-width:60px}.sys-expanded-info,.sys-stats-summary{grid-template-columns:1fr}.sys-stat-number{font-size:18px}.sys-page-header{flex-direction:column;align-items:flex-start}.sys-page-header-right{justify-content:flex-start;width:100%}}@media (prefers-color-scheme:dark){.sys-page{background:#1a1a2e}.sys-page-header{border-color:#2d2d44}.sys-page-header-left h2{color:#fff}.sys-page-subtitle{color:#88a}.sys-stats-summary{background:#2d2d44;border-color:#3d3d5c}.sys-stat-number{color:#64b5f6}.sys-stat-label{color:#88a}.sys-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.sys-search-input{color:#fff}.sys-search-input::placeholder,.sys-search-icon{color:#88a}.sys-stats-badge{color:#88a;background:#2d2d44}.sys-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.sys-filter-toggle.active{color:#64b5f6;background:#1a3a5c;border-color:#64b5f6}.sys-filter-panel{background:#2d2d44;border-color:#3d3d5c}.sys-filter-group label{color:#fff}.sys-filter-group select,.sys-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sys-table-container{background:#2d2d44;border-color:#3d3d5c}.sys-data-table{background:#2d2d44}.sys-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.sys-data-table thead th{color:#fff;background:#3d3d5c}.sys-data-table tbody tr{border-color:#3d3d5c}.sys-data-table tbody tr:hover{background-color:#3d3d5c}.sys-data-table tbody td{color:#d0d0e0}.sys-row-selected{background-color:#1a3a5c!important}.sys-row-selected:hover{background-color:#1a4a6c!important}.sys-table-username{color:#fff}.sys-object-text{color:#d0d0e0}.sys-model-badge,.sys-time-badge,.sys-ip-badge,.sys-action-view,.sys-action-default{color:#88a;background:#3d3d5c}.sys-table-expanded-row{background-color:#3d3d5c!important}.sys-expanded-item label{color:#88a}.sys-expanded-item span{color:#fff}.sys-changes-text{color:#d0d0e0;background:#3d3d5c}.sys-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.sys-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.sys-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.sys-settings-card{background:#2d2d44;border-color:#3d3d5c}.sys-settings-card h4{color:#fff}.sys-settings-card p{color:#88a}.sys-settings-row{border-color:#3d3d5c}.sys-settings-label{color:#fff}.sys-settings-description{color:#88a}.sys-settings-public{color:#64b5f6;background:#1a3a5c}.sys-settings-value{color:#fff;background:#3d3d5c}.sys-settings-input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sys-add-setting{border-color:#64b5f6;background:#2d2d44!important}.sys-form-group label{color:#fff}.sys-form-group input,.sys-form-group select{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sys-form-group input:focus,.sys-form-group select:focus{border-color:#64b5f6}.sys-add-setting-actions{border-color:#3d3d5c}.sys-pagination{background:#2d2d44;border-color:#3d3d5c}.sys-pagination-info,.sys-pagination-items-per-page{color:#88a}.sys-pagination-items-per-page select,.sys-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sys-pagination-btn:hover:not(:disabled){background:#4d4d6c}.sys-pagination-current{color:#fff}.sys-empty-icon{color:#3d3d5c}.sys-empty-state p{color:#fff}.sys-empty-state span{color:#88a}.sys-btn-primary{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.sys-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%)}.sys-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sys-btn-secondary:hover{background:#4d4d6c}.sys-btn-apply{background:#1976d2}.sys-btn-apply:hover{background:#1565c0}.sys-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sys-btn-clear:hover{background:#4d4d6c}.sys-btn-edit-small{color:#64b5f6}.sys-btn-edit-small:hover{background-color:#1a3a5c}.sys-btn-delete-small{color:#ef5350}.sys-btn-delete-small:hover{background-color:#5c1a1a}.sys-btn-save{color:#66bb6a}.sys-btn-save:hover{background-color:#1a5c1a}.sys-btn-cancel-small{color:#88a}.sys-btn-cancel-small:hover{background-color:#3d3d5c}.sys-page-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.sys-bulk-actions{background:#1a3a5c;border-color:#2d5d7c}.sys-bulk-count{color:#64b5f6}.sys-bulk-delete-btn{background:#d32f2f}.sys-bulk-delete-btn:hover:not(:disabled){background:#b71c1c}.sys-bulk-clear-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.sys-bulk-clear-btn:hover{background:#4d4d6c}.sys-delete-old-btn{color:#ffb74d;background:#3d2a1a;border-color:#5c4d3d}.sys-delete-old-btn:hover:not(:disabled){background:#4d3a2a}.sys-delete-all-btn{color:#ef5350;background:#3d1a1a;border-color:#5c3d3d}.sys-delete-all-btn:hover:not(:disabled){background:#4d2a2a}.sys-checkbox-btn{color:#88a}.sys-checkbox-btn:hover{color:#64b5f6}}.sys-auto-delete-bar{border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 20px;transition:all .3s;display:flex}.sys-auto-delete-enabled{background:#e8f5e9;border:1px solid #a5d6a7}.sys-auto-delete-disabled{background:#ffebee;border:1px solid #ef9a9a}.sys-auto-delete-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sys-auto-delete-icon{color:#1976d2;font-size:24px}.sys-auto-delete-label{font-size:14px;font-weight:600}.sys-auto-delete-enabled .sys-auto-delete-label{color:#2e7d32}.sys-auto-delete-disabled .sys-auto-delete-label{color:#c62828}.sys-auto-delete-days{color:#555;background:#ffffffb3;border-radius:12px;align-items:center;gap:4px;padding:2px 12px;font-size:13px;display:flex}.sys-auto-delete-schedule{color:#666;font-size:16px}.sys-auto-delete-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sys-auto-delete-toggle{cursor:pointer;border:none;border-radius:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.sys-auto-delete-toggle.active{color:#2e7d32;background:#c8e6c9}.sys-auto-delete-toggle:not(.active){color:#c62828;background:#ffcdd2}.sys-auto-delete-toggle:hover{opacity:.9;transform:scale(1.02)}.sys-auto-delete-now{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sys-auto-delete-now:hover:not(:disabled){background:#1565c0;transform:scale(1.02)}.sys-auto-delete-now:disabled{opacity:.5;cursor:not-allowed}.sys-auto-delete-now svg{font-size:16px}@media (width<=600px){.sys-auto-delete-bar{flex-direction:column;align-items:stretch;padding:12px 16px}.sys-auto-delete-info{flex-direction:column;align-items:flex-start}.sys-auto-delete-actions{justify-content:stretch;width:100%}.sys-auto-delete-toggle,.sys-auto-delete-now{flex:1;justify-content:center}}@media (prefers-color-scheme:dark){.sys-auto-delete-enabled{background:#1b3a1b;border-color:#2e7d32}.sys-auto-delete-disabled{background:#3a1a1a;border-color:#c62828}.sys-auto-delete-enabled .sys-auto-delete-label{color:#81c784}.sys-auto-delete-disabled .sys-auto-delete-label{color:#ef5350}.sys-auto-delete-days{color:#a0a0c0;background:#0000004d}.sys-auto-delete-toggle.active{color:#81c784;background:#1b3a1b}.sys-auto-delete-toggle:not(.active){color:#ef5350;background:#3a1a1a}}.anl-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.anl-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.anl-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.anl-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.anl-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.anl-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.anl-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.anl-btn-primary:disabled{opacity:.6;cursor:not-allowed}.anl-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.anl-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.anl-filter-select{cursor:pointer;color:#1a1a2e;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;outline:none;min-width:120px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.anl-filter-select:focus{border-color:#1976d2}@media (width<=480px){.anl-btn-label{display:none}.anl-btn-primary,.anl-btn-secondary{padding:6px 10px}}.anl-view-mode-toggle{gap:8px;margin-bottom:20px;display:flex}.anl-view-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.anl-view-btn:hover{background:#e8e8e8}.anl-view-btn.active{color:#1976d2;background:#e3f2fd;border-color:#1976d2}.anl-warning-banner{color:#ed6c02;background-color:#fff3e0;border:1px solid #ffe0b2;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;display:flex}.anl-warning-banner span{font-size:clamp(13px,1.1vw,14px)}.anl-tabs{border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.anl-tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:clamp(13px,1.1vw,15px);font-weight:500;transition:all .3s;display:inline-flex}.anl-tab:hover{color:#1a1a2e;background-color:#f8f9fa}.anl-tab-active{color:#1976d2;border-bottom-color:#1976d2}.anl-tab svg{font-size:20px}.anl-stats-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:14px;display:grid}.anl-stats-secondary{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.anl-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #0000000f}.anl-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.anl-stat-icon svg{color:#fff;font-size:20px}.anl-stat-icon-blue{background:#1976d2}.anl-stat-icon-green{background:#2e7d32}.anl-stat-icon-orange{background:#ed6c02}.anl-stat-icon-purple{background:#9c27b0}.anl-stat-icon-teal{background:#00897b}.anl-stat-icon-red{background:#d32f2f}.anl-stat-info{flex:1;min-width:0}.anl-stat-number{color:#1a1a2e;font-size:clamp(18px,2vw,22px);font-weight:700;display:block}.anl-stat-label{color:#666;font-size:clamp(11px,.9vw,12px);font-weight:500;display:block}.anl-stat-change{border-radius:12px;margin-top:2px;padding:1px 8px;font-size:clamp(10px,.8vw,11px);font-weight:600;display:inline-block}.anl-stat-up{color:#2e7d32;background:#e8f5e9}.anl-stat-down{color:#d32f2f;background:#fde8e8}.anl-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.anl-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.anl-table-wrapper::-webkit-scrollbar{height:8px}.anl-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.anl-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.anl-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.anl-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:600px;font-size:clamp(13px,1.1vw,14px)}.anl-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.anl-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:10px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.anl-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.anl-data-table tbody tr:hover{background-color:#f8f9fa}.anl-data-table tbody tr:last-child{border-bottom:none}.anl-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.anl-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.anl-col-value,.anl-col-change{min-width:80px}.anl-col-trend{text-align:center;min-width:60px}.anl-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.anl-table-metric{align-items:center;display:flex}.anl-table-metric-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.anl-table-value{color:#1a1a2e;background:#f5f5f5;border-radius:20px;padding:3px 12px;font-size:clamp(13px,1.1vw,14px);font-weight:600;display:inline-block}.anl-table-change{border-radius:20px;padding:3px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600;display:inline-block}.anl-change-up{color:#2e7d32;background:#e8f5e9}.anl-change-down{color:#dc3545;background:#fde8e8}.anl-trend-up{color:#2e7d32;font-size:20px}.anl-trend-down{color:#dc3545;font-size:20px}.anl-table-expanded-row{background-color:#f8f9fa!important}.anl-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.anl-table-expanded-content{padding:4px 0}.anl-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.anl-expanded-item{flex-direction:column;gap:2px;display:flex}.anl-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.anl-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.anl-expanded-item .anl-table-change{width:fit-content;display:inline-block}.anl-expanded-item .anl-trend-up,.anl-expanded-item .anl-trend-down{font-size:24px}@media (width<=768px){.anl-data-table{min-width:500px;font-size:12px}.anl-data-table thead th,.anl-data-table tbody td{padding:8px 10px}.anl-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}}@media (width<=480px){.anl-data-table{min-width:400px;font-size:11px}.anl-data-table thead th,.anl-data-table tbody td{padding:6px 8px}.anl-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.anl-table-sn{font-size:10px}.anl-table-metric-name{font-size:11px}.anl-table-value{padding:2px 8px;font-size:11px}.anl-table-change{padding:2px 8px;font-size:10px}.anl-trend-up,.anl-trend-down{font-size:16px}.anl-col-value,.anl-col-change{min-width:60px}.anl-col-trend{min-width:40px}.anl-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.anl-expanded-item label{font-size:9px}.anl-expanded-item span{font-size:12px}}@media (width<=360px){.anl-data-table{min-width:320px;font-size:10px}.anl-data-table thead th,.anl-data-table tbody td{padding:4px 6px}.anl-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.anl-expanded-info{grid-template-columns:1fr}}.anl-pagination{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.anl-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.anl-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.anl-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.anl-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.anl-pagination-buttons{align-items:center;gap:6px;display:flex}.anl-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.anl-pagination-btn:hover:not(:disabled){background:#e8e8e8}.anl-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.anl-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.anl-charts-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;display:grid}.anl-chart-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000f}.anl-chart-full{grid-column:1/-1}.anl-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.anl-chart-header h4{color:#1a1a2e;margin:0;font-size:clamp(15px,1.3vw,16px);font-weight:600}.anl-chart-legend{flex-wrap:wrap;gap:16px;font-size:clamp(12px,1vw,13px);display:flex}.anl-legend-dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.anl-legend-blue{background:#1976d2}.anl-legend-green{background:#2e7d32}.anl-legend-orange{background:#ed6c02}.anl-legend-purple{background:#9c27b0}.anl-chart-container{width:100%;height:280px}.anl-chart-small .anl-chart-container{height:220px}.anl-page-loading{text-align:center;color:#666;padding:40px 16px}.anl-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite anl-spin}@keyframes anl-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.anl-stats-grid{grid-template-columns:repeat(3,1fr)}.anl-stats-secondary{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.anl-charts-grid{grid-template-columns:1fr}.anl-chart-full{grid-column:1}.anl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.anl-stats-grid{grid-template-columns:repeat(2,1fr)}.anl-stats-secondary{grid-template-columns:1fr 1fr}.anl-page-header{flex-direction:column;align-items:flex-start}.anl-page-header-right{flex-wrap:wrap;width:100%}.anl-page-header-right .anl-btn-primary,.anl-page-header-right .anl-btn-secondary{flex:1;justify-content:center}.anl-chart-legend{flex-wrap:wrap;gap:8px;font-size:12px}.anl-tabs{flex-wrap:wrap}.anl-tab{flex:1;justify-content:center;padding:8px 14px;font-size:13px}.anl-chart-container{height:240px}.anl-chart-small .anl-chart-container{height:200px}.anl-view-mode-toggle{flex-wrap:wrap}.anl-view-btn{flex:1;justify-content:center}}@media (width<=480px){.anl-page{padding:10px 12px}.anl-page-header-left h2{font-size:20px}.anl-stats-grid,.anl-stats-secondary{grid-template-columns:1fr}.anl-stat-card{padding:10px 14px}.anl-stat-number{font-size:18px}.anl-chart-container{height:200px}.anl-chart-small .anl-chart-container{height:180px}.anl-btn-primary,.anl-btn-secondary{width:100%;padding:6px 10px;font-size:13px}.anl-page-header-right{flex-direction:column}.anl-page-header-right .anl-btn-primary,.anl-page-header-right .anl-btn-secondary,.anl-filter-select{width:100%}.anl-tabs{border-bottom:none;flex-direction:column;gap:4px}.anl-tab{border-bottom:2px solid #0000;justify-content:center}.anl-tab-active{background-color:#e3f2fd;border-bottom-color:#1976d2}.anl-chart-header{flex-direction:column;align-items:flex-start}.anl-pagination{flex-direction:column;align-items:stretch;gap:6px}.anl-pagination-info{text-align:center}.anl-pagination-controls{justify-content:center}.anl-view-mode-toggle{flex-direction:column}.anl-view-btn{width:100%}}@media (prefers-color-scheme:dark){.anl-page{background:#1a1a2e}.anl-page-header{border-color:#2d2d44}.anl-page-header-left h2{color:#fff}.anl-page-subtitle{color:#88a}.anl-stat-card{background:#2d2d44;border-color:#3d3d5c}.anl-stat-number{color:#fff}.anl-stat-label{color:#88a}.anl-stat-change.anl-stat-up{color:#81c784;background:#1a3d1a}.anl-stat-change.anl-stat-down{color:#ef5350;background:#3d1f1f}.anl-chart-card{background:#2d2d44;border-color:#3d3d5c}.anl-chart-header h4{color:#fff}.anl-filter-select{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.anl-filter-select:focus{border-color:#1976d2}.anl-warning-banner{color:#ffa726;background-color:#3d2d1a;border-color:#5c3d1a}.anl-tab{color:#88a}.anl-tab:hover{color:#fff;background-color:#3d3d5c}.anl-tab-active{color:#64b5f6;border-bottom-color:#64b5f6}.anl-tabs{border-bottom-color:#3d3d5c}.anl-table-container{background:#2d2d44;border-color:#3d3d5c}.anl-data-table{background:#2d2d44}.anl-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.anl-data-table thead th{color:#fff;background:#3d3d5c}.anl-data-table tbody tr{border-color:#3d3d5c}.anl-data-table tbody tr:hover{background-color:#3d3d5c}.anl-data-table tbody td{color:#d0d0e0}.anl-table-metric-name{color:#fff}.anl-table-value{color:#fff;background:#3d3d5c}.anl-table-change.anl-change-up{color:#81c784;background:#1a3d1a}.anl-table-change.anl-change-down{color:#ef5350;background:#3d1f1f}.anl-trend-up{color:#81c784}.anl-trend-down{color:#ef5350}.anl-table-expanded-row{background-color:#3d3d5c!important}.anl-expanded-item label{color:#88a}.anl-expanded-item span{color:#fff}.anl-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.anl-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.anl-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.anl-pagination{border-color:#3d3d5c}.anl-pagination-info,.anl-pagination-items-per-page{color:#88a}.anl-pagination-items-per-page select,.anl-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.anl-pagination-btn:hover:not(:disabled){background:#4d4d6c}.anl-pagination-current{color:#fff}.anl-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.anl-btn-secondary:hover{background:#4d4d6c}.anl-view-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.anl-view-btn:hover{background:#4d4d6c}.anl-view-btn.active{color:#64b5f6;background:#1a3a5c;border-color:#64b5f6}}.msg-page{background:#f8f9fa;flex-direction:column;height:calc(100vh - 80px);padding:20px;display:flex}.msg-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.msg-page-header-left h2{color:#1a1a2e;margin:0;font-size:24px}.msg-page-subtitle{color:#666;margin:4px 0 0;font-size:14px}.msg-page-header-right{gap:8px;display:flex}.msg-btn-secondary{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.msg-btn-secondary:hover{background:#f0f0f0}.msg-btn-primary{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.msg-btn-primary:hover{background:#1565c0}.msg-btn-primary:disabled{opacity:.5;cursor:not-allowed}.msg-btn-cancel{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:10px 20px;font-size:14px;transition:background .2s}.msg-btn-cancel:hover{background:#e8e8e8}.msg-btn-retry{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.msg-page-error{background:#fde8e8;border:1px solid #f5c6c6;border-radius:6px;margin-bottom:16px;padding:12px 16px}.msg-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.msg-error-content strong{color:#d32f2f}.msg-container{background:#fff;border-radius:12px;flex:1;gap:20px;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.msg-conversations-section{background:#fafafa;border-right:1px solid #e8e8e8;flex-direction:column;width:340px;min-width:280px;display:flex}.msg-conversations-search{background:#fff;border-bottom:1px solid #e8e8e8;align-items:center;gap:8px;padding:12px 16px;display:flex}.msg-search-icon{color:#999}.msg-search-input{background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:14px}.msg-search-input::placeholder{color:#aaa}.msg-conversations-list{flex:1;padding:4px 0;overflow-y:auto}.msg-conversation-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.msg-conversation-item:hover{background:#f0f0f0}.msg-item-active{background:#e8f0fe}.msg-item-active:hover{background:#dce8f8}.msg-conversation-avatar{color:#fff;background:#1976d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.msg-conversation-info{flex:1;min-width:0}.msg-conversation-name{color:#1a1a2e;margin-bottom:2px;font-size:14px;font-weight:600}.msg-conversation-last{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.msg-conversation-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.msg-conversation-time{color:#999;font-size:11px}.msg-unread-badge{color:#fff;text-align:center;background:#1976d2;border-radius:12px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:600}.msg-chat-area{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.msg-chat-header{background:#fafafa;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.msg-chat-user{align-items:center;gap:12px;display:flex}.msg-chat-avatar{color:#fff;background:#1976d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.msg-chat-user-name{color:#1a1a2e;font-size:15px;font-weight:600}.msg-chat-user-status{color:#4caf50;font-size:12px}.msg-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:6px}.msg-icon-btn:hover{background:#f0f0f0}.msg-chat-messages{background:#fafafa;flex-direction:column;flex:1;gap:8px;padding:16px 20px;display:flex;overflow-y:auto}.msg-chat-message{flex-direction:column;max-width:70%;display:flex}.msg-message-sent{align-self:flex-end}.msg-message-received{align-self:flex-start}.msg-message-bubble{background:#fff;border-radius:12px;padding:10px 14px;position:relative;box-shadow:0 1px 2px #0000000f}.msg-message-sent .msg-message-bubble{color:#fff;background:#1976d2}.msg-message-received .msg-message-bubble{color:#1a1a2e;background:#fff;border:1px solid #e8e8e8}.msg-message-text{word-wrap:break-word;font-size:14px;line-height:1.5}.msg-message-time{color:#999;text-align:right;margin-top:4px;font-size:10px}.msg-message-sent .msg-message-time{color:#ffffffb3}.msg-read-status{color:#4caf50}.msg-chat-input{background:#fff;border-top:1px solid #e8e8e8;align-items:center;gap:8px;padding:12px 16px;display:flex}.msg-input-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.msg-input-btn:hover{background:#f0f0f0}.msg-message-input{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:20px;outline:none;flex:1;padding:8px 16px;font-size:14px;transition:border-color .2s}.msg-message-input:focus{background:#fff;border-color:#1976d2}.msg-send-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.msg-send-btn:hover{background:#1565c0}.msg-send-btn-disabled{opacity:.5;cursor:not-allowed}.msg-no-conversations,.msg-no-messages,.msg-chat-empty{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.msg-empty-icon{color:#ccc;margin-bottom:12px;font-size:48px!important}.msg-no-conversations p,.msg-no-messages p,.msg-chat-empty p{color:#333;margin:4px 0;font-size:16px}.msg-no-conversations span,.msg-no-messages span,.msg-chat-empty span{color:#999;font-size:14px}.msg-chat-empty .msg-btn-primary{margin-top:16px}.msg-page-loading,.msg-loading-messages{color:#666;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.msg-page-loading-spinner{border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite msg-spin}@keyframes msg-spin{to{transform:rotate(360deg)}}.msg-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.msg-modal{background:#fff;border-radius:12px;flex-direction:column;width:500px;max-width:90vw;max-height:80vh;display:flex;box-shadow:0 4px 20px #00000026}.msg-modal-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.msg-modal-header h3{color:#1a1a2e;margin:0;font-size:18px}.msg-modal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:4px}.msg-modal-close:hover{color:#333}.msg-modal-body{flex:1;padding:20px;overflow-y:auto}.msg-modal-field{margin-bottom:16px}.msg-modal-field label{color:#333;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.msg-modal-toggle{gap:8px;display:flex}.msg-toggle-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 16px;font-size:13px;transition:all .2s}.msg-toggle-btn.active{color:#fff;background:#1976d2;border-color:#1976d2}.msg-toggle-btn:hover:not(.active){background:#f0f0f0}.msg-modal-input{border:1px solid #ddd;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.msg-modal-input:focus{border-color:#1976d2}.msg-modal-search{border:1px solid #ddd;border-radius:4px;align-items:center;padding:0 8px;transition:border-color .2s;display:flex}.msg-modal-search:focus-within{border-color:#1976d2}.msg-modal-search .msg-search-icon{color:#999}.msg-modal-search .msg-modal-input{border:none;padding:8px 4px}.msg-modal-users{margin-top:8px}.msg-modal-users-label{color:#333;margin-bottom:8px;font-size:13px;font-weight:500}.msg-modal-users-list{border:1px solid #e8e8e8;border-radius:6px;max-height:200px;overflow-y:auto}.msg-modal-user-item{cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.msg-modal-user-item:hover{background:#f5f5f5}.msg-modal-user-item.selected{background:#e8f0fe}.msg-modal-user-avatar{color:#fff;background:#1976d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.msg-modal-user-info{flex:1}.msg-modal-user-name{color:#1a1a2e;font-size:14px;font-weight:500}.msg-modal-user-email{color:#666;font-size:12px}.msg-modal-user-check{color:#1976d2;font-size:18px;font-weight:700}.msg-modal-no-users{text-align:center;color:#999;padding:20px}.msg-modal-footer{border-top:1px solid #e8e8e8;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}@media (width<=768px){.msg-container{flex-direction:column}.msg-conversations-section{width:100%;min-width:unset;border-bottom:1px solid #e8e8e8;border-right:none;max-height:300px}.msg-chat-area{height:calc(100vh - 500px)}.msg-page-header{flex-direction:column;align-items:stretch}.msg-page-header-right{justify-content:flex-start}.msg-btn-label{display:none}.msg-modal{width:95vw;max-height:90vh}.msg-chat-message{max-width:85%}}.set-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.set-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.set-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.set-header-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.set-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.set-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.set-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.set-btn-primary:disabled{opacity:.6;cursor:not-allowed}.set-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.set-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.set-btn-icon{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.set-btn-icon:hover{color:#1a1a2e;background-color:#f0f0f0}.set-btn-icon:disabled{opacity:.5;cursor:not-allowed}.set-btn-edit-small{cursor:pointer;color:#667eea;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:inline-flex}.set-btn-edit-small:hover{background-color:#e8eeff}.set-btn-save-small{cursor:pointer;color:#2e7d32;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:inline-flex}.set-btn-save-small:hover:not(:disabled){background-color:#e8f5e9}.set-btn-save-small:disabled{opacity:.6;cursor:not-allowed}.set-btn-cancel-small{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:inline-flex}.set-btn-cancel-small:hover{background-color:#f0f0f0}.set-section-save{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.set-section-save:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.set-section-save:disabled{opacity:.6;cursor:not-allowed}.set-alert{border:1px solid;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.set-alert-error{color:#721c24;background-color:#fde8e8;border-color:#f5c6cb}.set-alert-success{color:#2e7d32;background-color:#e8f5e9;border-color:#a5d6a7}.set-alert-close{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.set-alert-close:hover{background-color:#0000001a}.set-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.set-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:border-color .3s}.set-section:hover{border-color:#c8c8c8}.set-section-full{grid-column:1/-1}.set-section-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.set-section-header svg{color:#667eea;font-size:22px}.set-section-header h3{color:#1a1a2e;flex:1;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600}.set-fields{flex-direction:column;gap:12px;display:flex}.set-field{flex-direction:column;gap:4px;display:flex}.set-field label{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.set-field input,.set-field select{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 12px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.set-field input:focus,.set-field select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.set-field input:disabled{color:#666;cursor:not-allowed;background:#f5f5f5}.set-toggle-field{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.set-toggle-field label{color:#1a1a2e;cursor:pointer;font-size:clamp(13px,1.1vw,14px);font-weight:500}.set-toggle{cursor:pointer;background-color:#ccc;border:none;border-radius:13px;flex-shrink:0;width:48px;height:26px;padding:0;transition:background-color .3s;position:relative}.set-toggle-active{background-color:#667eea}.set-toggle:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.set-toggle-active:after{transform:translate(22px)}.set-system-table-container{margin-top:4px;overflow-x:auto}.set-system-table{border-collapse:collapse;width:100%;font-size:clamp(13px,1.1vw,14px)}.set-system-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.set-system-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;padding:10px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600}.set-system-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.set-system-table tbody tr:hover{background-color:#f8f9fa}.set-system-table tbody tr:last-child{border-bottom:none}.set-system-table tbody td{vertical-align:middle;padding:10px 12px}.set-table-setting-info{flex-direction:column;gap:2px;display:flex}.set-table-setting-key{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.set-table-setting-desc{color:#666;font-size:clamp(11px,.9vw,12px)}.set-table-setting-type{color:#666;background:#f5f5f5;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.set-table-value{color:#1a1a2e;background:#f5f5f5;border-radius:4px;min-width:60px;padding:4px 12px;font-family:Courier New,monospace;font-size:clamp(13px,1.1vw,14px);display:inline-block}.set-table-value-edit{align-items:center;gap:6px;display:flex}.set-table-input{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:160px;padding:6px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.set-table-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.set-table-actions{align-items:center;gap:4px;display:flex}.set-page-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.set-page-loading-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite set-spin}@keyframes set-spin{to{transform:rotate(360deg)}}.set-empty-state{text-align:center;color:#666;padding:30px 16px}.set-empty-icon{color:#e0e0e0;margin-bottom:10px;font-size:clamp(40px,5vw,48px)}.set-empty-state p{color:#1a1a2e;margin:0;font-size:clamp(15px,1.5vw,16px);font-weight:500}@media (width<=1024px){.set-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.set-page{padding:12px 16px}.set-header{flex-direction:column;align-items:stretch;gap:12px}.set-header-right{flex-wrap:wrap}.set-grid{grid-template-columns:1fr}.set-section-full{grid-column:1}.set-section-header{flex-wrap:wrap}.set-section-save{justify-content:center;width:100%;margin-left:0}.set-system-table{min-width:500px;font-size:12px}.set-system-table thead th,.set-system-table tbody td{padding:8px 10px}.set-table-input{width:120px}.set-toggle-field{flex-direction:row;justify-content:space-between}}@media (width<=480px){.set-page{padding:10px 12px}.set-header-left h2{font-size:20px}.set-section{padding:14px}.set-section-header{flex-direction:column;align-items:flex-start;gap:8px}.set-section-header svg{font-size:20px}.set-section-save{padding:6px 12px;font-size:12px}.set-field input,.set-field select{font-size:13px}.set-system-table{min-width:400px;font-size:11px}.set-system-table thead th,.set-system-table tbody td{padding:6px 8px}.set-table-input{width:80px;font-size:12px}.set-table-value{min-width:40px;padding:2px 8px;font-size:12px}.set-table-setting-type{padding:2px 8px;font-size:9px}.set-toggle-field{flex-direction:row;justify-content:space-between;padding:6px 0}.set-toggle-field label{font-size:13px}.set-toggle{width:44px;height:24px}.set-toggle:after{width:18px;height:18px;top:3px;left:3px}.set-toggle-active:after{transform:translate(20px)}}@media (prefers-color-scheme:dark){.set-page{background:#1a1a2e}.set-header{border-color:#2d2d44}.set-header-left h2{color:#fff}.set-header-subtitle{color:#88a}.set-section{background:#2d2d44;border-color:#3d3d5c}.set-section:hover{border-color:#4d4d6c}.set-section-header{border-color:#3d3d5c}.set-section-header svg{color:#89f}.set-section-header h3{color:#fff}.set-field label{color:#d0d0e0}.set-field input,.set-field select{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.set-field input:focus,.set-field select:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.set-field input:disabled{color:#88a;background:#3d3d5c}.set-toggle-field label{color:#d0d0e0}.set-toggle{background-color:#4d4d6c}.set-toggle-active{background-color:#89f}.set-alert-error{color:#ef9a9a;background:#3d1f1f;border-color:#5c3d3d}.set-alert-success{color:#81c784;background:#1a3d2a;border-color:#2e7d32}.set-system-table thead{background:#3d3d5c;border-color:#4d4d6c}.set-system-table thead th{color:#fff}.set-system-table tbody tr{border-color:#3d3d5c}.set-system-table tbody tr:hover{background-color:#3d3d5c}.set-system-table tbody td{color:#d0d0e0}.set-table-setting-key{color:#fff}.set-table-setting-desc{color:#88a}.set-table-setting-type{color:#88a;background:#3d3d5c}.set-table-value{color:#fff;background:#3d3d5c}.set-table-input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.set-table-input:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.set-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.set-btn-secondary:hover{background:#4d4d6c}.set-btn-icon{color:#88a}.set-btn-icon:hover{color:#fff;background:#3d3d5c}.set-btn-edit-small{color:#89f}.set-btn-edit-small:hover{background-color:#1a2a5c}.set-btn-save-small{color:#81c784}.set-btn-save-small:hover:not(:disabled){background-color:#1a3d2a}.set-btn-cancel-small{color:#88a}.set-btn-cancel-small:hover{background-color:#3d3d5c}.set-section-save{background:#667eea}.set-section-save:hover:not(:disabled){background:#5a67d8}.set-empty-icon{color:#3d3d5c}.set-empty-state p{color:#fff}.set-empty-state{color:#88a}}@media print{.set-header-right,.set-section-save,.set-btn-edit-small,.set-btn-save-small,.set-btn-cancel-small,.set-alert-close,.set-btn-icon{display:none!important}.set-section{break-inside:avoid;border:1px solid #e0e0e0}.set-grid{display:block}.set-section{margin-bottom:16px}.set-alert{border:1px solid #e0e0e0}.set-system-table{font-size:10px}}.comm-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.comm-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.comm-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.comm-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.comm-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.comm-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.comm-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.comm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.comm-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.comm-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.comm-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.comm-btn-cancel:hover{background-color:#e8e8e8}.comm-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.comm-btn-back:hover{background-color:#f8f9fa}.comm-btn-apply{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.comm-btn-apply:hover{background-color:#1565c0}.comm-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.comm-btn-clear:hover{background-color:#e8e8e8}.comm-btn-retry{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.comm-btn-retry:hover{background-color:#1565c0}@media (width<=480px){.comm-btn-label{display:none}.comm-btn-primary,.comm-btn-secondary{padding:6px 10px}}.comm-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.comm-stat-item{text-align:center;padding:4px}.comm-stat-number{color:#1976d2;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.comm-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.comm-tabs{border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.comm-tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:clamp(13px,1.1vw,15px);font-weight:500;transition:all .3s;display:inline-flex}.comm-tab:hover{color:#1a1a2e;background-color:#f8f9fa}.comm-tab-active{color:#1976d2;border-bottom-color:#1976d2}.comm-tab svg{font-size:20px}.comm-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.comm-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.comm-search-input-wrapper:focus-within{border-color:#1976d2}.comm-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.comm-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.comm-search-input::placeholder{color:#999}.comm-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.comm-clear-search:hover{color:#1a1a2e}.comm-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.comm-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.comm-filter-toggle:hover{background-color:#e8e8e8}.comm-filter-toggle.active{color:#1976d2;background-color:#e3f2fd;border-color:#1976d2}.comm-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.comm-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.comm-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.comm-filter-group{flex-direction:column;gap:4px;display:flex}.comm-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.comm-filter-group select,.comm-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.comm-filter-group select:focus,.comm-filter-group input:focus{border-color:#1976d2;outline:none}.comm-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.comm-filter-actions button{padding:6px 16px}.comm-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px);animation:.3s comm-slide-down}@keyframes comm-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comm-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.comm-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comm-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.comm-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.comm-form-error strong{margin-bottom:4px;font-weight:600;display:block}.comm-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.comm-form{max-width:100%}.comm-form-grid{flex-direction:column;gap:16px;display:flex}.comm-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.comm-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.comm-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.comm-full-width{grid-column:1/-1}@media (width<=600px){.comm-form-section-grid{grid-template-columns:1fr}}.comm-form-group{flex-direction:column;gap:4px;display:flex}.comm-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.comm-form-group input,.comm-form-group select,.comm-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.comm-form-group input:focus,.comm-form-group select:focus,.comm-form-group textarea:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a}.comm-form-group input.comm-error,.comm-form-group select.comm-error,.comm-form-group textarea.comm-error{border-color:#dc3545}.comm-form-group.has-error label{color:#dc3545}.comm-form-group.has-error input,.comm-form-group.has-error select,.comm-form-group.has-error textarea{background-color:#fff5f5;border-color:#dc3545}.comm-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.comm-required{color:#dc3545}.comm-checkbox-group{flex-direction:row;align-items:center}.comm-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.comm-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#1976d2;width:16px;height:16px}.comm-checkbox-list{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;gap:4px;max-height:120px;padding:8px;display:flex;overflow-y:auto}.comm-checkbox-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;transition:background-color .2s;display:flex}.comm-checkbox-item:hover{background-color:#f5f5f5}.comm-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:#1976d2;width:16px;height:16px}.comm-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.comm-form-actions{flex-direction:column}.comm-form-actions button{justify-content:center;width:100%}}.comm-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.comm-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.comm-table-wrapper::-webkit-scrollbar{height:8px}.comm-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.comm-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.comm-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.comm-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.comm-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.comm-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.comm-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.comm-data-table tbody tr:hover{background-color:#f8f9fa}.comm-data-table tbody tr:last-child{border-bottom:none}.comm-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.comm-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.comm-col-priority{min-width:90px}.comm-col-status{min-width:100px}.comm-col-publish{min-width:170px}.comm-col-views{min-width:70px}.comm-col-actions{text-align:center!important;min-width:220px!important}.comm-col-event-type{min-width:120px}.comm-col-start{min-width:170px}.comm-col-venue{min-width:150px}.comm-col-participants{min-width:120px}.comm-col-event-status{min-width:100px}.comm-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.comm-table-announcement-info{align-items:center;gap:10px;display:flex}.comm-table-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.comm-avatar-announcement{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.comm-avatar-event{background:linear-gradient(135deg,#ed6c02 0%,#e65100 100%)}.comm-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.comm-table-announcement-details{flex-direction:column;display:flex}.comm-table-announcement-title{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.comm-table-announcement-content{color:#666;font-size:clamp(11px,.9vw,12px)}.comm-table-event-info{align-items:center;gap:10px;display:flex}.comm-table-event-details{flex-direction:column;display:flex}.comm-table-event-title{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.comm-table-event-desc{color:#666;font-size:clamp(11px,.9vw,12px)}.comm-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.comm-priority-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.comm-priority-low{color:#2e7d32;background:#e8f5e9}.comm-priority-medium{color:#ed6c02;background:#fff3e0}.comm-priority-high{color:#c62828;background:#fce4ec}.comm-priority-urgent{color:#dc3545;background:#fde8e8;animation:1.5s ease-in-out infinite comm-pulse}@keyframes comm-pulse{0%,to{opacity:1}50%{opacity:.6}}.comm-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.comm-status-published{color:#2e7d32;background:#e8f5e9}.comm-status-draft{color:#666;background:#f5f5f5}.comm-publish-badge{color:#666;background:#f5f5f5;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.comm-views-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600;display:inline-block}.comm-event-type-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.comm-virtual-badge{color:#2e7d32;background:#e8f5e9;border-radius:12px;margin-left:4px;padding:2px 10px;font-size:clamp(9px,.8vw,10px);font-weight:500;display:inline-block}.comm-virtual-badge-small{padding:1px 6px;font-size:8px}.comm-date-badge,.comm-venue-badge{color:#666;background:#f5f5f5;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.comm-participants-badge{color:#9c27b0;background:#f3e5f5;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.comm-event-status-badge{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.comm-status-upcoming{color:#1976d2;background:#e3f2fd}.comm-status-past{color:#666;background:#f5f5f5}.comm-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.comm-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.comm-icon-btn:hover{background-color:#f0f0f0}.comm-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.comm-icon-btn-view{color:#1976d2}.comm-icon-btn-view:hover{background-color:#e3f2fd}.comm-icon-btn-edit{color:#f57c00}.comm-icon-btn-edit:hover{background-color:#fff3e0}.comm-icon-btn-delete{color:#dc3545}.comm-icon-btn-delete:hover{background-color:#fde8e8}.comm-icon-btn-publish{color:#2e7d32}.comm-icon-btn-publish:hover{background-color:#e8f5e9}.comm-icon-btn-unpublish{color:#ed6c02}.comm-icon-btn-unpublish:hover{background-color:#fff3e0}.comm-icon-btn-register{color:#1976d2}.comm-icon-btn-register:hover{background-color:#e3f2fd}.comm-icon-btn-expand{color:#666;display:none}.comm-icon-btn-expand .comm-expanded{transform:rotate(180deg)}.comm-table-expanded-row{background-color:#f8f9fa!important}.comm-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.comm-table-expanded-content{padding:4px 0}.comm-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.comm-expanded-item{flex-direction:column;gap:2px;display:flex}.comm-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.comm-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.comm-expanded-item .comm-priority-badge,.comm-expanded-item .comm-status-badge,.comm-expanded-item .comm-event-status-badge,.comm-expanded-item .comm-event-type-badge{width:fit-content;display:inline-block}.comm-expanded-item a{color:#1976d2;word-break:break-all;text-decoration:none}.comm-expanded-item a:hover{text-decoration:underline}@media (width<=768px){.comm-icon-btn-expand{display:inline-flex}.comm-data-table{min-width:850px;font-size:12px}.comm-data-table thead th,.comm-data-table tbody td{padding:8px 10px}.comm-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.comm-col-actions{min-width:180px!important}.comm-table-avatar{width:28px;height:28px}.comm-table-avatar svg{font-size:14px}.comm-tabs{flex-wrap:wrap}.comm-tab{flex:1;justify-content:center;padding:8px 14px;font-size:13px}}@media (width<=480px){.comm-page{padding:10px 12px}.comm-data-table{min-width:700px;font-size:11px}.comm-data-table thead th,.comm-data-table tbody td{padding:6px 8px}.comm-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.comm-col-actions{min-width:150px!important}.comm-table-sn{font-size:10px}.comm-table-announcement-title,.comm-table-event-title{font-size:11px}.comm-table-announcement-content,.comm-table-event-desc{font-size:10px}.comm-table-avatar{border-radius:6px;width:24px;height:24px}.comm-table-avatar svg{font-size:12px}.comm-priority-badge,.comm-status-badge,.comm-publish-badge,.comm-views-badge,.comm-event-type-badge,.comm-virtual-badge,.comm-date-badge,.comm-venue-badge,.comm-participants-badge,.comm-event-status-badge{padding:2px 8px;font-size:8px}.comm-icon-btn svg{font-size:14px}.comm-icon-btn{padding:2px 4px}.comm-col-priority,.comm-col-status{min-width:70px}.comm-col-publish{min-width:120px}.comm-col-views{min-width:50px}.comm-col-event-type{min-width:80px}.comm-col-start{min-width:120px}.comm-col-venue{min-width:100px}.comm-col-participants{min-width:80px}.comm-col-event-status{min-width:70px}.comm-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.comm-expanded-item label{font-size:9px}.comm-expanded-item span{font-size:12px}.comm-tabs{border-bottom:none;flex-direction:column;gap:4px}.comm-tab{border-bottom:2px solid #0000;justify-content:center}.comm-tab-active{background-color:#e3f2fd;border-bottom-color:#1976d2}}@media (width<=360px){.comm-data-table{min-width:600px;font-size:10px}.comm-data-table thead th,.comm-data-table tbody td{padding:4px 6px}.comm-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.comm-col-actions{min-width:130px!important}.comm-table-avatar{width:20px;height:20px}.comm-table-avatar svg{font-size:10px}.comm-icon-btn svg{font-size:12px}.comm-expanded-info{grid-template-columns:1fr}}.comm-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.comm-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.comm-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comm-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.comm-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.comm-pagination-buttons{align-items:center;gap:6px;display:flex}.comm-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.comm-pagination-btn:hover:not(:disabled){background:#e8e8e8}.comm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.comm-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.comm-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s comm-fade-in;display:flex;position:fixed;inset:0}.comm-modal{background:#fff;border-radius:12px;width:100%;max-width:95%;max-height:90vh;animation:.3s comm-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@media (width>=600px){.comm-modal{max-width:600px}.comm-modal-large{max-width:800px}}.comm-modal-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.comm-modal-header h3{color:#1a1a2e;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600}.comm-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.comm-modal-close:hover{background-color:#f0f0f0}.comm-modal-body{padding:16px 20px}.comm-modal-footer{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.comm-modal{max-width:100%;margin:10px}.comm-modal-footer{flex-direction:column}.comm-modal-footer button{justify-content:center;width:100%}.comm-view-row{grid-template-columns:1fr;gap:4px}}.comm-event-preview{background:#f8f9fa;border-radius:8px;flex-direction:column;gap:6px;margin:12px 0;padding:12px;display:flex}.comm-event-preview div{color:#555;align-items:center;gap:8px;font-size:14px;display:flex}.comm-event-preview svg{color:#666;font-size:18px}.comm-page-loading{text-align:center;color:#666;padding:40px 16px}.comm-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite comm-spin}@keyframes comm-spin{to{transform:rotate(360deg)}}.comm-empty-state{text-align:center;color:#666;grid-column:1/-1;padding:40px 16px}.comm-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.comm-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.comm-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.comm-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.comm-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comm-error-content strong{font-weight:600}@keyframes comm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes comm-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.comm-page{background:#1a1a2e}.comm-page-header{border-color:#2d2d44}.comm-page-header-left h2{color:#fff}.comm-page-subtitle{color:#88a}.comm-stats-summary{background:#2d2d44;border-color:#3d3d5c}.comm-stat-number{color:#64b5f6}.comm-stat-label{color:#88a}.comm-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.comm-search-input{color:#fff}.comm-search-input::placeholder,.comm-search-icon{color:#88a}.comm-stats-badge{color:#88a;background:#2d2d44}.comm-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.comm-filter-toggle.active{color:#64b5f6;background:#1a3a5c;border-color:#64b5f6}.comm-filter-panel{background:#2d2d44;border-color:#3d3d5c}.comm-filter-group label{color:#fff}.comm-filter-group select,.comm-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.comm-table-container{background:#2d2d44;border-color:#3d3d5c}.comm-data-table{background:#2d2d44}.comm-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.comm-data-table thead th{color:#fff;background:#3d3d5c}.comm-data-table tbody tr{border-color:#3d3d5c}.comm-data-table tbody tr:hover{background-color:#3d3d5c}.comm-data-table tbody td{color:#d0d0e0}.comm-table-announcement-title,.comm-table-event-title{color:#fff}.comm-table-announcement-content,.comm-table-event-desc,.comm-table-icon{color:#88a}.comm-status-draft,.comm-status-past,.comm-publish-badge,.comm-date-badge,.comm-venue-badge{color:#88a;background:#3d3d5c}.comm-views-badge{color:#64b5f6;background:#1a3a5c}.comm-participants-badge{color:#ce93d8;background:#3d1f4d}.comm-table-expanded-row{background-color:#3d3d5c!important}.comm-expanded-item label{color:#88a}.comm-expanded-item span{color:#fff}.comm-expanded-item a{color:#64b5f6}.comm-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.comm-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.comm-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.comm-form-container{background:#2d2d44;border-color:#3d3d5c}.comm-form-header{border-color:#3d3d5c}.comm-form-header-left h3{color:#fff}.comm-form-section{background:#3d3d5c}.comm-form-section h4{color:#fff;border-color:#4d4d6c}.comm-form-group label{color:#fff}.comm-form-group input,.comm-form-group select,.comm-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.comm-form-group input:focus,.comm-form-group select:focus,.comm-form-group textarea:focus{border-color:#64b5f6}.comm-form-actions{border-color:#3d3d5c}.comm-btn-back,.comm-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.comm-btn-back:hover,.comm-btn-cancel:hover{background:#4d4d6c}.comm-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.comm-btn-secondary:hover{background:#4d4d6c}.comm-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.comm-form-error pre{color:#f5c6cb}.comm-checkbox-list{background:#3d3d5c;border-color:#4d4d6c}.comm-checkbox-item{color:#fff}.comm-checkbox-item:hover{background:#4d4d6c}.comm-modal{background:#2d2d44}.comm-modal-header{border-color:#3d3d5c}.comm-modal-header h3{color:#fff}.comm-modal-close{color:#88a}.comm-modal-close:hover{background-color:#3d3d5c}.comm-modal-footer,.comm-view-row{border-color:#3d3d5c}.comm-view-label{color:#88a}.comm-view-value{color:#fff}.comm-event-preview{background:#3d3d5c}.comm-event-preview div{color:#a0a0c0}.comm-event-preview svg{color:#88a}.comm-empty-icon{color:#3d3d5c}.comm-empty-state p{color:#fff}.comm-empty-state span,.comm-pagination-info,.comm-pagination-items-per-page{color:#88a}.comm-pagination-items-per-page select,.comm-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.comm-pagination-btn:hover:not(:disabled){background:#4d4d6c}.comm-pagination-current{color:#fff}.comm-icon-btn{color:#88a}.comm-icon-btn:hover{background-color:#3d3d5c}.comm-icon-btn-view{color:#64b5f6}.comm-icon-btn-view:hover{background-color:#1a3a5c}.comm-icon-btn-edit{color:#ffa726}.comm-icon-btn-edit:hover{background-color:#5c3d1a}.comm-icon-btn-delete{color:#ef5350}.comm-icon-btn-delete:hover{background-color:#5c1a1a}.comm-icon-btn-publish{color:#66bb6a}.comm-icon-btn-publish:hover{background-color:#1a5c1a}.comm-icon-btn-unpublish{color:#ffa726}.comm-icon-btn-unpublish:hover{background-color:#5c3d1a}.comm-icon-btn-register{color:#64b5f6}.comm-icon-btn-register:hover{background-color:#1a3a5c}.comm-btn-primary{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.comm-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%)}.comm-btn-apply{background:#1976d2}.comm-btn-apply:hover{background:#1565c0}.comm-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.comm-btn-clear:hover{background:#4d4d6c}.comm-btn-retry{background:#1976d2}.comm-btn-retry:hover{background:#1565c0}.comm-page-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}}.comm-modal-large{max-width:800px!important}.comm-modal-header-icon{color:#1976d2;margin-right:8px;font-size:clamp(22px,2.5vw,28px)}.comm-modal-subtitle{color:#88a;margin-left:8px;font-size:clamp(13px,1.1vw,14px);font-weight:400}.comm-modal-section{margin-bottom:20px}.comm-modal-section:last-child{margin-bottom:0}.comm-modal-section h4{color:#1a1a2e;border-bottom:2px solid #f0f0f0;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:clamp(14px,1.3vw,16px);font-weight:600;display:flex}.comm-modal-section-icon{color:#1976d2;font-size:clamp(18px,1.8vw,22px)}.comm-modal-table-wrapper{margin-top:8px;overflow-x:auto}.comm-modal-users-table{border-collapse:collapse;width:100%;font-size:clamp(13px,1.1vw,14px)}.comm-modal-users-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.comm-modal-users-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;padding:10px 12px;font-size:clamp(11px,.9vw,12px);font-weight:600}.comm-modal-users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.comm-modal-users-table tbody tr:hover{background-color:#f8f9fa}.comm-modal-users-table tbody td{vertical-align:middle;padding:10px 12px}.comm-modal-user-info{align-items:center;gap:10px;display:flex}.comm-modal-user-avatar{background:#1976d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.comm-modal-user-avatar svg{color:#fff;font-size:16px}.comm-modal-user-name{color:#1a1a2e;font-weight:500}.comm-reg-status{border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.comm-reg-status-registered{color:#1976d2;background-color:#e3f2fd}.comm-reg-status-attended{color:#2e7d32;background-color:#e8f5e9}.comm-reg-status-cancelled{color:#666;background-color:#f5f5f5}.comm-reg-status-noshow{color:#c62828;background-color:#fde8e8}.comm-no-data{text-align:center;color:#666;padding:30px 16px}.comm-no-data-icon{color:#e0e0e0;margin-bottom:8px;font-size:40px}.comm-no-data p{margin:0;font-size:14px}.comm-loading-text{text-align:center;color:#666;padding:20px}.comm-modal-actions{border-top:1px solid #f0f0f0;justify-content:center;gap:10px;margin-top:16px;padding:12px 0 0;display:flex}.comm-modal-actions .comm-btn-primary{padding:10px 24px}.comm-view-row{border-bottom:1px solid #f5f5f5;grid-template-columns:130px 1fr;gap:12px;padding:8px 0;display:grid}.comm-view-row:last-child{border-bottom:none}.comm-view-label{color:#666;font-size:clamp(12px,1vw,13px);font-weight:600}.comm-view-value{color:#1a1a2e;flex-wrap:wrap;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,14px);display:flex}.comm-view-value .comm-priority-badge,.comm-view-value .comm-status-badge,.comm-view-value .comm-event-status-badge{display:inline-block}@media (prefers-color-scheme:dark){.comm-modal-section h4{color:#fff;border-color:#3d3d5c}.comm-modal-section-icon{color:#64b5f6}.comm-modal-subtitle{color:#88a}.comm-modal-users-table thead{background:#3d3d5c;border-color:#4d4d6c}.comm-modal-users-table thead th{color:#fff}.comm-modal-users-table tbody tr{border-color:#3d3d5c}.comm-modal-users-table tbody tr:hover{background-color:#3d3d5c}.comm-modal-users-table tbody td{color:#d0d0e0}.comm-modal-user-name{color:#fff}.comm-modal-user-avatar{background:#64b5f6}.comm-reg-status-cancelled{color:#88a;background-color:#3d3d5c}.comm-reg-status-noshow{color:#ef5350;background-color:#3d1f1f}.comm-reg-status-registered{color:#64b5f6;background-color:#1a3a5c}.comm-reg-status-attended{color:#66bb6a;background-color:#1a3d2e}.comm-no-data{color:#88a}.comm-no-data-icon{color:#3d3d5c}.comm-loading-text{color:#88a}.comm-view-row{border-color:#3d3d5c}.comm-view-label{color:#88a}.comm-view-value{color:#fff}.comm-modal-actions{border-color:#3d3d5c}.comm-modal-header-icon{color:#64b5f6}}@media (width<=768px){.comm-modal-users-table{font-size:12px}.comm-modal-users-table thead th,.comm-modal-users-table tbody td{padding:6px 8px}.comm-modal-user-avatar{width:28px;height:28px}.comm-modal-user-avatar svg{font-size:14px}.comm-modal-users-table{min-width:500px}.comm-view-row{grid-template-columns:1fr;gap:4px}}@media (width<=480px){.comm-modal-users-table{min-width:400px;font-size:11px}.comm-modal-user-avatar{width:24px;height:24px}.comm-modal-user-avatar svg{font-size:12px}.comm-modal-actions{flex-direction:column}.comm-modal-actions .comm-btn-primary{justify-content:center;width:100%}}.usr-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.usr-page-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.usr-page-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.usr-page-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.usr-page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.usr-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.usr-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.usr-btn-primary:disabled{opacity:.6;cursor:not-allowed}.usr-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.usr-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.usr-btn-cancel{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.usr-btn-cancel:hover{background-color:#e8e8e8}.usr-btn-back{cursor:pointer;color:#1a1a2e;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(13px,1.1vw,14px);transition:all .3s;display:inline-flex}.usr-btn-back:hover{background-color:#f8f9fa}.usr-btn-apply{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.usr-btn-apply:hover{background-color:#5a67d8}.usr-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.usr-btn-clear:hover{background-color:#e8e8e8}.usr-btn-retry{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.usr-btn-retry:hover{background-color:#5a67d8}@media (width<=480px){.usr-btn-label{display:none}.usr-btn-primary,.usr-btn-secondary{padding:6px 10px}}.usr-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.usr-stat-item{text-align:center;padding:4px}.usr-stat-number{color:#667eea;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.usr-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.usr-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.usr-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.usr-search-input-wrapper:focus-within{border-color:#667eea}.usr-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.usr-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.usr-search-input::placeholder{color:#999}.usr-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.usr-clear-search:hover{color:#1a1a2e}.usr-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.usr-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.usr-filter-toggle:hover{background-color:#e8e8e8}.usr-filter-toggle.active{color:#667eea;background-color:#e8eeff;border-color:#667eea}.usr-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.usr-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.usr-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.usr-filter-group{flex-direction:column;gap:4px;display:flex}.usr-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.usr-filter-group select,.usr-filter-group input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.usr-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.usr-filter-actions button{padding:6px 16px}.usr-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:20px;padding:clamp(16px,2vw,24px)}.usr-form-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.usr-form-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.usr-form-header-left h3{color:#1a1a2e;margin:0;font-size:clamp(18px,2vw,20px);font-weight:600}.usr-form-header-right{align-items:center;gap:10px;display:flex}.usr-form-id{color:#666;background:#f8f9fa;border-radius:4px;padding:2px 10px;font-size:clamp(11px,1vw,13px)}.usr-form-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.usr-form-error pre{white-space:pre-wrap;margin:4px 0 0;font-family:inherit;font-size:clamp(12px,1vw,13px)}.usr-form-grid{flex-direction:column;gap:16px;display:flex}.usr-form-section{background:#f8f9fa;border-radius:6px;padding:clamp(12px,1.5vw,16px)}.usr-form-section h4{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin:0 0 12px;padding-bottom:6px;font-size:clamp(14px,1.3vw,16px);font-weight:600}.usr-form-section-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.usr-form-section-grid{grid-template-columns:1fr}}.usr-form-group{flex-direction:column;gap:4px;display:flex}.usr-form-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.usr-form-group input,.usr-form-group select,.usr-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.usr-form-group input:focus,.usr-form-group select:focus,.usr-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.usr-form-group input.usr-error,.usr-form-group select.usr-error,.usr-form-group textarea.usr-error{border-color:#dc3545}.usr-form-group.has-error label{color:#dc3545}.usr-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.usr-required{color:#dc3545}.usr-checkbox-group{flex-direction:row;align-items:center}.usr-checkbox-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.usr-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.usr-form-actions{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;display:flex}@media (width<=480px){.usr-form-actions{flex-direction:column}.usr-form-actions button{justify-content:center;width:100%}}.usr-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.usr-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.usr-table-wrapper::-webkit-scrollbar{height:8px}.usr-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.usr-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.usr-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.usr-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:900px;font-size:clamp(13px,1.1vw,14px)}.usr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.usr-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.usr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.usr-data-table tbody tr:hover{background-color:#f8f9fa}.usr-data-table tbody tr:last-child{border-bottom:none}.usr-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.usr-table-row-inactive{opacity:.6}.usr-table-row-inactive:hover{opacity:.8}.usr-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.usr-col-email{min-width:180px}.usr-col-org{min-width:140px}.usr-col-role{min-width:120px}.usr-col-status,.usr-col-admin{min-width:90px}.usr-col-actions{text-align:center!important;min-width:200px!important}.usr-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.usr-table-user-info{align-items:center;gap:10px;display:flex}.usr-table-avatar{background:#667eea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.usr-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.usr-table-user-details{flex-direction:column;display:flex}.usr-table-user-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.usr-table-user-username{color:#666;font-size:clamp(11px,.9vw,12px)}.usr-table-email,.usr-table-org{align-items:center;gap:6px;display:flex}.usr-table-email span,.usr-table-org span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:clamp(12px,1vw,13px);overflow:hidden}.usr-table-icon{color:#666;flex-shrink:0;font-size:clamp(14px,1.2vw,16px)}.usr-table-empty{color:#bbb}.usr-role-badge{white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.usr-role-superadmin{color:#c62828;background-color:#fce8e8}.usr-role-admin{color:#667eea;background-color:#e8eeff}.usr-role-manager{color:#ed6c02;background-color:#fff3e0}.usr-role-schooladmin{color:#2e7d32;background-color:#e8f5e9}.usr-role-teacher{color:#9c27b0;background-color:#f3e5f5}.usr-role-sponsor{color:#00897b;background-color:#e0f7fa}.usr-role-user{color:#666;background-color:#f5f5f5}.usr-status-badge{white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.usr-status-active{color:#2e7d32;background-color:#e8f5e9}.usr-status-inactive{color:#666;background-color:#f5f5f5}.usr-badge-admin{color:#c62828;white-space:nowrap;background-color:#fce8e8;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.usr-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.usr-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.usr-icon-btn:hover{background-color:#f0f0f0}.usr-icon-btn svg{font-size:clamp(16px,1.5vw,18px)}.usr-icon-btn-permissions{color:#667eea}.usr-icon-btn-permissions:hover{background-color:#e8eeff}.usr-icon-btn-role{color:#9c27b0}.usr-icon-btn-role:hover{background-color:#f3e5f5}.usr-icon-btn-edit{color:#ed6c02}.usr-icon-btn-edit:hover{background-color:#fff3e0}.usr-icon-btn-delete{color:#dc3545}.usr-icon-btn-delete:hover{background-color:#fde8e8}.usr-icon-btn-activate{color:#2e7d32}.usr-icon-btn-activate:hover{background-color:#e8f5e9}.usr-icon-btn-deactivate{color:#ed6c02}.usr-icon-btn-deactivate:hover{background-color:#fff3e0}.usr-icon-btn-make-admin{color:#667eea}.usr-icon-btn-make-admin:hover{background-color:#e8eeff}.usr-icon-btn-remove-admin{color:#dc3545}.usr-icon-btn-remove-admin:hover{background-color:#fde8e8}.usr-icon-btn-expand{color:#666;display:none}.usr-icon-btn-expand .usr-expanded{transform:rotate(180deg)}.usr-table-expanded-row{background-color:#f8f9fa!important}.usr-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.usr-table-expanded-content{padding:4px 0}.usr-expanded-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.usr-expanded-item{flex-direction:column;gap:2px;display:flex}.usr-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.usr-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.usr-expanded-item .usr-role-badge,.usr-expanded-item .usr-status-badge,.usr-expanded-item .usr-badge-admin{width:fit-content;display:inline-block}@media (width<=768px){.usr-icon-btn-expand{display:inline-flex}.usr-data-table{min-width:700px;font-size:12px}.usr-data-table thead th,.usr-data-table tbody td{padding:8px 10px}.usr-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.usr-col-actions{min-width:160px!important}.usr-table-email span,.usr-table-org span{max-width:100px}.usr-table-avatar{width:28px;height:28px}.usr-table-avatar svg{font-size:14px}.usr-icon-btn-permissions,.usr-icon-btn-role{display:none}}@media (width<=480px){.usr-page{padding:10px 12px}.usr-data-table{min-width:550px;font-size:11px}.usr-data-table thead th,.usr-data-table tbody td{padding:6px 8px}.usr-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.usr-col-actions{min-width:120px!important}.usr-table-sn{font-size:10px}.usr-table-user-name{font-size:11px}.usr-table-user-username{font-size:10px}.usr-table-avatar{border-radius:6px;width:24px;height:24px}.usr-table-avatar svg{font-size:12px}.usr-table-email span,.usr-table-org span{max-width:70px;font-size:10px}.usr-table-email .usr-table-icon,.usr-table-org .usr-table-icon{display:none}.usr-role-badge,.usr-status-badge,.usr-badge-admin{padding:2px 8px;font-size:8px}.usr-icon-btn svg{font-size:14px}.usr-icon-btn{padding:2px 4px}.usr-col-email{min-width:100px}.usr-col-org{min-width:80px}.usr-col-role{min-width:70px}.usr-col-status,.usr-col-admin{min-width:60px}.usr-expanded-info{grid-template-columns:1fr 1fr;gap:6px}.usr-expanded-item label{font-size:9px}.usr-expanded-item span{font-size:12px}}@media (width<=360px){.usr-data-table{min-width:450px;font-size:10px}.usr-data-table thead th,.usr-data-table tbody td{padding:4px 6px}.usr-col-sn{width:30px!important;min-width:30px!important;max-width:30px!important}.usr-col-actions{min-width:100px!important}.usr-table-avatar{width:20px;height:20px}.usr-table-avatar svg{font-size:10px}.usr-icon-btn svg{font-size:12px}.usr-expanded-info{grid-template-columns:1fr}}.usr-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.usr-pagination-info{color:#666;font-size:clamp(12px,1vw,14px)}.usr-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.usr-pagination-items-per-page{color:#666;align-items:center;gap:6px;font-size:clamp(12px,1vw,14px);display:flex}.usr-pagination-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;font-size:clamp(12px,1vw,13px)}.usr-pagination-buttons{align-items:center;gap:6px;display:flex}.usr-pagination-btn{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(12px,1vw,13px);transition:all .2s}.usr-pagination-btn:hover:not(:disabled){background:#e8e8e8}.usr-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.usr-pagination-current{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:500}.usr-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.usr-modal{background:#fff;border-radius:12px;width:100%;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.usr-modal-large{max-width:700px}@media (width>=600px){.usr-modal{max-width:500px}}.usr-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:flex-start;gap:8px;padding:16px 20px;display:flex}.usr-modal-header h3{color:#1a1a2e;flex-direction:column;gap:2px;margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:600;display:flex}.usr-modal-subtitle{color:#666;font-size:clamp(13px,1.1vw,14px);font-weight:400}.usr-modal-close{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.usr-modal-close:hover{color:#1a1a2e}.usr-modal-body{padding:16px 20px}.usr-modal-footer{border-top:1px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.usr-modal-footer{flex-direction:column}.usr-modal-footer button{justify-content:center;width:100%}}.usr-permissions-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}@media (width<=600px){.usr-permissions-grid{grid-template-columns:1fr}}.usr-permission-category{background:#f8f9fa;border-radius:6px;padding:10px}.usr-permission-category-header{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:6px;padding-bottom:4px;display:flex}.usr-permission-category-header h4{color:#667eea;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:clamp(12px,1vw,13px);font-weight:600}.usr-select-all{color:#666;cursor:pointer;align-items:center;gap:4px;font-size:clamp(11px,.9vw,12px);display:flex}.usr-select-all input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:14px;height:14px}.usr-permission-items{flex-direction:column;gap:2px;display:flex}.usr-permission-item{cursor:pointer;color:#1a1a2e;border-radius:4px;align-items:center;gap:6px;padding:3px 4px;font-size:clamp(12px,1vw,13px);transition:background-color .2s;display:flex}.usr-permission-item:hover{background-color:#f0f0f0}.usr-permission-item input[type=checkbox]{cursor:pointer;accent-color:#667eea;flex-shrink:0;width:15px;height:15px}.usr-permissions-summary{border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px;padding-top:12px;display:flex}.usr-permissions-count{background:#f8f9fa;border-radius:6px;flex-direction:column;align-items:center;padding:4px 12px;display:flex}.usr-permissions-number{color:#667eea;font-size:clamp(18px,2vw,20px);font-weight:700}.usr-permissions-label{color:#666;font-size:clamp(10px,.8vw,12px)}.usr-permissions-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.usr-btn-save-permissions{align-items:center;gap:6px;display:inline-flex}.usr-loading-permissions{text-align:center;color:#666;padding:20px}.usr-no-permissions{text-align:center;color:#666;padding:30px 16px}.usr-no-permissions svg{color:#e0e0e0;margin-bottom:10px;font-size:clamp(40px,5vw,48px)}.usr-no-permissions p{color:#1a1a2e;margin:0;font-size:clamp(15px,1.5vw,16px);font-weight:500}.usr-no-permissions span{font-size:clamp(13px,1.1vw,14px)}.usr-page-loading{text-align:center;color:#666;padding:40px 16px}.usr-page-loading-spinner{border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin:0 auto 14px;animation:.8s linear infinite usr-spin}@keyframes usr-spin{to{transform:rotate(360deg)}}.usr-empty-state{text-align:center;color:#666;padding:40px 16px}.usr-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.usr-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.usr-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.usr-empty-state .usr-btn-primary{margin:12px auto 0}.usr-page-error{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;padding:14px 18px}.usr-error-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.usr-error-content strong{font-weight:600}@keyframes usr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes usr-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.usr-page{background:#1a1a2e}.usr-page-header{border-color:#2d2d44}.usr-page-header-left h2{color:#fff}.usr-page-subtitle{color:#88a}.usr-stats-summary{background:#2d2d44;border-color:#3d3d5c}.usr-stat-number{color:#89f}.usr-stat-label{color:#88a}.usr-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.usr-search-input{color:#fff}.usr-search-input::placeholder,.usr-search-icon{color:#88a}.usr-stats-badge{color:#88a;background:#2d2d44}.usr-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.usr-filter-toggle.active{color:#89f;background:#1a2a5c;border-color:#89f}.usr-filter-panel{background:#2d2d44;border-color:#3d3d5c}.usr-filter-group label{color:#fff}.usr-filter-group select,.usr-filter-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.usr-table-container{background:#2d2d44;border-color:#3d3d5c}.usr-data-table{background:#2d2d44}.usr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.usr-data-table thead th{color:#fff;background:#3d3d5c}.usr-data-table tbody tr{border-color:#3d3d5c}.usr-data-table tbody tr:hover{background-color:#3d3d5c}.usr-data-table tbody td{color:#d0d0e0}.usr-table-user-name{color:#fff}.usr-table-user-username,.usr-table-icon{color:#88a}.usr-table-empty{color:#4d4d6c}.usr-table-expanded-row{background-color:#3d3d5c!important}.usr-expanded-item label{color:#88a}.usr-expanded-item span{color:#fff}.usr-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.usr-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.usr-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.usr-role-user,.usr-status-inactive{color:#88a;background:#3d3d5c}.usr-form-container{background:#2d2d44;border-color:#3d3d5c}.usr-form-header{border-color:#3d3d5c}.usr-form-header-left h3{color:#fff}.usr-form-id{color:#88a;background:#3d3d5c}.usr-form-section{background:#3d3d5c}.usr-form-section h4{color:#fff;border-color:#4d4d6c}.usr-form-group label{color:#fff}.usr-form-group input,.usr-form-group select,.usr-form-group textarea{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.usr-form-group input:focus,.usr-form-group select:focus,.usr-form-group textarea:focus{border-color:#89f}.usr-form-actions{border-color:#3d3d5c}.usr-btn-back,.usr-btn-cancel{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.usr-btn-back:hover,.usr-btn-cancel:hover{background:#4d4d6c}.usr-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.usr-btn-secondary:hover{background:#4d4d6c}.usr-form-error{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.usr-modal{background:#2d2d44}.usr-modal-header{border-color:#3d3d5c}.usr-modal-header h3{color:#fff}.usr-modal-subtitle{color:#88a}.usr-modal-footer{border-color:#3d3d5c}.usr-pagination-info,.usr-pagination-items-per-page{color:#88a}.usr-pagination-items-per-page select,.usr-pagination-btn{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.usr-pagination-btn:hover:not(:disabled){background:#4d4d6c}.usr-pagination-current{color:#fff}.usr-icon-btn{color:#88a}.usr-icon-btn:hover{background-color:#3d3d5c}.usr-icon-btn-permissions{color:#89f}.usr-icon-btn-permissions:hover{background-color:#1a2a5c}.usr-icon-btn-role{color:#ce93d8}.usr-icon-btn-role:hover{background-color:#3d1a5c}.usr-icon-btn-edit{color:#ffb74d}.usr-icon-btn-edit:hover{background-color:#5c3d1a}.usr-icon-btn-delete{color:#ef5350}.usr-icon-btn-delete:hover{background-color:#5c1a1a}.usr-empty-icon{color:#3d3d5c}.usr-empty-state p{color:#fff}.usr-empty-state span{color:#88a}.usr-permission-category{background:#3d3d5c}.usr-permission-category-header{border-color:#4d4d6c}.usr-permission-category-header h4{color:#89f}.usr-select-all{color:#88a}.usr-permission-item{color:#d0d0e0}.usr-permission-item:hover{background-color:#4d4d6c}.usr-permissions-count{background:#3d3d5c}.usr-permissions-number{color:#89f}.usr-permissions-label{color:#88a}.usr-btn-primary{background:#667eea}.usr-btn-primary:hover:not(:disabled){background:#5a67d8}.usr-btn-apply{background:#667eea}.usr-btn-apply:hover{background:#5a67d8}.usr-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.usr-btn-clear:hover{background:#4d4d6c}}.usr-modal-section{margin-bottom:20px}.usr-modal-section h4{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:clamp(14px,1.2vw,16px);font-weight:600}.usr-modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.usr-modal-info-item{flex-direction:column;gap:2px;display:flex}.usr-modal-info-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.usr-modal-info-item span{color:#1a1a2e;align-items:center;gap:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;display:flex}.usr-modal-icon{color:#666;font-size:clamp(14px,1.2vw,16px)}.usr-modal-header-icon{color:#667eea;margin-right:8px;font-size:clamp(20px,2vw,24px)}.usr-modal-note{color:#666;background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;padding:8px 12px;font-size:13px}.usr-modal-permissions{background:#f8f9fa;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.usr-modal-permissions-icon{color:#667eea;font-size:20px}.usr-modal-hint{color:#666;background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:13px}.usr-form-note{color:#1a1a2e;background:#e8eeff;border-radius:6px;margin-bottom:12px;padding:10px 12px}.usr-form-note strong{color:#667eea}.usr-form-hint{color:#666;margin-top:4px;font-size:12px}.usr-current-org{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:12px;padding:10px 12px}.usr-current-org label{color:#666;margin-bottom:2px;font-size:12px;font-weight:600;display:block}.usr-current-org span{color:#1a1a2e;font-size:14px}.usr-icon-btn-view{color:#1976d2}.usr-icon-btn-view:hover{background-color:#e3f2fd}.usr-icon-btn-password{color:#ed6c02}.usr-icon-btn-password:hover{background-color:#fff3e0}.usr-icon-btn-assign-org{color:#2e7d32}.usr-icon-btn-assign-org:hover{background-color:#e8f5e9}@media (prefers-color-scheme:dark){.usr-modal-section h4{color:#fff;border-color:#3d3d5c}.usr-modal-info-item label{color:#88a}.usr-modal-info-item span{color:#fff}.usr-modal-icon{color:#88a}.usr-modal-note{color:#d0d0e0;background:#3d3d5c;border-left-color:#89f}.usr-modal-permissions{background:#3d3d5c}.usr-modal-hint{color:#d0d0e0;background:#3d3d5c;border-left-color:#89f}.usr-form-note{color:#fff;background:#1a2a5c}.usr-form-note strong{color:#89f}.usr-current-org{background:#3d3d5c;border-color:#4d4d6c}.usr-current-org label{color:#88a}.usr-current-org span{color:#fff}}.usr-all-orgs-tag{color:#2e7d32;background:#e8f5e9;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.usr-all-orgs-tag svg,.usr-all-orgs-icon{font-size:14px}.usr-orgs-tag{color:#1976d2;cursor:help;background:#e3f2fd;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.usr-orgs-tag svg,.usr-orgs-icon{font-size:14px}.usr-org-checkbox-grid{border:1px solid #e0e0e0;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:200px;padding:10px 12px;display:grid;overflow-y:auto}.usr-org-checkbox-grid::-webkit-scrollbar{width:6px}.usr-org-checkbox-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.usr-org-checkbox-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.usr-org-checkbox-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.usr-org-checkbox-item{cursor:pointer;color:#1a1a2e;background:#f8f9fa;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:background-color .2s;display:flex}.usr-org-checkbox-item:hover{background:#e3f2fd;border-color:#90caf9}.usr-org-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:#1976d2;flex-shrink:0;width:16px;height:16px}.usr-org-checkbox-item:has(input:checked){background:#e3f2fd;border-color:#64b5f6}.usr-org-checkbox-icon{color:#666;font-size:16px}.usr-org-checkbox-item:has(input:checked) .usr-org-checkbox-icon{color:#1976d2}.usr-current-org-badge{color:#2e7d32;background:#e8f5e9;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:500}.usr-current-orgs{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:16px;padding:12px 16px}.usr-current-orgs label{color:#1a1a2e;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.usr-current-orgs-list{flex-wrap:wrap;gap:6px;display:flex}.usr-current-org-tag{color:#1976d2;background:#e3f2fd;border-radius:12px;align-items:center;padding:2px 10px;font-size:12px;display:inline-flex}.usr-no-orgs{color:#666;font-style:italic}.usr-checkbox-icon{color:#666;font-size:18px}.usr-checkbox-group label:has(input:checked) .usr-checkbox-icon{color:#1976d2}.usr-hint-success{color:#2e7d32;background:#e8f5e9;border-left:3px solid #2e7d32;border-radius:4px;margin-top:6px;padding:6px 12px;font-size:13px;display:block}.usr-hint-success svg{vertical-align:middle;margin-right:4px;font-size:16px}.usr-full-width{grid-column:1/-1}@media (prefers-color-scheme:dark){.usr-all-orgs-tag{color:#81c784;background:#1a3a2a}.usr-orgs-tag{color:#64b5f6;background:#1a2a4a}.usr-org-checkbox-grid{background:#2d2d44;border-color:#3d3d5c}.usr-org-checkbox-item{color:#d0d0e0;background:#3d3d5c}.usr-org-checkbox-item:hover{background:#4d4d6c;border-color:#5d5d8c}.usr-org-checkbox-item:has(input:checked){background:#1a2a4a;border-color:#1976d2}.usr-org-checkbox-icon{color:#88a}.usr-org-checkbox-item:has(input:checked) .usr-org-checkbox-icon{color:#64b5f6}.usr-current-orgs{background:#2d2d44;border-color:#3d3d5c}.usr-current-orgs label{color:#d0d0e0}.usr-current-org-tag{color:#64b5f6;background:#1a2a4a}.usr-no-orgs{color:#88a}.usr-hint-success{color:#81c784;background:#1a3a2a;border-left-color:#81c784}.usr-org-checkbox-grid::-webkit-scrollbar-track{background:#3d3d5c}.usr-org-checkbox-grid::-webkit-scrollbar-thumb{background:#5d5d7c}.usr-org-checkbox-grid::-webkit-scrollbar-thumb:hover{background:#7d7d9c}}@media (width<=768px){.usr-org-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:150px}.usr-org-checkbox-item{padding:4px 8px;font-size:12px}}@media (width<=480px){.usr-org-checkbox-grid{grid-template-columns:1fr;max-height:120px}.usr-org-checkbox-item{padding:3px 6px;font-size:11px}.usr-orgs-tag,.usr-all-orgs-tag{padding:1px 8px;font-size:10px}.usr-current-orgs{padding:8px 12px}.usr-current-org-tag{padding:1px 8px;font-size:10px}}.prf-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}.prf-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.prf-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.prf-header-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.prf-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prf-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.prf-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.prf-btn-primary:disabled{opacity:.6;cursor:not-allowed}.prf-btn-outline{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.prf-btn-outline:hover{background-color:#e8e8e8;border-color:silver}.prf-btn-icon{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.prf-btn-icon:hover{color:#1a1a2e;background-color:#f0f0f0}.prf-edit-actions{gap:8px;display:flex}.prf-alert{border:1px solid;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.prf-alert-success{color:#2e7d32;background-color:#e8f5e9;border-color:#a5d6a7}.prf-alert-error{color:#721c24;background-color:#fde8e8;border-color:#f5c6cb}.prf-profile-header{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.prf-avatar-section{align-items:center;gap:20px;display:flex}.prf-avatar-wrapper{flex-shrink:0;position:relative}.prf-avatar{object-fit:cover;background:#f0f0f0;border:3px solid #e0e0e0;border-radius:50%;width:80px;height:80px}.prf-avatar-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:3px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.prf-avatar-initials{color:#fff;font-size:28px;font-weight:600}.prf-avatar-edit-btn{color:#fff;cursor:pointer;background:#667eea;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:-6px;right:-6px}.prf-avatar-edit-btn:hover:not(:disabled){background:#5a67d8;transform:scale(1.05)}.prf-avatar-edit-btn:disabled{opacity:.6;cursor:not-allowed}.prf-avatar-edit-btn svg{font-size:16px}.prf-avatar-upload-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:4px;padding:4px 12px;font-size:12px;position:absolute;bottom:-38px;left:50%;transform:translate(-50%)}.prf-avatar-upload-btn:hover:not(:disabled){background:#5a67d8}.prf-avatar-upload-btn:disabled{opacity:.6;cursor:not-allowed}.prf-user-info{flex:1}.prf-user-name{color:#1a1a2e;margin:0 0 2px;font-size:clamp(20px,2.5vw,24px);font-weight:700}.prf-user-username{color:#666;margin:0 0 8px;font-size:clamp(13px,1.1vw,14px)}.prf-user-badges{flex-wrap:wrap;gap:6px;display:flex}.prf-badge{border-radius:12px;align-items:center;gap:4px;padding:2px 12px;font-size:clamp(11px,.9vw,12px);font-weight:500;display:inline-flex}.prf-badge-role{font-weight:600}.prf-role-superadmin{color:#c62828;background:#fce8e8}.prf-role-admin{color:#667eea;background:#e8eeff}.prf-role-manager{color:#2e7d32;background:#e8f5e9}.prf-role-schooladmin{color:#00897b;background:#e0f7fa}.prf-role-teacher{color:#9c27b0;background:#f3e5f5}.prf-role-sponsor{color:#ed6c02;background:#fff3e0}.prf-status-active{color:#2e7d32;background:#e8f5e9}.prf-status-inactive{color:#666;background:#f5f5f5}.prf-badge-staff{color:#667eea;background:#e8eeff}.prf-badge-superuser{color:#c62828;background:#fce8e8}.prf-badge-icon{font-size:14px}.prf-quick-actions{gap:8px;display:flex}.prf-quick-action{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:clamp(13px,1.1vw,14px);transition:all .2s;display:inline-flex}.prf-quick-action:hover{background:#f8f9fa;border-color:silver}.prf-tabs{border-bottom:2px solid #f0f0f0;gap:0;margin-bottom:20px;display:flex}.prf-tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 20px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .2s;display:flex}.prf-tab:hover{color:#1a1a2e;background:#f8f9fa}.prf-tab-active{color:#667eea;border-bottom-color:#667eea}.prf-tab svg{font-size:18px}.prf-tab-content{min-height:300px}.prf-grid{gap:16px;display:grid}.prf-grid-2{grid-template-columns:1fr 1fr}.prf-grid-3{grid-template-columns:1fr 1fr 1fr}.prf-field-group{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:16px}.prf-field-group-title{color:#1a1a2e;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:clamp(15px,1.3vw,16px);font-weight:600;display:flex}.prf-field-group-icon{color:#667eea}.prf-field{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.prf-field:last-child{margin-bottom:0}.prf-field label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.prf-field span{color:#1a1a2e;align-items:center;gap:6px;font-size:clamp(13px,1.1vw,14px);display:flex}.prf-field input{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s}.prf-field input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.prf-field input.prf-error{border-color:#dc3545}.prf-field-icon{color:#666;font-size:16px}.prf-error-text{color:#dc3545;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.prf-required{color:#dc3545}.prf-stem-yes{color:#2e7d32;align-items:center;gap:4px;font-weight:500;display:inline-flex}.prf-stem-no{color:#666}.prf-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.prf-stat-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:16px}.prf-stat-number{color:#1a1a2e;font-size:clamp(24px,2.5vw,28px);font-weight:700}.prf-stat-label{color:#666;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:clamp(11px,.9vw,12px);display:flex}.prf-stat-icon{color:#667eea;font-size:16px}.prf-recent-activity{margin-top:20px}.prf-recent-title{color:#1a1a2e;align-items:center;gap:8px;margin:0 0 12px;font-size:clamp(15px,1.3vw,16px);font-weight:600;display:flex}.prf-activity-list{flex-direction:column;gap:8px;display:flex}.prf-activity-item{border:1px solid #f0f0f0;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;transition:background .2s;display:flex}.prf-activity-item:hover{background:#f8f9fa}.prf-activity-icon{color:#667eea;background:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.prf-activity-content{flex:1;min-width:0}.prf-activity-title{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.prf-activity-description{color:#666;font-size:clamp(12px,1vw,13px)}.prf-activity-date{color:#999;margin-top:2px;font-size:clamp(11px,.9vw,12px)}.prf-activity-link{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 12px;font-size:clamp(11px,.9vw,12px);transition:all .2s}.prf-activity-link:hover{background:#f8f9fa;border-color:silver}.prf-empty-state{text-align:center;color:#666;padding:40px 20px}.prf-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:48px}.prf-empty-state h3{color:#1a1a2e;margin:0 0 4px;font-size:18px;font-weight:600}.prf-empty-state p{margin:0;font-size:14px}.prf-page-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.prf-page-loading-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite prf-spin}.prf-spinner-small{border:2px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite prf-spin}@keyframes prf-spin{to{transform:rotate(360deg)}}.prf-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.prf-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:440px;max-height:90vh;display:flex;box-shadow:0 20px 60px #0000004d}.prf-modal-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.prf-modal-header h3{color:#1a1a2e;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.prf-modal-icon{color:#667eea}.prf-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.prf-modal-close:hover{color:#1a1a2e;background:#f0f0f0}.prf-modal-body{padding:20px;overflow-y:auto}.prf-form-group{margin-bottom:16px}.prf-form-group:last-child{margin-bottom:0}.prf-form-group label{color:#1a1a2e;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.prf-form-group input{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px 10px;font-size:14px;transition:border-color .3s}.prf-form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.prf-form-group.prf-error input{border-color:#dc3545}.prf-modal-footer{border-top:2px solid #f0f0f0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}@media (width<=1024px){.prf-grid-3{grid-template-columns:1fr 1fr}}@media (width<=768px){.prf-page{padding:12px 16px}.prf-header{flex-direction:column;align-items:stretch;gap:12px}.prf-header-right{flex-wrap:wrap}.prf-profile-header{text-align:center;flex-direction:column;align-items:stretch;padding:16px}.prf-avatar-section{text-align:center;flex-direction:column}.prf-user-badges,.prf-quick-actions{justify-content:center}.prf-grid-2,.prf-grid-3{grid-template-columns:1fr}.prf-tabs{overflow-x:auto}.prf-tab{white-space:nowrap;padding:8px 14px;font-size:13px}.prf-tab span{display:none}.prf-stats-grid{grid-template-columns:repeat(2,1fr)}.prf-modal{max-width:100%;margin:16px}}@media (width<=480px){.prf-stats-grid{grid-template-columns:1fr 1fr}.prf-activity-item{flex-wrap:wrap}.prf-activity-link{text-align:center;width:100%}.prf-edit-actions{flex-direction:column;width:100%}.prf-edit-actions button{justify-content:center;width:100%}.prf-avatar,.prf-avatar-placeholder{width:64px;height:64px}.prf-avatar-initials{font-size:22px}.prf-avatar-edit-btn{width:28px;height:28px}.prf-avatar-edit-btn svg{font-size:14px}}@media (prefers-color-scheme:dark){.prf-page{background:#1a1a2e}.prf-header{border-color:#2d2d44}.prf-header-left h2{color:#fff}.prf-header-subtitle{color:#88a}.prf-profile-header{background:#2d2d44;border-color:#3d3d5c}.prf-user-name{color:#fff}.prf-user-username{color:#88a}.prf-field-group{background:#2d2d44;border-color:#3d3d5c}.prf-field-group-title{color:#fff;border-color:#3d3d5c}.prf-field label{color:#88a}.prf-field span{color:#fff}.prf-field input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prf-field input:focus{border-color:#89f}.prf-stat-card{background:#2d2d44;border-color:#3d3d5c}.prf-stat-number{color:#fff}.prf-stat-label{color:#88a}.prf-stat-icon{color:#89f}.prf-activity-item{border-color:#3d3d5c}.prf-activity-item:hover{background:#2d2d44}.prf-activity-title{color:#fff}.prf-activity-description{color:#88a}.prf-activity-date{color:#666}.prf-activity-link{color:#fff;background:#2d2d44;border-color:#3d3d5c}.prf-activity-link:hover{background:#3d3d5c}.prf-activity-icon{color:#89f;background:#3d3d5c}.prf-empty-state h3{color:#fff}.prf-empty-state p{color:#88a}.prf-modal{background:#2d2d44}.prf-modal-header{border-color:#3d3d5c}.prf-modal-header h3{color:#fff}.prf-modal-close{color:#88a}.prf-modal-close:hover{color:#fff;background:#3d3d5c}.prf-form-group label{color:#fff}.prf-form-group input{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prf-form-group input:focus{border-color:#89f}.prf-modal-footer{border-color:#3d3d5c}.prf-btn-outline{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prf-btn-outline:hover{background:#4d4d6c}.prf-btn-icon{color:#88a}.prf-btn-icon:hover{color:#fff;background:#3d3d5c}.prf-quick-action{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.prf-quick-action:hover{background:#4d4d6c}.prf-tabs{border-color:#3d3d5c}.prf-tab{color:#88a}.prf-tab:hover{color:#fff;background:#2d2d44}.prf-tab-active{color:#89f;border-color:#89f}.prf-alert-success{color:#81c784;background:#1a3d2a;border-color:#2e7d32}.prf-alert-error{color:#ef9a9a;background:#3d1f1f;border-color:#5c3d3d}.prf-avatar,.prf-avatar-placeholder{border-color:#3d3d5c}.prf-stem-no{color:#88a}.prf-badge-staff{color:#89f;background:#1a2a5c}.prf-badge-superuser,.prf-role-superadmin{color:#ef5350;background:#3d1f1f}.prf-role-admin{color:#89f;background:#1a2a5c}.prf-role-manager{color:#81c784;background:#1a3d2a}.prf-role-schooladmin{color:#4dd0e1;background:#1a3d3d}.prf-role-teacher{color:#ce93d8;background:#2d1a3d}.prf-role-sponsor{color:#ffb74d;background:#3d2a1a}.prf-status-active{color:#81c784;background:#1a3d2a}.prf-status-inactive{color:#88a;background:#2d2d44}}@media print{.prf-header-right,.prf-quick-actions,.prf-tabs,.prf-avatar-edit-btn,.prf-activity-link,.prf-btn-primary,.prf-btn-outline,.prf-btn-icon{display:none!important}.prf-profile-header{break-inside:avoid;border:1px solid #e0e0e0}.prf-grid-3{grid-template-columns:1fr 1fr 1fr!important}.prf-field-group{break-inside:avoid;border:1px solid #e0e0e0}}.kud-page{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;padding:16px 20px;overflow-x:hidden}*{box-sizing:border-box}.kud-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.kud-loading-spinner{border:4px solid #e0e0e0;border-top-color:#00897b;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite kud-spin}@keyframes kud-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kud-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.kud-header-left h2{color:#1a1a2e;margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}.kud-subtitle{color:#666;margin:0;font-size:clamp(13px,1.2vw,14px)}.kud-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kud-btn-secondary{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:clamp(13px,1.1vw,14px);font-weight:500;transition:all .3s;display:inline-flex}.kud-btn-secondary:hover{background-color:#e8e8e8;border-color:silver}.kud-btn-secondary svg{font-size:18px}@media (width<=480px){.kud-btn-label{display:none}.kud-btn-secondary{padding:6px 10px}}.kud-stats-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.kud-stat-card{text-align:center;padding:4px}.kud-stat-number{color:#00897b;font-size:clamp(20px,2.5vw,24px);font-weight:700;display:block}.kud-stat-label{color:#666;margin-top:2px;font-size:clamp(11px,1vw,12px);font-weight:500;display:block}.kud-search-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.kud-search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;min-width:200px;max-width:100%;padding:6px 12px;transition:border-color .3s;display:flex}.kud-search-input-wrapper:focus-within{border-color:#00897b}.kud-search-icon{color:#666;flex-shrink:0;margin-right:8px;font-size:clamp(18px,1.8vw,20px)}.kud-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:clamp(13px,1.1vw,14px)}.kud-search-input::placeholder{color:#999}.kud-clear-search{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.kud-clear-search:hover{color:#1a1a2e}.kud-search-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.kud-filter-toggle{cursor:pointer;color:#1a1a2e;white-space:nowrap;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s;display:inline-flex}.kud-filter-toggle:hover{background-color:#e8e8e8}.kud-filter-toggle.active{color:#00897b;background-color:#e0f2f1;border-color:#00897b}.kud-stats-badge{color:#666;white-space:nowrap;background-color:#f8f9fa;border-radius:20px;padding:4px 12px;font-size:clamp(12px,1vw,14px);font-weight:500}.kud-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.kud-filter-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kud-filter-group{flex-direction:column;gap:4px;display:flex}.kud-filter-group label{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:500}.kud-filter-group select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 10px;font-size:clamp(12px,1vw,13px)}.kud-filter-group select:focus{border-color:#00897b;outline:none}.kud-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.kud-btn-apply{color:#fff;cursor:pointer;background-color:#00897b;border:none;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.kud-btn-apply:hover{background-color:#00695c}.kud-btn-clear{cursor:pointer;color:#1a1a2e;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:clamp(12px,1vw,13px);font-weight:500;transition:all .3s}.kud-btn-clear:hover{background-color:#e8e8e8}.kud-error-message{color:#721c24;background-color:#fde8e8;border:1px solid #f5c6cb;border-radius:6px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.kud-error-message button{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;margin-left:auto;padding:4px 12px}.kud-error-message button:hover{background:#b91c1c}.kud-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.kud-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:0;overflow:auto visible}.kud-table-wrapper::-webkit-scrollbar{height:8px}.kud-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.kud-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.kud-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.kud-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:1000px;font-size:clamp(13px,1.1vw,14px)}.kud-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.kud-data-table thead th{text-align:left;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:10;background:#f8f9fa;padding:12px 14px;font-size:clamp(11px,1vw,12px);font-weight:600;position:sticky;top:0}.kud-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.kud-data-table tbody tr:hover{background-color:#f8f9fa}.kud-data-table tbody tr:last-child{border-bottom:none}.kud-data-table tbody td{vertical-align:middle;white-space:nowrap;padding:10px 14px}.kud-col-sn{text-align:center!important;width:50px!important;min-width:50px!important;max-width:50px!important}.kud-col-serial,.kud-col-type{min-width:120px}.kud-col-status{min-width:130px}.kud-col-usage{text-align:center;min-width:70px}.kud-col-students{text-align:center;min-width:80px}.kud-col-location{min-width:150px}.kud-col-actions{text-align:center!important;min-width:60px!important}.kud-table-sn{color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;display:inline-block}.kud-table-kit-info{align-items:center;gap:10px;display:flex}.kud-table-avatar{background:linear-gradient(135deg,#00897b 0%,#00695c 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);display:flex}.kud-table-avatar svg{color:#fff;font-size:clamp(16px,1.5vw,20px)}.kud-table-kit-details{flex-direction:column;display:flex}.kud-table-kit-name{color:#1a1a2e;font-size:clamp(13px,1.1vw,14px);font-weight:500}.kud-table-kit-org{color:#666;font-size:clamp(11px,.9vw,12px)}.kud-table-icon{color:#666;font-size:clamp(12px,1vw,14px)}.kud-serial-tag{color:#1a1a2e;background:#f0f0f0;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:clamp(11px,.9vw,12px);display:inline-block}.kud-type-badge{color:#00897b;background:#e0f2f1;border-radius:20px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-block}.kud-status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:clamp(10px,.9vw,11px);font-weight:500;display:inline-flex}.kud-status-badge svg{font-size:16px}.kud-status-badge.kud-status-available{color:#2e7d32;background:#e8f5e9}.kud-status-badge.kud-status-allocated{color:#ed6c02;background:#fff3e0}.kud-status-badge.kud-status-maintenance{color:#1976d2;background:#e3f2fd}.kud-status-badge.kud-status-damaged{color:#dc3545;background:#fde8e8}.kud-status-badge.kud-status-lost,.kud-status-badge.kud-status-default{color:#666;background:#f5f5f5}.kud-usage-badge{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:3px 12px;font-size:clamp(13px,1.1vw,14px);font-weight:700;display:inline-block}.kud-students-badge{color:#e65100;background:#fff3e0;border-radius:20px;padding:3px 12px;font-size:clamp(13px,1.1vw,14px);font-weight:700;display:inline-block}.kud-table-location{align-items:center;gap:4px;display:flex}.kud-table-location span{font-size:clamp(11px,.9vw,12px)}.kud-table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.kud-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.kud-icon-btn:hover{background-color:#f0f0f0}.kud-icon-btn svg{font-size:clamp(18px,1.8vw,20px)}.kud-icon-btn .kud-expanded{transform:rotate(180deg)}.kud-table-expanded-row{background-color:#f8f9fa!important}.kud-table-expanded-row td{white-space:normal!important;padding:12px 16px!important}.kud-table-expanded-content{padding:4px 0}.kud-expanded-info{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.kud-expanded-item{flex-direction:column;gap:2px;display:flex}.kud-expanded-item label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:clamp(10px,.8vw,11px);font-weight:600}.kud-expanded-item span{color:#1a1a2e;word-break:break-word;font-size:clamp(13px,1.1vw,14px)}.kud-expanded-item .kud-type-badge,.kud-expanded-item .kud-status-badge{width:fit-content;display:inline-block}.kud-allocation-details{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.kud-allocation-details h5{color:#374151;margin:0 0 8px;font-size:14px}.kud-allocation-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.kud-usage-history{margin-bottom:16px}.kud-usage-history h5{color:#374151;margin:0 0 8px;font-size:14px}.kud-usage-chart{flex-direction:column;gap:6px;display:flex}.kud-usage-bar{align-items:center;gap:12px;display:flex}.kud-usage-bar-label{color:#6b7280;min-width:80px;font-size:12px}.kud-usage-bar-track{background:#e5e7eb;border-radius:12px;flex:1;height:24px;position:relative;overflow:hidden}.kud-usage-bar-fill{background:linear-gradient(90deg,#00897b,#4db6ac);border-radius:12px;justify-content:flex-end;align-items:center;min-width:30px;height:100%;padding-right:10px;transition:width .5s;display:flex}.kud-usage-bar-count{color:#fff;font-size:11px;font-weight:600}.kud-condition{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.kud-condition.good{color:#2e7d32;background:#e8f5e9}.kud-condition.in-use{color:#ed6c02;background:#fff3e0}.kud-condition.needs-attention{color:#dc2626;background:#fef2f2}.kud-maintenance-notes{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:12px 16px}.kud-maintenance-notes h5{color:#f57f17;margin:0 0 4px;font-size:14px}.kud-maintenance-notes p{color:#6d4c41;margin:0;font-size:13px}.kud-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 16px;display:flex}.kud-empty-icon{color:#e0e0e0;margin-bottom:12px;font-size:clamp(48px,6vw,64px)}.kud-empty-state p{color:#1a1a2e;margin:0 0 2px;font-size:clamp(17px,1.8vw,18px);font-weight:500}.kud-empty-state span{color:#666;font-size:clamp(13px,1.1vw,14px)}.kud-error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex}.kud-error-icon{color:#dc2626;margin-bottom:16px;font-size:64px}.kud-error-container h3{color:#1a1a2e;margin:0}.kud-error-container p{color:#6b7280;margin:8px 0 0}@media (width<=768px){.kud-page{padding:12px 16px}.kud-header{flex-direction:column;align-items:stretch}.kud-header-right{justify-content:flex-start}.kud-stats-summary{grid-template-columns:repeat(2,1fr)}.kud-data-table{min-width:850px;font-size:12px}.kud-data-table thead th,.kud-data-table tbody td{padding:8px 10px}.kud-col-sn{width:40px!important;min-width:40px!important;max-width:40px!important}.kud-col-actions{min-width:50px!important}.kud-table-avatar{width:28px;height:28px}.kud-table-avatar svg{font-size:14px}.kud-expanded-info{grid-template-columns:1fr 1fr}.kud-filter-row{grid-template-columns:1fr}.kud-filter-actions{flex-direction:column}.kud-filter-actions button{width:100%}}@media (width<=480px){.kud-page{padding:10px 12px}.kud-stats-summary{grid-template-columns:1fr}.kud-search-bar{flex-direction:column}.kud-search-actions{justify-content:stretch}.kud-search-actions button{flex:1}.kud-data-table{min-width:700px;font-size:11px}.kud-data-table thead th,.kud-data-table tbody td{padding:6px 8px}.kud-col-sn{width:35px!important;min-width:35px!important;max-width:35px!important}.kud-col-actions{min-width:40px!important}.kud-table-sn{font-size:10px}.kud-table-kit-name{font-size:11px}.kud-table-kit-org{font-size:10px}.kud-table-avatar{border-radius:6px;width:24px;height:24px}.kud-table-avatar svg{font-size:12px}.kud-serial-tag,.kud-type-badge,.kud-status-badge,.kud-usage-badge,.kud-students-badge{padding:2px 8px;font-size:8px}.kud-status-badge svg{font-size:12px}.kud-icon-btn svg{font-size:16px}.kud-icon-btn{padding:2px 4px}.kud-expanded-info{grid-template-columns:1fr}.kud-usage-bar{flex-direction:column;align-items:flex-start;gap:4px}.kud-usage-bar-label{min-width:auto}.kud-usage-bar-track{width:100%}.kud-allocation-grid{grid-template-columns:1fr}}@media print{.kud-header-right,.kud-search-bar,.kud-filter-panel,.kud-icon-btn{display:none!important}.kud-kit-item,.kud-table-container{break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}.kud-kit-header{cursor:default}.kud-kit-header:hover,.kud-kit-details{background:0 0}.kud-stats-summary{background:0 0;border:1px solid #ddd}}@media (prefers-color-scheme:dark){.kud-page{background:#1a1a2e}.kud-header{border-color:#2d2d44}.kud-header-left h2{color:#fff}.kud-subtitle{color:#88a}.kud-stats-summary{background:#2d2d44;border-color:#3d3d5c}.kud-stat-number{color:#4db6ac}.kud-stat-label{color:#88a}.kud-search-input-wrapper{background:#2d2d44;border-color:#3d3d5c}.kud-search-input{color:#fff}.kud-search-input::placeholder,.kud-search-icon{color:#88a}.kud-stats-badge{color:#88a;background:#2d2d44}.kud-filter-toggle{color:#fff;background:#2d2d44;border-color:#3d3d5c}.kud-filter-toggle.active{color:#4db6ac;background:#1a3d38;border-color:#4db6ac}.kud-filter-panel{background:#2d2d44;border-color:#3d3d5c}.kud-filter-group label{color:#fff}.kud-filter-group select{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.kud-table-container{background:#2d2d44;border-color:#3d3d5c}.kud-data-table{background:#2d2d44}.kud-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.kud-data-table thead th{color:#fff;background:#3d3d5c}.kud-data-table tbody tr{border-color:#3d3d5c}.kud-data-table tbody tr:hover{background-color:#3d3d5c}.kud-data-table tbody td{color:#d0d0e0}.kud-table-kit-name{color:#fff}.kud-table-kit-org,.kud-table-icon{color:#88a}.kud-serial-tag{color:#d0d0e0;background:#3d3d5c}.kud-type-badge{color:#4db6ac;background:#1a3d38}.kud-status-badge.kud-status-lost,.kud-status-badge.kud-status-default{color:#88a;background:#3d3d5c}.kud-table-expanded-row{background-color:#3d3d5c!important}.kud-expanded-item label{color:#88a}.kud-expanded-item span{color:#fff}.kud-table-wrapper::-webkit-scrollbar-track{background:#3d3d5c}.kud-table-wrapper::-webkit-scrollbar-thumb{background:#5d5d7c}.kud-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7d7d9c}.kud-icon-btn{color:#88a}.kud-icon-btn:hover{background-color:#3d3d5c}.kud-btn-secondary{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.kud-btn-secondary:hover{background:#4d4d6c}.kud-error-message{color:#f5c6cb;background:#3d1f1f;border-color:#5c3d3d}.kud-usage-badge{color:#64b5f6;background:#1a2a3d}.kud-students-badge{color:#ffb74d;background:#3d2d1a}.kud-usage-bar-track{background:#3d3d5c}.kud-usage-bar-fill{background:linear-gradient(90deg,#00897b,#4db6ac)}.kud-usage-bar-label{color:#88a}.kud-allocation-details{background:#2d2d44;border-color:#4d4d6c}.kud-allocation-details h5{color:#fff}.kud-condition.good{color:#66bb6a;background:#1a3d2e}.kud-condition.in-use{color:#ffb74d;background:#3d2d1a}.kud-condition.needs-attention{color:#ef5350;background:#3d1a1a}.kud-maintenance-notes{background:#3d2d1a;border-color:#5c3d1a}.kud-maintenance-notes h5{color:#ffb74d}.kud-maintenance-notes p{color:#d0c0a0}.kud-empty-icon{color:#3d3d5c}.kud-empty-state p{color:#fff}.kud-empty-state span{color:#88a}.kud-btn-apply{background:#00897b}.kud-btn-apply:hover{background:#00695c}.kud-btn-clear{color:#fff;background:#3d3d5c;border-color:#4d4d6c}.kud-btn-clear:hover{background:#4d4d6c}.kud-error-container h3{color:#fff}.kud-error-container p,.kud-clear-search{color:#88a}.kud-clear-search:hover{color:#fff}}.reg-logo-container{border-bottom:2px solid #e8ecf1;justify-content:center;align-items:center;margin-bottom:28px;padding-bottom:24px;display:flex}.reg-logo{width:100%;max-width:280px;height:auto;display:block}.reg-page{background:#f5f7fa;min-height:100vh;padding:40px 20px}.reg-container{max-width:100%;margin:0 auto;padding:0 40px}.reg-card{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto;padding:40px 48px;box-shadow:0 2px 8px #00000014}.reg-header{border-bottom:1px solid #e8ecf1;margin-bottom:32px;padding-bottom:24px}.reg-header-left{align-items:center;gap:16px;display:flex}.reg-back-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.reg-back-btn:hover{color:#667eea;background:#f5f5f5;border-color:#667eea}.reg-header h2{color:#1a2332;margin:0;font-size:28px;font-weight:600}.reg-subtitle{color:#6b7a8f;margin:6px 0 0;font-size:15px}.reg-section{border-bottom:1px solid #e8ecf1;margin-bottom:32px;padding-bottom:28px}.reg-section:last-of-type{border-bottom:none;margin-bottom:24px;padding-bottom:0}.reg-section h3{color:#1a2332;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:600;display:flex}.reg-section-icon{color:#667eea;font-size:22px!important}.reg-form-row{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.reg-form-group{flex-direction:column;margin-bottom:16px;display:flex}.reg-form-group label{color:#1a2332;margin-bottom:6px;font-size:14px;font-weight:500}.reg-label-required{color:#e74c3c;margin-left:2px}.reg-form-group input,.reg-form-group select{box-sizing:border-box;color:#1a2332;background:#fff;border:1.5px solid #d0d5dd;border-radius:8px;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.reg-form-group input:focus,.reg-form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.reg-form-group input.field-error,.reg-form-group select.field-error{border-color:#e74c3c}.reg-form-group input.field-error:focus,.reg-form-group select.field-error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.reg-form-group input:disabled,.reg-form-group select:disabled{cursor:not-allowed;opacity:.7;background:#f5f6fa}:is(.reg-form-group:has(select[name=gender]),.reg-form-group:has(input[name=username]),.reg-form-group:has(input[name=school]),.reg-form-group:has(select[name=school]),.reg-form-group:has(.reg-checkbox-wrapper)){grid-column:1/-1}.reg-error-text{color:#e74c3c;margin-top:4px;font-size:12px}.reg-password-input-wrapper{width:100%;position:relative}.reg-password-input-wrapper input{padding-right:40px!important}.reg-password-toggle-btn{cursor:pointer;color:#8c9aa8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.reg-password-toggle-btn:hover{color:#667eea}.reg-password-toggle-btn svg{font-size:20px}.reg-error-container{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.reg-error-message{border-radius:8px;align-items:center;gap:10px;padding:14px 18px;font-size:14px;animation:.3s ease-in-out regShake;display:flex}@keyframes regShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.reg-error-general{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.reg-error-field{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.reg-error-icon{color:inherit;flex-shrink:0;font-size:20px!important}.reg-error-message strong{font-weight:600}.reg-success-message{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:flex-start;gap:14px;margin-bottom:24px;padding:18px 24px;animation:.5s ease-out regSlideDown;display:flex}@keyframes regSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reg-success-icon{color:#065f46;flex-shrink:0;margin-top:2px;font-size:24px!important}.reg-success-message strong{margin-bottom:4px;font-size:16px;display:block}.reg-success-message p{margin:0}.reg-redirect-message{opacity:.8;font-size:14px;margin-top:8px!important}.reg-fetch-error{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:13px;display:flex}.reg-fetch-error-icon{color:#92400e;font-size:18px!important}.reg-school-count{color:#6b7a8f;background:#f8f9fa;border-radius:4px;margin-top:6px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.reg-checkbox-wrapper{align-items:center;gap:10px;padding:8px 0;display:flex}.reg-checkbox-wrapper input[type=checkbox]{cursor:pointer;accent-color:#667eea;flex-shrink:0;width:18px;height:18px}.reg-checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}.reg-checkbox-wrapper input[type=checkbox].field-error{outline-offset:2px;outline:2px solid #e74c3c}.reg-checkbox-label{cursor:pointer;color:#1a2332!important;margin-bottom:0!important;font-size:14px!important;font-weight:500!important}.reg-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .2s;display:flex}.reg-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.reg-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.reg-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite regSpin;display:inline-block}@keyframes regSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reg-login-link{text-align:center;color:#6b7a8f;margin-top:24px;font-size:15px}.reg-login-link a{color:#667eea;font-weight:500;text-decoration:none}.reg-login-link a:hover{text-decoration:underline}@media (width<=1200px){.reg-container{padding:0 20px}.reg-card{padding:32px 36px}.reg-form-row{grid-template-columns:1fr 1fr}}@media (width<=992px){.reg-logo{max-width:220px}}@media (width<=768px){.reg-page{padding:20px 10px}.reg-container{padding:0 10px}.reg-card{padding:24px 20px}.reg-form-row{grid-template-columns:1fr;gap:0}:is(.reg-form-group:has(select[name=gender]),.reg-form-group:has(input[name=username]),.reg-form-group:has(input[name=school]),.reg-form-group:has(select[name=school]),.reg-form-group:has(.reg-checkbox-wrapper)){grid-column:1}.reg-header h2{font-size:22px}.reg-subtitle{font-size:13px}.reg-section h3{font-size:16px}.reg-header-left{gap:12px}.reg-section{margin-bottom:24px;padding-bottom:20px}.reg-checkbox-wrapper{padding:4px 0}.reg-checkbox-wrapper input[type=checkbox]{width:16px;height:16px}.reg-logo{max-width:180px}.reg-logo-container{margin-bottom:20px;padding-bottom:16px}}@media (width<=480px){.reg-card{padding:16px 14px}.reg-header h2{font-size:18px}.reg-form-group input,.reg-form-group select{padding:10px 12px;font-size:13px}.reg-submit-btn{padding:14px;font-size:15px}.reg-error-message{padding:10px 14px;font-size:12px}.reg-success-message{padding:14px 16px;font-size:13px}.reg-header{margin-bottom:20px;padding-bottom:16px}.reg-logo{max-width:140px}.reg-logo-container{margin-bottom:16px;padding-bottom:14px}}