*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.admin-app,.loading-screen{display:flex;min-height:100vh}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;justify-content:center}.loading-logo{animation:pulse 2s ease-in-out infinite;height:120px;margin-bottom:30px;width:120px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}.loading-screen p{color:#fff;font-size:18px;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:50px;text-align:center;width:100%}.login-logo{height:100px;margin-bottom:20px;width:100px}.login-container h1{color:#2d3748;font-size:32px;margin-bottom:10px}.login-subtitle{color:#718096;font-size:16px;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:15px}.login-form input{border:2px solid #e2e8f0;border-radius:10px;font-size:16px;padding:15px;transition:all .3s}.login-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{background:#fed7d7;border-radius:8px;color:#c53030;font-size:14px;padding:12px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;border:none;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#cbd5e0}.btn-danger{background:#fc8181;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-danger:hover{background:#f56565}.login-footer{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:30px;opacity:.7}.login-footer img{height:30px}.login-footer span{color:#a0aec0;font-size:20px}.sidebar{background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:4px 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;width:280px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:30px 20px;text-align:center}.sidebar-header img{height:60px;margin-bottom:15px;width:60px}.sidebar-header h2{font-size:22px;font-weight:700}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:5px;padding:20px 10px}.sidebar-item{align-items:center;background:none;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:16px;gap:15px;padding:15px 20px;text-align:left;transition:all .3s;width:100%}.sidebar-item:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}.sidebar-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff;font-weight:600}.sidebar-icon{font-size:24px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.btn-logout{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:all .3s;width:100%}.btn-logout:hover{background:#e53e3e}.main-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden}.header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:25px 40px}.header h1{color:#2d3748;font-size:28px}.header-user{align-items:center;display:flex;gap:15px}.header-user span{color:#4a5568;font-weight:500}.admin-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.dashboard{padding:40px}.dashboard h2{color:#2d3748;font-size:32px;margin-bottom:30px}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;gap:20px;padding:30px;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.stat-content h3{color:#2d3748;font-size:36px;margin-bottom:5px}.stat-content p{color:#718096;font-size:16px;font-weight:500}.management-section{padding:40px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.section-header h2{color:#2d3748;font-size:32px}.section-subtitle{color:#718096;font-size:14px;margin-bottom:20px;margin-top:-20px}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.search-input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 20px;transition:all .3s;width:300px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:20px}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#f7fafc}.user-cell{align-items:center;display:flex;gap:12px}.user-avatar-wrapper{display:inline-block;position:relative}.user-avatar-wrapper img{border-radius:50%;display:block;height:40px;object-fit:cover;width:40px}.verified-badge{align-items:center;background:#ff8c00;border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 4px #0003;display:flex;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.verified-badge svg{fill:#fff;color:#fff;height:10px;width:10px}.user-avatar-wrapper.large{height:120px;margin:0 auto 20px;width:120px}.user-avatar-wrapper.large img{height:120px;width:120px}.user-avatar-wrapper.large .verified-badge{border:3px solid #fff;bottom:0;height:32px;right:0;width:32px}.user-avatar-wrapper.large .verified-badge svg{height:18px;width:18px}.user-avatar-wrapper.small{display:inline-block;position:relative}.user-avatar-wrapper.small img{border-radius:50%;height:30px;object-fit:cover;width:30px}.verified-badge.tiny{border:1.5px solid #fff;bottom:-1px;height:14px;right:-1px;width:14px}.verified-badge.tiny svg{height:8px;width:8px}.status-badge{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s}.status-badge.verified{background:#d5f5e3;color:#186a3b}.status-badge.verified:hover{background:#abebc6;transform:scale(1.05)}.status-badge.unverified{background:#fadbd8;color:#943126}.status-badge.unverified:hover{background:#f5b7b1;transform:scale(1.05)}.text-verified{color:#27ae60;font-weight:600}.text-unverified{color:#e74c3c}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.badge.public{background:#c6f6d5;color:#22543d}.badge.private{background:#fed7d7;color:#742a2a}.btn-action{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:18px;margin-right:5px;padding:8px 12px;transition:all .2s}.btn-action:hover{transform:scale(1.1)}.btn-action.view{color:#4299e1}.btn-action.view:hover{background:#ebf8ff}.btn-action.edit{color:#ed8936}.btn-action.edit:hover{background:#feebc8}.btn-action.notify{color:#9f7aea}.btn-action.notify:hover{background:#e9d8fd}.btn-action.delete{color:#f56565}.btn-action.delete:hover{background:#fed7d7}.btn-action.small{font-size:14px;padding:4px 8px}.form-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px}.form-card h3{color:#2d3748;font-size:24px;margin-bottom:25px}.form-card input,.form-card select,.form-card textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:15px;padding:12px 15px;transition:all .3s;width:100%}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:15px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group small{color:#718096;display:block;font-size:12px;margin-top:5px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.btn-large{font-size:16px;padding:15px 30px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#f7fafc;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:40px}.modal-close:hover{background:#e2e8f0;transform:rotate(90deg)}.modal-content h2{color:#2d3748;font-size:28px;margin-bottom:25px}.user-details{display:flex;flex-direction:column;gap:20px}.user-avatar{border:4px solid #667eea;border-radius:50%;height:120px;margin:0 auto;object-fit:cover;width:120px}.user-info p{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:12px 0}.user-info strong{color:#2d3748;margin-right:10px}.notification-form input,.notification-form select,.notification-form textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:15px;padding:12px 15px;transition:all .3s;width:100%}.notification-form input:focus,.notification-form select:focus,.notification-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.notification-system-form{max-width:900px}.notification-tabs{display:flex;gap:10px}.tab-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.tab-button:hover{background:#f7fafc;border-color:#cbd5e0}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.users-selection{border:2px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:15px}.user-checkbox{border-radius:8px;padding:10px;transition:background .2s}.user-checkbox:hover{background:#f7fafc}.notification-preview{background:#f7fafc;border-radius:12px;margin:25px 0;padding:25px}.notification-preview h4{color:#2d3748;font-size:16px;margin-bottom:15px}.notification-card{background:#fff;border-left:4px solid #667eea;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px}.notification-card.preview{animation:notificationSlide .5s ease-out}@keyframes notificationSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.notification-card.info{border-left-color:#4299e1}.notification-card.warning{border-left-color:#ed8936}.notification-card.success{border-left-color:#48bb78}.notification-card.error{border-left-color:#f56565}.notification-card.announcement{border-left-color:#9f7aea}.notification-card.update{border-left-color:#38b2ac}.notification-card.urgent{animation:pulse 2s ease-in-out infinite;box-shadow:0 4px 15px #f565654d}.notification-icon{align-items:center;display:flex;font-size:32px}.notification-content{flex:1 1}.notification-content h4{color:#2d3748;font-size:16px;margin-bottom:8px}.notification-content p{color:#718096;font-size:14px;line-height:1.5;margin-bottom:10px}.notification-action{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s}.notification-action:hover{background:#5568d3;transform:translateY(-1px)}.notifications-history{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:30px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.history-header h3{color:#2d3748;font-size:24px}.empty-state{color:#a0aec0;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#4a5568;font-size:24px;margin-bottom:10px}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-history-card{background:#f7fafc;border-left:4px solid #cbd5e0;border-radius:12px;padding:20px;transition:all .2s}.notification-history-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.notification-history-card.info{border-left-color:#4299e1}.notification-history-card.warning{border-left-color:#ed8936}.notification-history-card.success{border-left-color:#48bb78}.notification-history-card.error{border-left-color:#f56565}.notification-history-card.announcement{border-left-color:#9f7aea}.notification-history-card.update{border-left-color:#38b2ac}.notification-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.notification-user{align-items:center;display:flex;gap:12px}.notification-user img{border-radius:50%;height:40px;object-fit:cover;width:40px}.notification-user strong{color:#2d3748;display:block;font-size:14px}.notification-date{color:#a0aec0;display:block;font-size:12px;margin-top:2px}.notification-badges{align-items:center;display:flex;gap:8px}.priority-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.priority-badge.urgent{background:#fed7d7;color:#742a2a}.priority-badge.high{background:#feebc8;color:#7c2d12}.priority-badge.normal{background:#c6f6d5;color:#22543d}.priority-badge.low{background:#e2e8f0;color:#4a5568}.read-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.read-badge.read{background:#c6f6d5;color:#22543d}.read-badge.unread{background:#feebc8;color:#7c2d12}.notification-history-body h4{color:#2d3748;font-size:16px;margin-bottom:8px}.notification-history-body p{color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:10px}.notification-link{background:#ebf8ff;border-radius:6px;color:#4299e1;display:inline-block;font-size:12px;margin-top:8px;padding:8px 12px}.notification-history-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:10px;margin-top:15px;padding-top:15px}.type-badge{background:#e2e8f0;color:#4a5568;text-transform:uppercase}.expires-badge,.type-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.expires-badge{background:#feebc8;color:#7c2d12}.tutorials-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tutorial-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:transform .3s,box-shadow .3s}.tutorial-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.tutorial-card img{height:180px;object-fit:cover;width:100%}.tutorial-info{padding:20px}.tutorial-info h3{color:#2d3748;font-size:18px;margin-bottom:10px}.tutorial-info p{color:#718096;margin-bottom:10px}.level-badge{background:#e6fffa;border-radius:20px;color:#234e52;display:inline-block;font-size:12px;font-weight:600;margin-bottom:15px;padding:6px 12px}@media (max-width:768px){.admin-app{flex-direction:column}.sidebar{width:100%}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:10px}.sidebar-item{flex-shrink:0;min-width:120px}.header{flex-direction:column;gap:15px;text-align:center}.section-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;width:100%}.search-input{width:100%}.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.form-row,.tutorials-grid{grid-template-columns:1fr}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}
/*# sourceMappingURL=main.9428113a.css.map*/