*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#root{isolation:isolate;min-height:100vh}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}code{background-color:#f3f4f6;border-radius:3px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em;padding:2px 4px}::selection{background-color:#3b82f6;color:#fff}[role=button],button{-webkit-user-select:none;user-select:none}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease-in-out}.btn:focus{box-shadow:0 0 0 3px #3b82f680;outline:none}.btn--small{font-size:14px;line-height:1.4;padding:8px 16px}.btn--medium{font-size:16px;line-height:1.5;padding:12px 24px}.btn--large{font-size:18px;line-height:1.6;padding:16px 32px}.btn--primary{background-color:#3b82f6;color:#fff}.btn--primary:hover:not(.btn--disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn--secondary{background-color:#6b7280;color:#fff}.btn--secondary:hover:not(.btn--disabled){background-color:#4b5563;box-shadow:0 4px 12px #6b728066;transform:translateY(-1px)}.btn--outline{background-color:initial;border:2px solid #3b82f6;color:#3b82f6}.btn--outline:hover:not(.btn--disabled){background-color:#3b82f6;color:#fff;transform:translateY(-1px)}.btn--disabled{background-color:#d1d5db!important;box-shadow:none!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important}.btn--loading .btn__text--hidden{opacity:0}.btn__spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;position:absolute;width:20px}.btn__text{transition:opacity .2s ease-in-out}.input-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.input__label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:4px}.input__required{color:#ef4444;font-size:16px}.input{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input::placeholder{color:#9ca3af}.input--error,.input--error:focus{border-color:#ef4444}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input--disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.input--disabled::placeholder{color:#d1d5db}.input__error{align-items:center;color:#ef4444;display:flex;font-size:14px;gap:4px;margin-top:2px}.input:hover:not(.input--disabled):not(:focus){border-color:#9ca3af}@media (max-width:768px){.input{font-size:16px}}.card{background-color:#fff;border-radius:12px;transition:all .2s ease-in-out;width:100%}.card--default{border:1px solid #e5e7eb}.card--elevated{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card--elevated:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.card--outlined{border:2px solid #d1d5db}.card--outlined:hover{border-color:#9ca3af}.card--padding-none{padding:0}.card--padding-small{padding:16px}.card--padding-medium{padding:24px}.card--padding-large{padding:32px}.card__header{margin-bottom:16px}.card__title{color:#111827;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 8px}.card__subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.card__content{width:100%}@media (max-width:768px){.card--padding-small{padding:12px}.card--padding-medium{padding:16px}.card--padding-large{padding:20px}.card__title{font-size:18px}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-page:before{bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.login-page__container{max-width:400px;position:relative;width:100%;z-index:1}.login-page__header{margin-bottom:32px;text-align:center}.login-page__logo{margin-bottom:24px}.login-page__logo-image{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;height:80px;margin:0 auto;width:300px}.login-page__title{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.login-page__subtitle{color:#ffffffe6;font-size:16px;font-weight:400;margin:0}.login-page__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid #fff3}.login-form{display:flex;flex-direction:column;gap:24px}.login-form__error-banner{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:8px;padding:12px 16px;text-align:center}.login-form__field{display:flex;flex-direction:column}.login-form__actions{margin-top:8px}.login-form__submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:600;letter-spacing:.5px;text-transform:uppercase;width:100%}.login-form__submit:hover:not(.btn--disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.login-form__footer{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px;text-align:center}.login-form__demo-info{background-color:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px;color:#6b7280;font-size:13px;line-height:1.5;margin:0;padding:12px}@media (max-width:768px){.login-page{padding:16px}.login-page__container{max-width:100%}.login-page__title{font-size:28px}.login-page__subtitle{font-size:15px}.login-form{gap:20px}}@media (max-width:480px){.login-page{padding:12px}.login-page__title{font-size:24px}.login-page__header{margin-bottom:24px}.login-form{gap:18px}}.dashboard-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.dashboard-page__container{margin:0 auto;max-width:1200px}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;padding:24px}.dashboard-header__content{align-items:center;display:flex;justify-content:space-between}.dashboard-header__left{gap:20px}.dashboard-header__left,.dashboard-header__logo{align-items:center;display:flex}.dashboard-header__logo-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:48px;width:48px}.dashboard-header__user{align-items:center;display:flex;gap:16px}.dashboard-header__avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.dashboard-header__info h1{color:#111827;font-size:24px;font-weight:600;margin:0 0 4px}.dashboard-header__subtitle{color:#6b7280;font-size:14px;margin:0}.dashboard-header__actions{align-items:center;display:flex;gap:12px}.dashboard-header__admin{font-weight:600;min-width:120px}.dashboard-header__logout{min-width:100px}.dashboard-content{margin-top:24px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px}.dashboard-card--full-width{grid-column:1/-1}.upload-form{display:flex;flex-direction:column;gap:24px}.upload-form__error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;padding:12px 16px}.upload-form__field{display:flex;flex-direction:column;gap:8px}.upload-form__label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:4px}.upload-form__required{color:#dc2626}.upload-form__select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.upload-form__select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.upload-form__select--error{border-color:#dc2626}.upload-form__error{color:#dc2626;font-size:12px;margin-top:4px}.upload-form__file-input{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;transition:all .2s ease}.upload-form__file-input:hover{background:#f8fafc;border-color:#667eea}.upload-form__file{display:none}.upload-form__file-info{display:flex;flex-direction:column;gap:8px}.upload-form__file-placeholder{color:#6b7280;font-size:14px}.upload-form__file-details{display:flex;flex-direction:column;gap:4px}.upload-form__file-name{color:#374151;font-size:14px;font-weight:500}.upload-form__file-size{color:#6b7280;font-size:12px}.upload-form__progress{display:flex;flex-direction:column;gap:8px}.upload-form__progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.upload-form__progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.upload-form__progress-text{color:#6b7280;font-size:12px;text-align:center}.upload-form__actions{display:flex;justify-content:center;margin-top:8px}.upload-form__submit{min-width:200px}.upload-form__footer{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.upload-form__info{color:#6b7280;font-size:12px;line-height:1.5;margin:0}@media (max-width:768px){.dashboard-page{padding:16px}.dashboard-header__content{flex-direction:column;gap:16px;text-align:center}.dashboard-header__user{flex-direction:column;gap:12px}.upload-form__submit{width:100%}.dashboard-header__actions{flex-direction:column;gap:8px;width:100%}.dashboard-header__admin,.dashboard-header__logout{min-width:auto;width:100%}}.admin-fullscreen{animation:slideInFromRight .3s ease-out;background:#fff;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.admin-fullscreen__header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.admin-fullscreen__header h2{font-size:28px;font-weight:700;margin:0}.admin-fullscreen__back{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.admin-fullscreen__back:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateX(-2px)}.admin-fullscreen__content{background:#f8fafc;flex:1 1;overflow-y:auto}.admin-fullscreen .admin-portal{background:#0000;min-height:100vh;padding:0}.admin-fullscreen .admin-portal__container{margin:0;max-width:none}.admin-fullscreen .admin-header{background:#0000;border-radius:0;box-shadow:none;margin-bottom:0;padding:24px 32px}.admin-fullscreen .admin-header__title{color:#1f2937;font-size:24px}.admin-fullscreen .admin-header__subtitle{color:#6b7280}.admin-fullscreen .admin-content{margin-top:0;padding:0 32px 32px}.admin-portal{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.admin-portal__container{margin:0 auto;max-width:1200px}.admin-header{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin-bottom:24px;padding:32px}.admin-header__content{align-items:center;display:flex;gap:24px;justify-content:space-between}.admin-header__left{align-items:center;display:flex;flex:1 1;gap:24px}.admin-header__back-btn{font-weight:600;min-width:140px}.admin-header__title-section{flex:1 1}.admin-header__title{align-items:center;color:#1f2937;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.admin-header__subtitle{color:#6b7280;font-size:16px;margin:0}.admin-header__add-btn{align-items:center;box-shadow:0 4px 14px #667eea66;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.admin-header__add-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.add-icon{font-size:18px;font-weight:700}.admin-content{margin-top:24px}.admin-card{border-radius:16px;box-shadow:0 10px 25px #0000001a;padding:32px}.admin-controls{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.admin-search{flex:1 1;max-width:400px}.search-input input{border:2px solid #e5e7eb;border-radius:12px;font-size:14px;padding:14px 16px;transition:all .3s ease}.search-input input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.admin-stats{align-items:center;display:flex;gap:16px}.stats-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:500;margin-bottom:24px;padding:16px}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#667eea;margin-bottom:16px}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.user-card:hover{border-color:#667eea;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.user-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-card:hover:before{opacity:1}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin-bottom:16px;width:60px}.user-info{margin-bottom:20px}.user-name{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 6px}.user-email{color:#6b7280;font-size:14px;margin:0 0 12px}.user-role{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.user-role.admin{background:#fef3c7;color:#92400e}.user-role.moderator{background:#dbeafe;color:#1e40af}.user-role.user{background:#f3f4f6;color:#374151}.status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#dc2626}.user-actions{display:flex;gap:8px}.user-actions .delete-btn{border-color:#fecaca;color:#dc2626}.user-actions .delete-btn:hover{background:#fef2f2;border-color:#dc2626}.empty-state{color:#6b7280;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-state h3{color:#374151;font-size:20px;margin:0 0 8px}.empty-state p{font-size:16px;margin:0}.modal-overlay{align-items:center;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 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#1f2937;font-size:22px;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:32px}.form-field{margin-bottom:24px}.field-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.role-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.role-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.modal-footer{border-top:2px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}@media (max-width:768px){.admin-portal{padding:16px}.admin-controls,.admin-header__content{align-items:stretch;flex-direction:column;gap:16px}.users-grid{grid-template-columns:1fr}.modal-content{margin:16px;max-width:none}.modal-body,.modal-footer,.modal-header{padding:20px}.modal-footer{flex-direction:column}}@media (max-width:480px){.admin-card,.admin-header,.user-card{padding:20px}}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.loading-screen p{font-size:16px;font-weight:500;margin:0;opacity:.9}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box}body{background-color:#f8fafc;margin:0;padding:0}.js-focus-visible :focus:not(.focus-visible){outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}html{font-size:16px}@media (max-width:768px){html{font-size:15px}}@media (max-width:480px){html{font-size:14px}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.3f3bc4cd.css.map*/