@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.home-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8fafc);background-attachment:fixed;color:#0f172a;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.home-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/WhatsApp_Image_2026-04-30_at_00.36.49.jpeg);background-size:cover;background-position:center;background-attachment:fixed;opacity:.5;z-index:1}.home-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff9,#f8fafc80);z-index:2}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:sphereFloat 20s ease-in-out infinite;mix-blend-mode:soft-light}.sphere-1{width:500px;height:500px;background:linear-gradient(135deg,#3b82f6,#2dd4bf);top:-200px;left:-200px;animation-delay:0s}.sphere-2{width:600px;height:600px;background:linear-gradient(135deg,#8b5cf6,#d946ef);bottom:-250px;right:-150px;animation-delay:5s}.sphere-3{width:450px;height:450px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);top:50%;right:-100px;animation-delay:10s}@keyframes sphereFloat{0%,to{transform:translate(0)}33%{transform:translate(50px,-50px)}66%{transform:translate(-30px,30px)}}.home-content{position:relative;z-index:10;width:100%;max-width:500px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:60px 0}.search-section{flex:1;display:flex;flex-direction:column;justify-content:center;gap:40px}.search-header{text-align:center;animation:slideDown .8s ease-out}.search-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;color:#1e293b;margin-bottom:12px;line-height:1.2;letter-spacing:-.02em;text-shadow:0 4px 12px rgba(0,0,0,.05)}.search-subtitle{font-size:1.125rem;color:#64748b;line-height:1.6;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.search-form{display:flex;flex-direction:column;gap:16px;animation:slideUp .8s ease-out .2s forwards;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{display:flex;align-items:center;gap:12px;padding:0 16px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000008}.search-input-wrapper:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a,0 20px 40px #00000014;transform:translateY(-2px)}.search-icon{color:#94a3b8;flex-shrink:0}.search-input{flex:1;padding:16px 0;background:transparent;border:none;color:#1e293b;font-size:1.25rem;font-weight:600;outline:none;letter-spacing:.05em;text-transform:uppercase}.search-input::-moz-placeholder{color:#94a3b8;font-weight:400}.search-input::placeholder{color:#94a3b8;font-weight:400}.error-message{padding:12px 16px;background:#8b451333;border:1px solid rgba(139,69,19,.4);border-radius:8px;color:#8b4513;font-size:.875rem;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn-search{padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 10px 25px #2563eb33}.btn-search:hover{transform:translateY(-2px);box-shadow:0 15px 35px #2563eb4d;filter:brightness(1.05)}.btn-search:active{transform:translateY(0)}.quick-info{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:slideUp .8s ease-out .4s forwards;opacity:0}.info-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.5);border-radius:12px;box-shadow:0 4px 12px #00000005}.info-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.info-value{font-size:1rem;font-weight:700;color:#3b82f6}.btn-back-home{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.3);border-radius:8px;color:#8b6f47;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease;align-self:center;animation:slideUp .8s ease-out .6s forwards;opacity:0;box-shadow:0 4px 12px #0000001a}.btn-back-home:hover{background:#fffffff2;border-color:#d4a574;color:#d4a574;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}@media (max-width: 640px){.home-container{padding:16px}.search-title{font-size:2rem}.search-subtitle{font-size:1rem}.quick-info{flex-direction:column;width:100%}.info-item{width:100%}}.cr-top-btn{position:absolute;top:20px;right:20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);color:#64748b;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;z-index:50;box-shadow:0 4px 12px #0000000d}.cr-top-btn:hover{background:#fff;color:#3b82f6;transform:translateY(-1px);box-shadow:0 8px 16px #00000014}.cr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.glass-modal{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,1)!important;box-shadow:0 25px 50px -12px #00000026,inset 0 0 0 1px #ffffff1a!important}.cr-modal{border-radius:36px;padding:48px;width:100%;max-width:480px;position:relative;animation:modalPop .5s cubic-bezier(.2,.9,.3,1.1);color-scheme:light}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cr-scroll-modal{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:85vh}.cr-delete-form-layout{display:flex;flex-direction:column;height:100%;overflow:hidden}.cr-modal-scroll-content{overflow-y:auto;padding:48px 48px 0;flex:1}.cr-modal-scroll-content::-webkit-scrollbar{width:6px}.cr-modal-scroll-content::-webkit-scrollbar-track{background:transparent}.cr-modal-scroll-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.cr-modal-scroll-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sticky-actions{padding:24px 48px 48px;margin-top:0!important;background:#fffffff2;border-top:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cr-modal-close{position:absolute;top:20px;right:20px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;width:36px;height:36px;border-radius:12px;transition:all .3s;display:flex;align-items:center;justify-content:center}.cr-modal-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.cr-modal-header{text-align:center;margin-bottom:32px}.cr-modal-icon-wrapper{margin-bottom:20px;display:flex;justify-content:center}.cr-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,#3b82f633,#2563eb1a);color:#3b82f6;border:1px solid rgba(59,130,246,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #3b82f61a}.cr-modal-header h2{color:#1e293b;font-size:1.75rem;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}.cr-modal-header p{color:#64748b;font-size:.95rem;font-weight:500}.cr-login-form{display:flex;flex-direction:column;gap:20px}.cr-modal-error{background:#ef44441a;color:#f87171;padding:12px 16px;border-radius:12px;font-size:.9rem;border:1px solid rgba(239,68,68,.2);text-align:center;animation:shake .5s ease-in-out}.cr-input-group{display:flex;flex-direction:column;gap:10px}.cr-input-group label{color:#64748b;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.cr-input-wrapper{position:relative}.cr-input-group input{width:100%;background:#fff;border:2px solid #f1f5f9;padding:18px 24px;border-radius:20px;color:#1e293b;font-size:1.05rem;font-weight:500;outline:none;transition:all .3s}.cr-input-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 8px 24px #3b82f61f,inset 0 2px 4px #00000005;transform:translateY(-1px)}.cr-modal-submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:18px;border-radius:100px;font-weight:700;font-size:1.05rem;letter-spacing:.5px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #2563eb40}.cr-modal-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #2563eb59;filter:brightness(1.05)}.cr-modal-submit-btn:active{transform:translateY(0)}.cr-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.cr-modal-actions{display:flex;gap:12px;margin-top:32px}.cr-btn-confirm{flex:1;background:#ef4444;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.cr-btn-confirm:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 16px #ef444433}.cr-btn-cancel{flex:1;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.cr-btn-cancel:hover{background:#fff;color:#1e293b;border-color:#cbd5e1}.cr-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b}.cr-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#94a3b8}.cr-header{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.cr-btn-back,.cr-btn-logout{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:10px 16px;border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.cr-btn-back:hover{color:#3b82f6;background:#fff;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.cr-btn-logout:hover{color:#ef4444;background:#ef44441a;transform:translateY(-1px)}.cr-actions-desktop{display:flex;gap:8px}.cr-actions-mobile{display:none;position:relative}.cr-btn-settings{display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid transparent;color:#64748b;cursor:pointer;padding:10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cr-btn-settings:hover{background:#fff;color:#3b82f6;border-color:#cbd5e1;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.cr-mobile-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;min-width:180px;overflow:hidden;z-index:50;animation:modalPop .2s cubic-bezier(.2,.9,.3,1.1)}.cr-dropdown-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;color:#1e293b;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s;text-align:left}.cr-dropdown-item:hover{background:#f8fafc}.cr-dropdown-item.danger-text{color:#ef4444}.cr-dropdown-item.danger-text:hover{background:#ef44440d}.cr-btn-delete-account{background:#ef44440d;border:1px solid rgba(239,68,68,.1);color:#ef4444}.cr-btn-delete-account:hover{background:#ef44441a!important;color:#ef4444!important}.cr-header-title{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.125rem;color:#1e293b}.cr-main{max-width:1000px;margin:0 auto;padding:32px 24px}.cr-section-block{margin-bottom:32px}.cr-section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cr-section-title{font-size:1.25rem;font-weight:600}.cr-btn-add{display:flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cr-btn-add:hover{background:#2563eb;box-shadow:0 6px 16px #2563eb33;transform:translateY(-1px)}.cr-btn-add.active{background:#475569}.cr-add-form{background:#fff;padding:24px;border-radius:20px;border:1px solid #e2e8f0;display:flex;gap:16px;margin-bottom:32px;box-shadow:0 8px 24px #0000000a}.cr-form-input{flex:1;background:#f8fafc;border:1px solid #e2e8f0;padding:14px 20px;border-radius:12px;color:#1e293b;font-size:1.05rem;outline:none;transition:all .3s}.cr-form-input:focus{border-color:#3b82f6}.cr-btn-submit{background:#3b82f6;color:#fff;border:none;padding:0 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cr-btn-submit:hover:not(:disabled){background:#2563eb}.cr-btn-submit:disabled{opacity:.7}.cr-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cr-course-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.cr-course-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 16px 32px #0000000f}.cr-course-card-body{padding:32px;cursor:pointer;flex:1}.cr-course-icon{width:56px;height:56px;background:#3b82f61a;color:#3b82f6;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.cr-course-name{font-size:1.125rem;font-weight:600;margin-bottom:8px}.cr-course-hint{font-size:.875rem;color:#3b82f6;opacity:.8}.cr-course-delete{background:transparent;border:none;border-top:1px solid rgba(255,255,255,.05);padding:12px;color:#64748b;cursor:pointer;transition:all .2s}.cr-course-delete:hover{background:#ef44441a;color:#ef4444}.cr-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px dashed #cbd5e1;color:#64748b}.cr-empty p{margin-top:16px}.cr-course-main{max-width:1000px;margin:0 auto;padding:32px 24px}.cr-tabs-container{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;scrollbar-width:none}.cr-tabs-container::-webkit-scrollbar{display:none}.cr-tab-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;color:#64748b;padding:12px 20px;border-radius:100px;font-weight:500;font-size:.95rem;cursor:pointer;white-space:nowrap;transition:all .2s}.cr-tab-btn:hover{background:#f8fafc;color:#3b82f6;border-color:#3b82f6}.cr-tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.cr-exam-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:100px;width:-moz-fit-content;width:fit-content;margin:0 auto 32px;border:1px solid #e2e8f0}.cr-exam-btn{background:transparent;border:none;padding:10px 32px;border-radius:100px;color:#64748b;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.cr-exam-btn.active{background:#fff;color:#3b82f6;box-shadow:0 4px 12px #0000000d}.cr-materials-content{background:#fff;border-radius:24px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 8px 32px #0000000a}.cr-materials-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.cr-materials-header h2{font-size:1.25rem;font-weight:600}.cr-btn-add-link{display:flex;align-items:center;gap:8px;background:#3b82f61a;color:#3b82f6;border:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.cr-btn-add-link:hover{background:#3b82f633}.cr-btn-add-link.active{background:#ffffff1a;color:#fff}.cr-link-form{background:#f8fafc;padding:20px;border-radius:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px;border:1px solid #e2e8f0}.cr-links-list{display:flex;flex-direction:column;gap:12px}.cr-link-card{background:#fff;border:1px solid #e2e8f0;padding:20px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cr-link-card:hover{border-color:#3b82f6;box-shadow:0 12px 24px #0000000f;transform:translateY(-2px)}.cr-link-info{display:flex;align-items:center;gap:16px;min-width:0}.cr-link-icon{width:44px;height:44px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.cr-link-details{min-width:0}.cr-link-details h4{font-size:1rem;margin-bottom:4px;color:#fff}.cr-link-details a{color:#3b82f6;font-size:.875rem;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-link-details a:hover{text-decoration:underline}.cr-btn-delete-link{background:transparent;border:none;color:#64748b;padding:8px;cursor:pointer;border-radius:6px;transition:all .2s;flex-shrink:0}.cr-btn-delete-link:hover{background:#ef44441a;color:#ef4444}.cr-empty-links{text-align:center;padding:40px;color:#64748b;font-style:italic}.cr-modal-mode-toggle{display:flex;background:#f1f5f9;padding:6px;border-radius:100px;margin-bottom:32px}.cr-mode-btn{flex:1;border:none;background:transparent;padding:12px;border-radius:100px;font-weight:700;font-size:.95rem;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cr-mode-btn.active{background:#fff;color:#3b82f6;box-shadow:0 4px 16px #00000014}.cr-input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cr-select{width:100%;background:#fff;border:2px solid #f1f5f9;padding:18px 24px;border-radius:20px;color:#1e293b;font-size:1.05rem;font-weight:500;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;transition:all .3s}.cr-select:focus{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f61f,inset 0 2px 4px #00000005;transform:translateY(-1px)}.otp-input-container{display:flex;justify-content:center;gap:12px;margin:20px 0}.otp-input{width:50px;height:60px;text-align:center;font-size:24px;font-weight:800;border:2px solid #f1f5f9;border-radius:12px;background:#fff;transition:all .3s;color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;opacity:1!important;padding:0!important;margin:0;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;line-height:normal}.otp-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 8px 24px #3b82f61f;transform:translateY(-2px);outline:none}.cr-form-hint{font-size:.85rem;color:#64748b;margin-top:4px}.cr-success-state{text-align:center;padding:20px 0}.cr-success-icon{width:64px;height:64px;background:#22c55e1a;color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.cr-password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:10}.cr-password-toggle:hover{color:#3b82f6}.loader-dots:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.cr-btn-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 20px #ef444433}.cr-btn-confirm.danger:hover{box-shadow:0 15px 30px #ef44444d;filter:brightness(1.1)}@media (max-width: 768px){.cr-header{flex-wrap:wrap;padding:12px 16px;gap:12px}.cr-header-title{order:-1;width:100%;justify-content:center;padding-bottom:12px;border-bottom:1px solid rgba(226,232,240,.8);font-size:1rem;text-align:center}.hide-mobile{display:none}.cr-btn-logout{padding:10px;justify-content:center}.cr-actions-desktop{display:none}.cr-actions-mobile{display:block}.cr-scroll-modal{max-height:90vh}.cr-modal-scroll-content{padding:32px 24px 0}.sticky-actions{padding:20px 24px 32px}.otp-input-container{gap:8px}.otp-input{width:40px;height:50px;font-size:20px;border-radius:8px;padding:0!important}.cr-history-item{flex-direction:column;align-items:flex-start!important;gap:12px!important}.cr-history-item>div:last-child{align-self:flex-end}}.cr-uploader-tag{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;color:#64748b;padding:2px 10px;border-radius:100px;font-size:.75rem;font-weight:600;margin-top:6px;width:-moz-fit-content;width:fit-content;border:1px solid #e2e8f0}.cr-course-info{flex:1;display:flex;flex-direction:column}.cr-history-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.cr-history-item:hover{transform:translate(8px);border-color:#3b82f6!important;background:#f8fafc!important;box-shadow:0 4px 20px #3b82f614}.section-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b}.section-header{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:100}.header-left{flex:0 0 auto}.header-title{flex:1;text-align:center;font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:12px;flex:0 0 auto}.btn-back,.btn-admin,.btn-logout{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.btn-back:hover,.btn-admin:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.section-main{max-width:1400px;margin:0 auto;padding:40px 24px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.course-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.course-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 24px #0000000f}.course-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#3b82f61a,#06b6d41a)}.course-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-image img{transform:scale(1.05)}.course-content{padding:24px;display:flex;flex-direction:column;flex:1}.course-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.4}.course-description{font-size:.875rem;color:#64748b;line-height:1.5;flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#94a3b8}.btn-add-course{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:12px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-course:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3b82f64d}@media (max-width: 768px){.section-header{flex-wrap:wrap;padding:12px 16px;gap:12px}.header-title{font-size:1.25rem;flex:0 0 100%;order:-1;text-align:center;padding-bottom:12px;border-bottom:1px solid rgba(226,232,240,.8);margin:0}.header-left{width:100%;display:flex;justify-content:flex-start}.header-right{display:none}.courses-grid{grid-template-columns:1fr;gap:16px}.section-main{padding:24px 16px}}.fm-wrapper{display:flex;flex-direction:column;gap:24px}.fm-dropzone{border:2px dashed #cbd5e1;border-radius:16px;padding:40px 24px;text-align:center;background:#f8fafc;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden}.fm-dropzone:hover{border-color:#3b82f6;background:#3b82f605;transform:translateY(-2px);box-shadow:0 4px 20px #00000005}.fm-dropzone.dragging{border-color:#10b981;background:#10b9810d;box-shadow:0 0 0 4px #10b9811a}.fm-dropzone-icon{width:64px;height:64px;border-radius:20px;background:#3b82f61a;color:#3b82f6;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease}.fm-dropzone:hover .fm-dropzone-icon{transform:scale(1.08) rotate(5deg);background:#3b82f6;color:#fff}.fm-dropzone.dragging .fm-dropzone-icon{background:#10b981;color:#fff;transform:scale(1.15) translateY(-5px)}.fm-dropzone-title{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0}.fm-dropzone-desc{font-size:.875rem;color:#64748b;margin:0}.fm-file-input{display:none}.fm-upload-queue{display:flex;flex-direction:column;gap:12px;margin-top:8px}.fm-upload-item{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;position:relative;overflow:hidden}.fm-progress-bar-bg{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#f1f5f9}.fm-progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);width:0%;transition:width .2s ease-out}.fm-file-list{display:flex;flex-direction:column;gap:10px}.fm-file-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px;transition:all .2s ease;position:relative}.fm-file-row:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000008;transform:translateY(-1px)}.fm-file-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.fm-file-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.fm-file-icon-pdf{background:#ef444414;color:#ef4444}.fm-file-icon-video{background:#3b82f614;color:#3b82f6}.fm-file-icon-image{background:#10b98114;color:#10b981}.fm-file-icon-doc{background:#a855f714;color:#a855f7}.fm-file-icon-generic{background:#64748b14;color:#64748b}.fm-file-details{display:flex;flex-direction:column;min-width:0}.fm-file-name{font-size:.95rem;font-weight:600;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-file-name-link{color:#1e293b;text-decoration:none;transition:color .15s ease}.fm-file-name-link:hover{color:#3b82f6}.fm-file-meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#64748b;margin-top:4px}.fm-meta-separator{width:3px;height:3px;border-radius:50%;background:#cbd5e1}.fm-file-actions{display:flex;align-items:center;gap:8px}.fm-btn-action{background:none;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .15s ease}.fm-btn-action:hover{background:#f1f5f9;color:#1e293b}.fm-btn-action.delete:hover{background:#ef444414;color:#ef4444}.fm-empty{text-align:center;padding:48px 24px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:16px;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:12px}.fm-empty-icon{color:#94a3b8}.cr-tabs-list-wrapper{margin-bottom:24px}.cr-tabs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.cr-tab-card-btn{background:#59606d;border:2px solid transparent;border-radius:24px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;box-shadow:0 10px 25px #0000000d}.cr-tab-card-btn:hover{background:#636b79;transform:translateY(-3px);box-shadow:0 12px 24px #00000014}.cr-tab-card-btn.active{background:#59606d;border-color:#fff;box-shadow:0 15px 30px #00000026}.cr-tab-card-icon{width:56px;height:56px;border-radius:16px;background:#e2e8f0;color:#59606d;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-bottom:16px}.cr-tab-card-btn.active .cr-tab-card-icon{background:#e2e8f0;color:#59606d}.cr-tab-card-btn:hover:not(.active) .cr-tab-card-icon{background:#e2e8f0;color:#59606d}.cr-tab-card-title{font-size:1.05rem;font-weight:700;color:#f8fafc;margin:0;line-height:1.2}.cr-tab-card-count{font-size:.85rem;color:#cbd5e1;margin-top:6px;opacity:.75}.cr-tab-card-btn.active .cr-tab-card-count{color:#cbd5e1;opacity:1;font-weight:600}.fm-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #f1f5f9;margin-bottom:20px}.fm-header-left{display:flex;align-items:center;gap:10px}.fm-header-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.fm-badge{background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase}.fm-toggle-link{font-size:.85rem;color:#3b82f6;background:none;border:none;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;transition:all .15s ease;margin-top:10px}.fm-toggle-link:hover{background:#3b82f60f}.drive-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:16px}.drive-video-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.drive-video-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014;border-color:#cbd5e1}.drive-video-iframe-wrapper{position:relative;padding-top:56.25%;background:#090d16;border-bottom:1px solid #e2e8f0}.drive-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.drive-video-fallback{height:180px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid #e2e8f0;color:#64748b;padding:20px;text-align:center}.drive-video-fallback-icon{color:#94a3b8;animation:pulse 2s infinite ease-in-out}.drive-video-fallback-text{font-size:.85rem;font-weight:600;margin:0}.drive-video-fallback-btn{display:inline-block;background:#3b82f6;color:#fff;text-decoration:none;font-size:.8rem;font-weight:600;padding:6px 16px;border-radius:8px;transition:all .2s ease}.drive-video-fallback-btn:hover{background:#2563eb;transform:scale(1.03)}.drive-video-info{padding:18px;display:flex;flex-direction:column;flex-grow:1}.drive-video-title{font-size:.95rem;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8em}.drive-video-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.75rem;color:#64748b}.drive-video-actions{margin-top:auto;padding-top:14px}.drive-video-open-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 16px;background:#3b82f60d;color:#3b82f6;border:1px solid rgba(59,130,246,.15);border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease}.drive-video-open-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.auth-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8fafc);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:float 15s ease-in-out infinite;mix-blend-mode:soft-light}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#3b82f6,#1e3a8a);top:-100px;left:-100px}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#06b6d4,#0c4a6e);bottom:-150px;right:-150px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.auth-content{position:relative;z-index:10;width:100%;padding:24px}.btn-back-auth{display:flex;align-items:center;gap:8px;margin-bottom:32px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}.btn-back-auth:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:translate(-4px);box-shadow:0 8px 20px #3b82f61a}.auth-form-container{max-width:420px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:24px;padding:40px;box-shadow:0 20px 40px #0000000d}.auth-form-header{text-align:center;margin-bottom:32px}.auth-form-header h2{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-form-header p{color:#64748b;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.875rem}.auth-error svg{flex-shrink:0;margin-top:2px}.auth-input-group{display:flex;flex-direction:column;gap:8px}.auth-input-group label{font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.auth-input-group small{font-size:.75rem;color:#64748b;margin-top:-4px}.auth-input-wrapper{display:flex;align-items:center;gap:12px;padding:0 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.auth-input-wrapper:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.auth-input-wrapper svg{color:#64748b;flex-shrink:0}.auth-input-wrapper input{flex:1;padding:12px 0;background:transparent;border:none;color:#1e293b;font-size:1rem;outline:none}.auth-input-wrapper input::-moz-placeholder{color:#64748b}.auth-input-wrapper input::placeholder{color:#64748b}.btn-auth-submit{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-auth-submit:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3b82f64d}.btn-auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;padding-top:20px;border-top:1px solid #e2e8f0;color:#64748b;font-size:.875rem}.auth-footer p{margin:0}.auth-footer .link{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;margin-left:4px;transition:color .3s ease}.auth-footer .link:hover{color:#06b6d4;text-decoration:underline}.auth-info{margin-top:20px;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#93c5fd;font-size:.8rem;text-align:center;line-height:1.4}@media (max-width: 480px){.auth-form-container{padding:28px 20px}.auth-form-header h2{font-size:1.5rem}.btn-back-auth{margin-bottom:24px}}.admin-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b}.admin-header{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:100}.admin-title{flex:1;text-align:center;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 12px #0000000d}.btn-back:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:translate(-4px);box-shadow:0 8px 20px #3b82f61a}.btn-logout,.btn-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.btn-toggle:hover{background:#fff;border-color:#3b82f6;color:#3b82f6}.btn-toggle.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.btn-logout:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.admin-main{max-width:1200px;margin:0 auto;padding:40px 24px}.admin-controls{margin-bottom:32px}.admin-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;margin-bottom:40px;box-shadow:0 4px 20px #00000008}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:24px}.form-content{display:flex;flex-direction:column;gap:24px}.form-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.875rem}.form-label{font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-input{padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.form-input::-moz-placeholder{color:#64748b}.form-input::placeholder{color:#64748b}.image-upload{margin-top:8px}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;border:2px dashed rgba(148,163,184,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#3341554d;color:#cbd5e1}.upload-area:hover{border-color:#3b82f6;background:#3b82f61a;color:#3b82f6}.image-preview{position:relative;width:100%;max-width:300px;margin:0 auto}.image-preview img{width:100%;height:auto;border-radius:8px;border:1px solid rgba(148,163,184,.2)}.btn-remove-image{position:absolute;top:8px;right:8px;padding:6px 12px;background:#ef4444e6;color:#fff;border:none;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .3s ease}.btn-remove-image:hover{background:#ef4444}.btn-submit{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease;margin-top:8px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3b82f64d}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.courses-section{margin-top:40px}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:24px}.courses-list{display:flex;flex-direction:column;gap:12px}.course-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.course-item:hover{border-color:#3b82f6;background:#fff;box-shadow:0 8px 16px #0000000a}.course-item-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#33415580}.course-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-item-content{flex:1}.course-item-title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:4px}.course-item-description{font-size:.875rem;color:#64748b;line-height:1.4}.btn-delete{padding:8px 12px;background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-delete:hover{background:#ef444433;border-color:#ef444480;color:#ff6b6b}.empty-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#1e293b99;border:1px dashed rgba(148,163,184,.2);border-radius:12px;color:#94a3b8}.btn-add-first{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.875rem;transition:all .3s ease}.btn-add-first:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.btn-login{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3b82f64d}@media (max-width: 768px){.admin-header{flex-wrap:wrap;padding:16px}.admin-title{width:100%;order:-1;font-size:1.25rem}.admin-main,.admin-form{padding:24px 16px}.course-item{flex-direction:column;text-align:center}.course-item-content{width:100%}}.contact-container{min-height:100vh;background-color:#f8fafc;font-family:inherit;display:flex;flex-direction:column}.contact-header-bg{background:linear-gradient(135deg,#fff,#f1f5f9);padding:80px 20px 120px;text-align:center;position:relative;border-bottom:1px solid #e2e8f0}.contact-title{font-size:3.5rem;font-weight:800;color:#1e293b;margin-bottom:12px;letter-spacing:-.02em}.contact-title-highlight{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-cards-wrapper{max-width:800px;margin:-60px auto 40px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:0 24px;position:relative;z-index:10}.contact-info-card{background:#fff;border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 25px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;border:1px solid rgba(255,255,255,.8)}.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 20px 30px #00000014}.info-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 16px #0000001a}.info-icon-email{background:linear-gradient(135deg,#6366f1,#4f46e5)}.info-icon-whatsapp{background:linear-gradient(135deg,#22c55e,#16a34a)}.info-content p{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.info-content h3{font-size:1.05rem;font-weight:700;color:#0f172a}.contact-form-wrapper{max-width:800px;margin:0 auto 60px;background:#fff;border-radius:28px;padding:40px;box-shadow:0 20px 40px #0000000a}.form-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.form-header-icon{width:56px;height:56px;background:#f1f5f9;color:#3b82f6;border-radius:16px;display:flex;align-items:center;justify-content:center}.form-header-text h2{font-size:1.8rem;font-weight:800;color:#0f172a;margin-bottom:4px}.form-header-text p{color:#64748b;font-size:1rem}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.form-group input,.form-group textarea{background-color:#fff;border:2px solid #f1f5f9;padding:16px 20px;border-radius:16px;font-size:1.05rem;font-weight:500;color:#1e293b;transition:all .3s;outline:none}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 8px 24px #3b82f61f;transform:translateY(-2px)}.btn-submit-contact{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:18px;border-radius:100px;font-size:1.05rem;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;margin-top:16px;box-shadow:0 10px 25px #2563eb40}.btn-submit-contact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #2563eb59}.btn-submit-contact:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-btn-back{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:10px 20px;border-radius:100px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d;z-index:20}.contact-btn-back:hover{background:#fff;color:#3b82f6;border-color:#3b82f6;box-shadow:0 8px 16px #3b82f61a;transform:translateY(-1px)}@media (max-width: 768px){.contact-header-bg{padding:80px 20px 100px}.contact-btn-back{top:16px;left:16px;padding:8px 16px;font-size:.9rem}.contact-title{font-size:2.5rem;margin-top:24px}.contact-cards-wrapper{grid-template-columns:1fr;gap:16px;margin-top:-40px;padding:0 16px}.form-row{grid-template-columns:1fr;gap:16px}.contact-form-wrapper{margin:0 16px 60px;padding:24px;border-radius:24px}.form-header{flex-direction:column;text-align:center;gap:12px}.form-header-text h2{font-size:1.5rem}}.legal-container{min-height:100vh;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column}.legal-header-bg{background:linear-gradient(135deg,#fff,#f1f5f9);padding:80px 20px;text-align:center;position:relative;border-bottom:1px solid #e2e8f0}.legal-title{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:12px;letter-spacing:-.02em}.legal-title-highlight{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.legal-subtitle{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.5}.legal-content-wrapper{max-width:900px;margin:-40px auto 60px;background:#fff;border-radius:24px;padding:48px;box-shadow:0 10px 30px #0000000a;position:relative;z-index:10;border:1px solid rgba(226,232,240,.8)}.legal-section{margin-bottom:36px}.legal-section h2{font-size:1.4rem;font-weight:700;color:#0f172a;margin-bottom:16px;display:flex;align-items:center;gap:12px}.legal-section h2 span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#eff6ff;color:#3b82f6;border-radius:8px;font-size:.9rem;font-weight:700}.legal-section p{color:#475569;font-size:1.05rem;line-height:1.6;margin-bottom:12px}.legal-points-list{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:12px}.legal-point-item{display:flex;gap:12px;background-color:#f8fafc;padding:16px 20px;border-radius:14px;border:1px solid #f1f5f9;transition:all .2s ease}.legal-point-item:hover{transform:translate(4px);border-color:#e2e8f0;background-color:#f1f5f9}.point-number{color:#3b82f6;font-weight:700;font-size:1.05rem;flex-shrink:0}.point-text{color:#334155;font-size:1rem;line-height:1.5}.point-text strong{color:#0f172a}.legal-btn-back{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:10px 20px;border-radius:100px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d;z-index:20}.legal-btn-back:hover{background:#fff;color:#3b82f6;border-color:#3b82f6;box-shadow:0 8px 16px #3b82f61a;transform:translateY(-1px)}.legal-footer{margin-top:auto;padding:24px;text-align:center;border-top:1px solid #e2e8f0;background-color:#fff;color:#94a3b8;font-size:.9rem}@media (max-width: 768px){.legal-header-bg{padding:80px 20px 60px}.legal-btn-back{top:16px;left:16px;padding:8px 16px;font-size:.9rem}.legal-title{font-size:2.2rem;margin-top:24px}.legal-content-wrapper{margin:-20px 16px 40px;padding:24px;border-radius:20px}.legal-section h2{font-size:1.25rem}.legal-point-item{padding:12px 16px}}.sa-login-wrapper,.sa-dashboard-wrapper{font-family:Inter,sans-serif;min-height:100vh;background:#f8fafc;color:#1e293b}.sa-login-wrapper{display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#120e2e,#080616)}.sa-login-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;background-position:center center;pointer-events:none;z-index:1}.sa-login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.sa-bg-circle{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;mix-blend-mode:screen}.sa-bg-circle-1{width:600px;height:600px;background:radial-gradient(circle,#4f46e5,transparent 70%);top:-200px;right:-100px;animation:floatCircle1 22s ease-in-out infinite}.sa-bg-circle-2{width:500px;height:500px;background:radial-gradient(circle,#7c3aed,transparent 70%);bottom:-150px;left:-100px;animation:floatCircle2 18s ease-in-out infinite}.sa-bg-circle-3{width:400px;height:400px;background:radial-gradient(circle,#2563eb,transparent 70%);top:40%;left:30%;animation:floatCircle3 25s ease-in-out infinite}@keyframes floatCircle1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes floatCircle2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(.95)}66%{transform:translate(30px,-40px) scale(1.05)}}@keyframes floatCircle3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,40px) scale(1.15)}}.sa-login-card{position:relative;z-index:10;background:#0d0a1f73;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:56px 48px;width:100%;max-width:440px;text-align:center;box-shadow:0 24px 64px -16px #000000b3,0 0 80px #6366f10f,inset 0 1px 1px #ffffff26;animation:cardEntrance .8s cubic-bezier(.16,1,.3,1) both;transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease}.sa-login-card:hover{border-color:#6366f140;box-shadow:0 32px 72px -12px #000c,0 0 100px #6366f11f,inset 0 1px 1px #fff3;transform:translateY(-2px)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-login-icon-wrap{display:flex;justify-content:center;margin-bottom:28px;position:relative}.sa-login-icon-wrap:after{content:"";position:absolute;width:90px;height:90px;border:1px dashed rgba(99,102,241,.3);border-radius:50%;animation:spin 20s linear infinite;pointer-events:none}.sa-login-icon{width:76px;height:76px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#2563eb);background-size:200% 200%;animation:gradientShift 6s ease infinite;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #4f46e566,0 0 0 8px #4f46e51a;position:relative;z-index:2}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sa-login-title{font-size:2.1rem;font-weight:800;background:linear-gradient(135deg,#fff 30%,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 10px;letter-spacing:-.75px}.sa-login-subtitle{font-size:.9rem;color:#ffffff73;margin:0 0 40px;letter-spacing:.1px}.sa-login-form{text-align:left;display:flex;flex-direction:column;gap:22px}.sa-login-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:14px 16px;border-radius:14px;font-size:.85rem;text-align:center;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sa-input-group{display:flex;flex-direction:column;gap:8px}.sa-label{font-size:.75rem;font-weight:600;color:#ffffff8c;letter-spacing:.75px;text-transform:uppercase;transition:color .2s ease}.sa-input-wrap{position:relative;display:flex;align-items:center}.sa-input-icon{position:absolute;left:18px;color:#ffffff59;pointer-events:none;transition:color .2s ease,transform .2s ease}.sa-input{width:100%!important;padding:16px 18px 16px 52px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;color:#fff!important;font-size:.95rem;font-family:Inter,sans-serif;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.sa-input::-moz-placeholder{color:#ffffff40}.sa-input::placeholder{color:#ffffff40}.sa-input-wrap:focus-within .sa-input-icon{color:#818cf8;transform:scale(1.05)}.sa-input:focus{border-color:#6366f199!important;background:#ffffff14!important;box-shadow:0 0 0 4px #6366f126,0 8px 24px -8px #6366f14d!important}.sa-input-password{padding-right:52px!important}.sa-eye-toggle{position:absolute;right:18px;background:none;border:none;color:#ffffff59;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s,transform .2s}.sa-eye-toggle:hover{color:#fffc;transform:scale(1.08)}.sa-login-btn{margin-top:10px;width:100%;padding:16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #4f46e54d;position:relative;overflow:hidden}.sa-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:.5s}.sa-login-btn:hover:not(:disabled):before{left:100%;transition:.6s}.sa-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #4f46e566,0 0 0 1px #ffffff1a;background:linear-gradient(135deg,#5a52ff,#8b4eff)}.sa-login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #4f46e54d}.sa-login-btn:disabled{opacity:.45;cursor:not-allowed}.sa-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.sa-login-back{margin-top:28px;font-size:.85rem}.sa-back-link{color:#ffffff73;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.sa-back-link:hover{color:#818cf8;transform:translate(-4px)}.sa-dashboard-wrapper{display:flex;min-height:100vh;background:#f1f5f9}.sa-sidebar{width:240px;min-width:240px;background:linear-gradient(180deg,#1e1b4b,#312e81);display:flex;flex-direction:column;padding:24px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.sa-sidebar-brand{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff12;border-radius:14px;margin-bottom:32px;border:1px solid rgba(255,255,255,.08)}.sa-sidebar-icon{width:42px;height:42px;min-width:42px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f166}.sa-sidebar-title{font-weight:700;font-size:.85rem;color:#fff;margin:0}.sa-sidebar-email{font-size:.7rem;color:#ffffff73;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.sa-sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sa-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background:transparent;color:#fff9;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s;text-align:left}.sa-nav-item:hover{background:#ffffff12;color:#fff}.sa-nav-item.active{background:#6366f140;color:#a5b4fc;font-weight:600}.sa-sidebar-footer{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.sa-sidebar-refresh,.sa-sidebar-logout{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:none;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.sa-sidebar-refresh{background:#ffffff0f;color:#fff9}.sa-sidebar-refresh:hover:not(:disabled){background:#ffffff1a;color:#fff}.sa-sidebar-refresh:disabled{opacity:.5;cursor:not-allowed}.sa-sidebar-logout{background:#ef44441a;color:#fca5a5}.sa-sidebar-logout:hover{background:#ef444433;color:#f87171}.sa-sidebar-home-link{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.75rem;color:#ffffff59;text-decoration:none;transition:color .2s}.sa-sidebar-home-link:hover{color:#fff9}.spinning{animation:spin .7s linear infinite}.sa-main-content{flex:1;padding:32px;overflow-y:auto;min-width:0}.sa-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.sa-page-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.5px}.sa-page-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.sa-header-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:100px;color:#fff;font-size:.8rem;font-weight:700;box-shadow:0 4px 16px #6366f14d}.sa-tab-content{display:flex;flex-direction:column;gap:24px}.sa-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sa-stats-grid-2{grid-template-columns:repeat(2,1fr)}.sa-stat-card{background:#fff;border-radius:18px;padding:22px 24px;display:flex;align-items:center;gap:18px;border:1px solid #f1f5f9;box-shadow:0 1px 8px #0000000a;transition:transform .2s,box-shadow .2s}.sa-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.sa-stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-stat-info{display:flex;flex-direction:column;gap:4px}.sa-stat-value{font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-1px}.sa-stat-label{font-size:.78rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.sa-bento-row{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.sa-bento-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 1px 8px #0000000a}.sa-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.sa-card-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:#1e293b;margin:0}.sa-view-all{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#6366f1;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s;font-family:Inter,sans-serif}.sa-view-all:hover{background:#6366f114}.sa-empty-chart{height:200px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.85rem;text-align:center;padding:24px}.sa-chart-legend{display:flex;gap:20px;margin-top:16px;font-size:.8rem;color:#64748b}.sa-legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.sa-activity-list{display:flex;flex-direction:column;gap:12px;max-height:260px;overflow-y:auto}.sa-activity-list::-webkit-scrollbar{width:4px}.sa-activity-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sa-activity-item{display:flex;align-items:flex-start;gap:12px}.sa-activity-dot{width:8px;height:8px;border-radius:50%;background:#6366f1;margin-top:5px;flex-shrink:0}.sa-activity-info{flex:1;min-width:0}.sa-activity-name{font-size:.85rem;font-weight:600;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-activity-meta{font-size:.75rem;color:#94a3b8;margin:2px 0 0}.sa-exam-badge{font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;flex-shrink:0}.sa-exam-badge.mid{background:#3b82f61a;color:#3b82f6}.sa-exam-badge.final{background:#10b9811a;color:#10b981}.sa-cr-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #f1f5f9}.sa-table{width:100%;border-collapse:collapse;font-size:.875rem}.sa-table thead th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.sa-table tbody tr{transition:background .15s}.sa-table tbody tr:hover{background:#fafbff}.sa-table tbody td{padding:14px 16px;color:#374151;border-bottom:1px solid #f8fafc;vertical-align:middle}.sa-table tbody tr:last-child td{border-bottom:none}.sa-table-num{color:#cbd5e1!important;font-weight:600;width:40px}.sa-table-email{font-weight:600;color:#1e293b!important;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-table-date{color:#94a3b8!important;font-size:.8rem;white-space:nowrap}.sa-section-badge{display:inline-block;padding:4px 12px;background:#6366f114;color:#6366f1;border-radius:100px;font-size:.78rem;font-weight:700;white-space:nowrap}.sa-delete-btn{width:34px;height:34px;border-radius:10px;border:none;background:#ef444414;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.sa-delete-btn:hover{background:#ef444426;transform:scale(1.05)}.sa-search-wrap{position:relative;display:flex;align-items:center}.sa-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.sa-search-input{padding:10px 14px 10px 38px;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;font-family:Inter,sans-serif;color:#1e293b;background:#f8fafc;outline:none;width:260px;transition:all .2s}.sa-search-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.sa-no-data{text-align:center;color:#94a3b8;padding:40px;font-size:.9rem}.sa-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f1f5f9;font-family:Inter,sans-serif;color:#64748b;font-size:.9rem}.sa-loading-spinner{width:44px;height:44px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1100px){.sa-stats-grid{grid-template-columns:repeat(2,1fr)}.sa-bento-row{grid-template-columns:1fr}}@media (max-width: 768px){.sa-dashboard-wrapper{flex-direction:column}.sa-sidebar{width:100%;min-width:unset;height:auto;position:static;padding:16px}.sa-sidebar-nav{flex-direction:row;overflow-x:auto}.sa-nav-item{white-space:nowrap}.sa-sidebar-footer{flex-direction:row;flex-wrap:wrap}.sa-main-content{padding:20px 16px}.sa-stats-grid{grid-template-columns:repeat(2,1fr)}.sa-search-input{width:100%}.sa-page-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 480px){.sa-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.sa-stat-card{padding:16px}.sa-stat-value{font-size:1.4rem}.sa-login-card{padding:32px 24px}}.sa-dashboard-container{display:flex;min-height:100vh;background:#f8fafc;color:#1e293b;font-family:Inter,sans-serif}.sa-sidebar-new{width:280px;background:#0f172a;color:#fff;display:flex;flex-direction:column;padding:32px 24px;position:sticky;top:0;height:100vh;box-shadow:4px 0 24px #0000000d;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sa-sidebar-new::-webkit-scrollbar{display:none}.sa-sidebar-brand-new{display:flex;align-items:center;gap:16px;margin-bottom:48px}.sa-brand-logo{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #6366f14d}.sa-sidebar-brand-new h3{font-size:1.1rem;font-weight:800;margin:0;letter-spacing:-.5px}.sa-sidebar-brand-new p{font-size:.75rem;color:#94a3b8;margin:2px 0 0}.sa-sidebar-menu{flex:1;display:flex;flex-direction:column;gap:32px}.sa-menu-group{display:flex;flex-direction:column;gap:8px}.sa-group-label{font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px;padding-left:12px;margin-bottom:4px}.sa-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background:transparent;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;position:relative}.sa-menu-item:hover{background:#ffffff0d;color:#fff}.sa-menu-item.active{background:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f14d}.sa-badge-count{position:absolute;right:12px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:100px}.sa-sidebar-footer-new{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid #1e293b}.sa-footer-btn{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;border:none;background:#1e293b;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.sa-footer-btn:hover{background:#334155;color:#fff}.sa-footer-btn.sa-logout{color:#fca5a5}.sa-footer-btn.sa-logout:hover{background:#ef44441a;color:#f87171}.sa-main-content-new{flex:1;padding:40px;overflow-y:auto}.sa-top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.sa-header-text h1{font-size:2rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-1px}.sa-header-text p{font-size:.9rem;color:#64748b;margin:4px 0 0}.sa-header-actions{display:flex;align-items:center;gap:16px}.sa-search-box{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 20px;border-radius:14px;border:1px solid #e2e8f0;width:300px;transition:all .2s}.sa-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.sa-search-box input{border:none;background:none;outline:none;font-size:.9rem;width:100%}.sa-home-btn{width:44px;height:44px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b;border:1px solid #e2e8f0;transition:all .2s}.sa-home-btn:hover{background:#f8fafc;color:#6366f1;border-color:#6366f1}.sa-stats-grid-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.sa-stat-card-new{background:#fff;padding:24px;border-radius:24px;display:flex;align-items:center;gap:20px;box-shadow:0 1px 3px #0000000d;border:1px solid #f1f5f9;transition:transform .2s}.sa-stat-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.sa-stat-icon-wrap{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-stat-data{display:flex;flex-direction:column}.sa-stat-num{font-size:1.5rem;font-weight:800;color:#0f172a}.sa-stat-name{font-size:.8rem;color:#64748b;font-weight:600}.sa-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sa-bento-item{background:#fff;border-radius:24px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000d}.sa-col-2{grid-column:span 2}.sa-bento-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sa-bento-header h3{font-size:1.1rem;font-weight:700;margin:0}.sa-activity-feed{display:flex;flex-direction:column;gap:16px}.sa-activity-card{display:flex;align-items:center;gap:16px}.sa-act-icon{width:36px;height:36px;background:#f8fafc;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b}.sa-act-info p{font-size:.85rem;margin:0;color:#1e293b}.sa-act-info span{font-size:.75rem;color:#94a3b8}.sa-table-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000d}.sa-modern-table{width:100%;border-collapse:collapse}.sa-modern-table th{text-align:left;padding:16px 24px;background:#f8fafc;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.sa-modern-table td{padding:20px 24px;border-top:1px solid #f1f5f9;font-size:.9rem;color:#334155}.sa-badge-blue{background:#eff6ff;color:#2563eb;padding:4px 10px;border-radius:8px;font-weight:700;font-size:.75rem}.sa-action-btn{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sa-action-btn.sa-del{background:#fef2f2;color:#ef4444}.sa-action-btn.sa-del:hover{background:#fee2e2;transform:scale(1.1)}.sa-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.sa-glass-card{background:#fff;padding:24px;border-radius:24px;border:1px solid #f1f5f9}.sa-card-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sa-btn-add{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer}.sa-item-list{display:flex;flex-direction:column;gap:12px}.sa-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9}.sa-list-item button{background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s}.sa-list-item button:hover{color:#ef4444}.sa-grid-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sa-col-span-full{grid-column:1 / -1}.sa-messages-list{display:flex;flex-direction:column;gap:20px}.sa-message-card{background:#fff;padding:24px;border-radius:24px;border:1px solid #e2e8f0;transition:all .3s}.sa-message-card.unread{border-left:6px solid #6366f1;background:#fafbff}.sa-message-card.archived{opacity:.6;background:#f8fafc}.sa-msg-header{display:flex;justify-content:space-between;margin-bottom:16px}.sa-msg-user h4{margin:0;font-size:1.1rem}.sa-msg-user span{color:#64748b;font-size:.85rem}.sa-msg-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.sa-msg-meta span{font-size:.75rem;color:#94a3b8}.sa-msg-body{padding-top:16px;border-top:1px solid #f1f5f9}.sa-msg-body strong{display:block;margin-bottom:8px;color:#1e293b}.sa-msg-body p{margin:0;color:#475569;line-height:1.6}.sa-log-action{font-weight:700;color:#6366f1;text-transform:lowercase;font-family:monospace}.sa-log-details{font-family:monospace;font-size:.8rem;color:#64748b;max-width:300px;overflow:hidden;text-overflow:ellipsis}.sa-settings-wrap{display:flex;flex-direction:column;gap:16px;max-width:800px}.sa-setting-card{background:#fff;padding:24px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #f1f5f9}.sa-setting-info h4{margin:0;font-size:1rem}.sa-setting-info p{margin:4px 0 0;color:#64748b;font-size:.85rem}.sa-toggle{padding:10px 24px;border-radius:100px;border:none;background:#e2e8f0;color:#64748b;font-weight:700;cursor:pointer;transition:all .3s}.sa-toggle.on{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.sa-input-group input{padding:10px 16px;border-radius:10px;border:1px solid #e2e8f0;width:300px;font-family:inherit}.sa-input-group input:focus{border-color:#6366f1;outline:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-4{margin-bottom:1rem}.inline-block{display:inline-block}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.break-all{word-break:break-all}.border{border-width:1px}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.uppercase{text-transform:uppercase}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.h-96{height:24rem}.h-screen{height:100vh}