@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.login-container{display:flex;min-height:100vh;overflow:hidden;position:relative}.left-section{align-items:flex-start;background:linear-gradient(135deg,#3838c2,#1c1c3c 50%,#a855f7);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem;position:relative}.left-section:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><rect width="100%" height="100%" fill="url(%23grain)"/></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.right-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:3rem;text-align:center;width:100%}.left-content{position:relative;z-index:1}.left-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.left-subtitle{color:#fffc;font-size:1.2rem;font-weight:400;margin-bottom:2rem}.left-description{color:#ffffffb3;font-size:1rem;line-height:1.6;max-width:400px}.login-header{margin-bottom:2rem}.logo{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.logo-image{border-radius:12px;height:90px;object-fit:cover;width:250px}.login-header h1{color:#1f2937;font-size:2rem;font-weight:600;margin:0}.welcome-text{color:#6b7280;font-size:1rem;margin-bottom:1rem}.trial-text{color:#9ca3af;font-size:.9rem;margin-bottom:2rem}.form-group{text-align:left}.form-group label{color:#374151;font-size:.9rem;font-weight:500}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input::placeholder{color:#9ca3af;opacity:1}.login-button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1.5rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.login-button:hover{background:#5855eb}.login-button:active{background:#4f46e5}.login-button:disabled{background:#6366f1;cursor:not-allowed;opacity:.6}.divider{margin:1rem 0;position:relative;text-align:center}.divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#9ca3af;font-size:.875rem;padding:0 1rem;position:relative;z-index:1}.error-message{background:#3e3e9c;border:1px solid #dc35454d;border-radius:15px;color:#fff}.error-message,.success-message{font-size:.9rem;margin-bottom:1rem;padding:1rem}.success-message{background:#28a7451a;border:1px solid #28a7454d;border-radius:15px;color:#28a745}.loading-spinner{gap:1rem;margin-bottom:1rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}@media (max-width:768px){.login-container{flex-direction:column}.left-section{min-height:40vh;padding:2rem}.left-title{font-size:2rem}.right-section{padding:2rem 1rem}.login-card{margin:0;padding:2rem}.login-header h1{font-size:1.5rem}}@media (max-width:480px){.left-section{min-height:35vh;padding:1.5rem}.left-title{font-size:1.8rem}.left-subtitle{font-size:1rem}.right-section{padding:1rem}.login-card{padding:1.5rem}.login-header h1{font-size:1.3rem}}.dashboard-container{background:#fffefc;color:#1f2937;min-height:100vh;padding:0 40px;position:relative}.dashboard-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #2f51951a;box-shadow:0 8px 32px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.logo-section{align-items:center;display:flex;gap:1rem;position:relative}.logo-section:after{background:linear-gradient(180deg,#0000,#0b3d2e4d,#0000);content:"";height:40px;position:absolute;right:-2rem;top:50%;transform:translateY(-50%);width:1px}.header-logo{border-radius:12px;height:90px;object-fit:cover;width:250px}.header-logo-dashboard{border-radius:16px;height:90px;object-fit:cover;transition:all .3s ease;width:150px}.header-logo-dashboard:hover{border-color:#0b3d2e33;box-shadow:0 8px 25px #00000026;transform:scale(1.02)}.logo-section h1{color:#1f2937;font-size:1.8rem;font-weight:600;margin:0}.logout{background:linear-gradient(135deg,#6b7280,#9ca3af);border:2px solid #ffffff1a;border-radius:15px;box-shadow:0 3px 10px #6b72804d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.logout:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.logout:hover{background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 6px 20px #6b728066;transform:translateY(-2px)}.logout:hover:before{left:100%}.logout:active{box-shadow:0 2px 5px #6b72804d;transform:translateY(0)}.header-buttons{align-items:center;display:flex;gap:1.5rem;position:relative}.header-buttons:before{background:linear-gradient(180deg,#0000,#0b3d2e4d,#0000);content:"";height:40px;left:-2rem;position:absolute;top:50%;transform:translateY(-50%);width:1px}.admin-icon{background:#fff;color:#000;position:relative}.admin-panel-btn-header{background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #ffffff1a;border-radius:15px;box-shadow:0 3px 10px #8b45134d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.admin-panel-btn-header:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.admin-panel-btn-header:hover{background:linear-gradient(135deg,sienna,peru);box-shadow:0 6px 20px #8b451366;transform:translateY(-2px)}.admin-panel-btn-header:hover:before{left:100%}.admin-panel-btn-header:active{box-shadow:0 2px 5px #8b45134d;transform:translateY(0)}.logout-button{background:#ef4444;border-radius:8px;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.logout-button:hover{background:#dc2626}.dashboard-main{margin:0 auto;max-width:1200px;padding:2rem}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;color:#fff;margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.welcome-section:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" fill="url(%23grain)"/></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.welcome-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;text-shadow:0 2px 4px #0000001a;z-index:1}.welcome-section p{font-size:1.3rem;margin:0;opacity:.9;position:relative;text-shadow:0 1px 2px #0000001a;z-index:1}.mode-selection{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.mode-card{background:#fff;border:none;border-radius:24px;box-shadow:0 10px 30px #00000014;cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.mode-card:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mode-card:hover:before{opacity:1}.mode-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-8px) scale(1.02)}.mode-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:1.5rem}.mode-card h3{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.mode-card h3,.mode-card p{position:relative;z-index:1}.mode-card p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.mode-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;position:relative;z-index:1}.mode-features span{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #0000000d;border-radius:12px;color:#374151;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.mode-features span:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateX(4px)}.cuz-card .mode-features span{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #94a3b833;color:#64748b}.cuz-card .mode-features span:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;transform:none}.sure-card{background:#fff;border-left:4px solid #10b981}.sure-card:after{background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98133;content:"";height:12px;position:absolute;right:20px;top:20px;width:12px}.cuz-card{background:#f8fafc;border-left:4px solid #cbd5e1;cursor:not-allowed;opacity:.7;position:relative}.cuz-card:after{background:#94a3b8;border-radius:50%;box-shadow:0 0 0 3px #94a3b833;content:"";height:12px;position:absolute;right:20px;top:20px;width:12px}.cuz-card:hover{opacity:.8;transform:translateY(-2px) scale(1.005)}.cuz-card.tooltip-active{opacity:.95}.disabled-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#94a3b826;border-radius:24px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.coming-soon{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px solid #94a3b833;border-radius:12px;box-shadow:0 4px 12px #94a3b833;color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase}.cuz-tooltip{animation:tooltipFadeIn .3s ease;left:50%;position:absolute;top:-140px;transform:translateX(-50%);z-index:1000}.tooltip-content{background:linear-gradient(135deg,#1f2937,#374151);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;color:#fff;min-width:220px;padding:1.5rem;text-align:center}.tooltip-icon{display:block;font-size:2.5rem;margin-bottom:.75rem}.tooltip-content p{font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.tooltip-content small{font-size:.85rem;line-height:1.4;opacity:.8}.tooltip-arrow{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #1f2937;bottom:-10px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.quick-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-5px)}.stat-card h4{color:#6b7280;font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.stat-card .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-card .stat-label{color:#9ca3af;font-size:.9rem;font-weight:500}.admin-section{margin-top:2rem;padding:1rem;text-align:center}.admin-panel-btn{background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #d4a574;border-radius:20px;box-shadow:0 3px 10px #8b45134d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.8rem;transition:all .3s ease}.admin-panel-btn:hover{background:linear-gradient(135deg,sienna,peru);box-shadow:0 6px 20px #8b451366;transform:translateY(-2px)}@media (max-width:768px){.dashboard-container{padding:0 20px}.dashboard-container:after,.dashboard-container:before{width:20px}.dashboard-header{margin:0 -20px}.header-content{flex-direction:row;gap:1rem;padding:1rem}.logo-section:after{display:none}.header-logo{height:54px;width:150px}.logo-section h1{font-size:1.4rem}.dashboard-main{padding:1.5rem 1rem}.welcome-section{padding:2rem 1.5rem}.welcome-section h2{font-size:2rem}.welcome-section p{font-size:1.1rem}.mode-selection{gap:2rem;grid-template-columns:1fr}.mode-card{padding:2rem}.mode-icon{font-size:3.5rem}.mode-card h3{font-size:1.6rem}.quick-stats{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1.5rem}.stat-card .stat-value{font-size:2.5rem}.admin-panel-btn{font-size:.9rem;padding:.7rem 1.4rem}.header-buttons{gap:1rem}.header-buttons:before{display:none}.header-icon{font-size:1.2rem;height:48px;width:48px}.header-logo-dashboard{height:70px;width:120px}.admin-panel-btn-header,.logout{font-size:.85rem;padding:.6rem 1rem}}.sure-selection-container{background:#fffefc;color:#1f2937;min-height:100vh;padding:0;position:relative}.sure-selection-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #2f51951a;box-shadow:0 8px 32px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header-content{gap:2rem;padding:1.5rem 2rem!important}.page-title{flex:1 1}.page-title h1{color:#1f2937;font-size:2rem}.page-title p{color:#6b7280;font-size:1rem}.search-input:focus{background:#fff}.sure-list{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.loading-spinner,.no-sures{padding:4rem 0}.no-sures{text-align:center}.no-sures p{color:#6b7280;font-size:1.1rem;font-weight:500;margin:0}.sure-table{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden}.sure-table-header{background:#6366f1;color:#fff;padding:2rem;position:relative;text-align:center}.sure-table-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" fill="url(%23grain)"/></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.sure-table-header h3{font-size:1.6rem;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;z-index:1}.sure-table-body{padding:0}.sure-table-row{grid-gap:1.5rem;align-items:center;border-bottom:1px solid #0000000d;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:80px 1fr 1fr 80px;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.sure-table-row:last-child{border-bottom:none}.sure-table-row:hover{background:#6366f10d;transform:translateX(8px)}.sure-table-row.disabled{background:#00000005;cursor:not-allowed;opacity:.5}.sure-table-row.disabled:hover{background:#00000005;transform:none}.sure-number{background:#6366f1;border-radius:12px;box-shadow:0 4px 8px #6366f133;color:#fff;font-size:1rem;font-weight:700;min-width:45px;padding:.6rem;text-align:center}.sure-name{color:#1f2937;font-size:1.1rem;font-weight:600}.sure-arabic{color:#4b5563;direction:rtl;font-family:FeyzulFurkan,serif;font-size:2.4rem;font-weight:500;text-align:right}.sure-audio-status{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem;text-align:center}@media (max-width:768px){.header-content{flex-direction:row;gap:1rem;padding:1rem 2rem}.page-title h1{font-size:1.6rem}.page-title p{font-size:.9rem}.header-icon{font-size:1.2rem;height:48px;width:48px}.search-section{margin:1.5rem auto;padding:0 1rem}.sure-list{padding:0 1rem 2rem}.sure-table-header{padding:1.5rem}.sure-table-header h3{font-size:1.4rem}.sure-table-row{gap:1rem;grid-template-columns:60px 1fr 1fr 60px;padding:1.25rem 1.5rem}.sure-number{font-size:.9rem;min-width:40px;padding:.5rem}.sure-name{font-size:1rem}.sure-arabic{font-size:1.2rem}}@media (max-width:480px){.header-content{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.page-title h1{font-size:1.4rem}.sure-table-row{gap:.75rem;grid-template-columns:50px 1fr 1fr 50px;padding:1rem}.sure-number{font-size:.8rem;min-width:35px;padding:.4rem}.sure-name{font-size:.9rem}.sure-arabic{font-size:1.1rem}.sure-audio-status{font-size:1.3rem}}.fragment-list-container{background:#fffefc;color:#1f2937;min-height:100vh;padding:0;position:relative}.fragment-list-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #2f51951a;box-shadow:0 8px 32px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.sure-info h1{color:#000!important}.row-count-selector{margin-top:1rem}.row-count-dropdown{border:1px solid #000;color:#000}.sure-info p{margin:0}.search-section{margin:2rem auto;max-width:1200px;padding:0 2rem;text-align:center}.search-input{border:1px solid #d1d5db;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#1f2937;max-width:500px;outline:none;padding:1rem 1.5rem;width:100%}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,0 4px 12px #0000001a}.search-input::placeholder{color:#9ca3af;opacity:1}.fragment-list{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.fragment-table{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden}.fragment-table-header{background:#6366f1;color:#fff;padding:2rem;position:relative;text-align:center}.fragment-table-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" fill="url(%23grain)"/></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.fragment-table-header h3{font-size:1.6rem;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;z-index:1}.fragment-table-body{padding:0}.fragment-table-row{grid-gap:1.5rem;align-items:center;border-bottom:1px solid #0000000d;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:80px 1fr 1fr 150px 120px;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.fragment-table-row:last-child{border-bottom:none}.fragment-table-row:hover{background:#6366f10d;transform:translateX(8px)}.fragment-table-row.memorized{background:#10b9810d;border-left:4px solid #10b981}.fragment-number{background:#6366f1;border-radius:12px;box-shadow:0 4px 8px #6366f133;color:#fff;font-size:1rem;font-weight:700;min-width:45px;padding:.6rem;text-align:center}.fragment-text{background:#6366f10d;border-radius:12px;color:#1f2937;direction:rtl;font-family:FeyzulFurkan,Arial,sans-serif;font-size:1.4rem;font-weight:500;line-height:1.8;padding:.75rem;text-align:right}.fragment-translation{background:#00000005;border-radius:12px;color:#4b5563;font-size:1rem;line-height:1.6;padding:.75rem}.fragment-status{text-align:center}.status-memorized{background:#10b9811a;border:1px solid #10b98133;border-radius:12px;color:#10b981;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.status-not-memorized{background:#0000000d;border:1px solid #0000001a;border-radius:12px;color:#6b7280;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.start-button{background:#6366f1;border:none;border-radius:12px;box-shadow:0 4px 12px #6366f133;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.start-button:hover{background:#5855eb;box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.no-fragments{color:#6b7280;font-size:1.1rem;font-weight:500;padding:4rem;text-align:center}.loading-spinner{padding:4rem}.spinner{margin:0 auto 1.5rem}@media (max-width:768px){.header-content{flex-direction:row;gap:1rem;padding:1rem 2rem}.sure-info h1{font-size:1.4rem}.sure-info p{font-size:.9rem}.header-icon{font-size:1.2rem;height:48px;width:48px}.search-section{margin:1.5rem auto;padding:0 1rem}.fragment-list{padding:0 1rem 2rem}.fragment-table-header{padding:1.5rem}.fragment-table-header h3{font-size:1.4rem}.fragment-table-row{gap:1rem;grid-template-columns:1fr;padding:1.5rem}.fragment-number,.fragment-status,.fragment-text,.fragment-translation{text-align:center}.fragment-text{direction:ltr}.row-count-selector{flex-direction:column;gap:1rem}}@media (max-width:480px){.header-content{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.sure-info h1{font-size:1.2rem}.fragment-table-row{padding:1rem}.fragment-text{font-size:1.2rem}}.ezber-container{background:#fffefc;color:#1f2937;min-height:100vh;padding:0;position:relative}.ezber-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #2f51951a;box-shadow:0 8px 32px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header-content{border-bottom:1px solid #7997b5;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 2rem;position:relative}.header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0b3d2e26,0 2px 8px #0000001a,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;font-size:1.4rem;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none;width:56px}.header-icon:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.header-icon:after{background:linear-gradient(45deg,#0b3d2ecc,#0000,#0b3d2ecc);border-radius:50%;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.header-icon:hover{box-shadow:0 12px 30px #0b3d2e40,0 6px 15px #00000026,inset 0 1px 0 #fff3;transform:translateY(-4px) scale(1.08)}.header-icon:hover:before{left:100%}.header-icon:hover:after{opacity:1}.header-icon:active{transform:translateY(-2px) scale(1.05);transition:all .1s ease}.back-icon,.logout-icon{background:#fff;color:#6366f1;position:relative}.sure-info{flex:1 1;text-align:center}.sure-info h1{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.row-count-selector{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:1rem 0}.row-count-selector label{color:#4b5563;font-size:.9rem;font-weight:500;white-space:nowrap}.row-count-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1f2937;cursor:pointer;font-size:.9rem;font-weight:500;min-width:120px;padding:.5rem 1rem;transition:all .3s ease}.row-count-dropdown:hover{border-color:#6366f1;box-shadow:0 4px 8px #0000001a}.row-count-dropdown:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.translation-toggle,.translation-toggle label{align-items:center;display:flex;gap:.5rem}.translation-toggle label{color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none}.translation-toggle input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.translation-toggle input[type=checkbox]:checked{background-color:#6366f1}.translation-status{align-items:center;display:flex;justify-content:center}.status-indicator{border-radius:15px;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.status-indicator.active{background:#228b2226;border:1px solid #228b224d;color:#228b22}.status-indicator.inactive{background:#8b451326;border:1px solid #8b45134d;color:#8b4513}.sure-info p{color:#6b7280;font-size:1rem;margin:0 0 .5rem;opacity:.9}.sure-info small{color:#9ca3af;font-size:.9rem;opacity:.8}.progress-indicator{align-items:center;display:flex;flex-direction:column;gap:.5rem}.progress-bar{background:#6366f126;border:none;border-radius:4px;height:8px;overflow:hidden;width:200px}.progress-fill{background:#6366f1;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:.9rem;font-weight:500;opacity:.8}.ezber-main{margin:0 auto;max-width:1400px;padding:3rem 1rem}.ayet-display{margin-bottom:3rem;margin-left:auto;margin-right:auto}.ayet-card,.ayet-display{max-width:1400px;width:100%}.ayet-card{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:2rem;text-align:center}.ayet-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.ayet-number{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;color:#6366f1;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem}.listen-count{background:#0000000d;border:1px solid #0000001a;border-radius:12px;color:#6b7280;font-size:.9rem;opacity:.8;padding:.75rem 1.5rem}.ayet-content{margin-bottom:2rem}.quran-page-layout{background:#fffffff2;border:3px solid #000;border-radius:20px;margin:0 0 2rem;max-width:1400px;padding:1.5rem;text-align:center;width:100%}.fragments-container{align-items:flex-start;display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:1rem;justify-content:center;padding:0 1rem;width:100%}.fragment-block{background:none;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;flex-shrink:0;gap:.3rem;justify-content:flex-start;min-height:auto;padding:0;transition:none}.fragment-block:hover{border-color:#0000;box-shadow:none;transform:none}.fragment-block.playing .arabic-line,.fragment-block.playing .translation-line{background:#228b2226;border-radius:8px;padding:.3rem;transition:all .3s ease}.arabic-line{direction:rtl;font-family:FeyzulFurkan,Arial,sans-serif;line-height:2.2;margin-bottom:.2rem;text-align:center}.fragment-text-arabic{color:#2f4f4f;font-size:2.5rem;font-weight:500;margin:0 .3rem;text-shadow:1px 1px 2px #8b45131a}.translation-line{direction:ltr;line-height:1.6;padding:.2rem 0;text-align:center}.fragment-text-turkish{color:#5d4e37;font-size:1.4rem;font-weight:500;margin:0}.arabic-text-line{direction:rtl;font-family:FeyzulFurkan,Arial,sans-serif;line-height:2.5;margin-bottom:3rem;padding:0 1rem;width:100%}.turkish-text-line{direction:ltr;line-height:1.8;padding:0 1rem;width:100%}.turkish-text-lines{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:0 1rem;width:100%}.durak-inline{color:#8b4513;display:inline-block;font-size:1.8rem;font-weight:700;margin:0 .5rem;opacity:.8}.ayet-info{display:flex;flex-direction:column;gap:.5rem;text-align:left}.fragment-count,.row-count-type{color:#8b4513;font-size:.9rem;font-weight:500}.play-all-button{background:#6366f1;border:none;border-radius:12px;box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;min-width:200px;padding:1rem 2.5rem;transition:all .3s ease}.play-all-button:hover:not(:disabled){background:#6366f1;box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.play-all-button.playing{background:#ef4444}.stop-audio-button{background:#ef4444;border:none;border-radius:12px;box-shadow:0 4px 12px #ef444433;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-left:1rem;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.stop-audio-button:hover{background:#dc2626;box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.arabic-text{color:#696969;font-family:FeyzulFurkan,Arial,sans-serif;font-size:2.5rem;line-height:1.8;margin-bottom:2rem;text-shadow:1px 1px 2px #8b45131a}.arabic-text,.turkish-text{font-weight:500;transition:opacity .3s ease}.turkish-text{color:#333;font-size:1.3rem;line-height:1.6;opacity:.9}.audio-controls{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.play-button{background:linear-gradient(135deg,#d4a574,#8b4513);border:none;border-radius:30px;box-shadow:0 5px 15px #8b451333;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;min-width:200px;padding:1rem 2.5rem;transition:all .3s ease}.play-button:hover:not(:disabled){box-shadow:0 15px 30px #8b451366;transform:translateY(-3px)}.play-button:disabled{cursor:not-allowed;opacity:.7}.play-button.playing{background:linear-gradient(135deg,#ff4500,#dc143c)}.audio-info,.durak-separator{text-align:center}.durak-separator{background:#8b45131a;border:2px solid #d4a574;border-radius:15px;margin:2rem 0;padding:1rem}.durak-symbol{color:#8b4513;display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.durak-text{color:#8b4513;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.audio-status{background:#fff3;border-radius:15px;display:none;font-size:.9rem;opacity:.8;padding:.5rem 1rem}.audio-status:not(:empty){display:inline-block}.ezber-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:3rem}.nav-button{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;min-width:150px;padding:1rem 2rem;transition:all .3s ease}.nav-button:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;box-shadow:0 4px 8px #0000001a;color:#6366f1;transform:translateY(-2px)}.nav-button:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.ezber-complete-btn{background:#6366f1;border:none;border-radius:12px;box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;min-width:200px;padding:1rem 3rem;transition:all .3s ease}.ezber-complete-btn:hover{background:#6366f1;box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.ezber-complete-btn.completed{background:#6366f1}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.spinner{border:3px solid #e5e7eb;border-top-color:#6366f1}.loading-spinner p,.no-ayet{color:#6b7280;font-weight:500}.no-ayet{font-size:1.1rem;padding:4rem;text-align:center}@media (max-width:768px){.header-content{flex-direction:row;gap:1rem;padding:1rem 2rem}.sure-info h1{font-size:1.4rem}.sure-info p{font-size:.9rem}.header-icon{font-size:1.2rem;height:48px;width:48px}.row-count-selector{flex-direction:column;gap:1rem}.ezber-main{padding:2rem 1rem}.ayet-card{padding:2rem 1.5rem}.fragment-text-arabic{font-size:2rem}.fragment-text-turkish{font-size:1.2rem}.ezber-actions{flex-direction:column;gap:1rem}.ezber-complete-btn,.nav-button{min-width:auto;width:100%}.play-all-button,.stop-audio-button{margin-left:0;max-width:250px;min-width:auto;width:100%}.progress-bar{width:150px}}@media (max-width:480px){.header-content{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.sure-info h1{font-size:1.2rem}.ayet-card{padding:1.5rem 1rem}.fragment-text-arabic{font-size:1.8rem}.fragment-text-turkish{font-size:1rem}.ayet-header{flex-direction:column;gap:1rem}}.admin-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#334155;min-height:100vh;padding:0 40px;position:relative}.admin-container:before{border-right:2px solid #cbd5e1;left:0}.admin-container:after,.admin-container:before{background:linear-gradient(180deg,#475569,#64748b 25%,#94a3b8 50%,#64748b 75%,#475569);box-shadow:inset 0 0 20px #47556933;content:"";height:100vh;position:fixed;top:0;width:40px}.admin-container:after{border-left:2px solid #cbd5e1;right:0}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#47556914;border-bottom:2px solid #cbd5e1;margin:0 -40px;padding:1rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.back-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 3px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.back-button:hover{background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 5px 20px #3b82f666;transform:translateY(-2px)}.page-title{text-align:center}.page-title h1{color:#1e293b;font-size:2.2rem;font-weight:700;margin:0 0 .5rem;text-shadow:1px 1px 2px #1e293b1a}.page-title p{color:#475569;font-size:1.1rem;margin:0;opacity:.9}.admin-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}.admin-email{background:#4755691a;border:1px solid #cbd5e1;border-radius:15px;color:#475569}.admin-email,.admin-status{font-size:.9rem;padding:.3rem .8rem}.admin-status{background:#22c55e1a;border:1px solid #22c55e;border-radius:15px;color:#16a34a}.logout-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 3px 12px #ef44444d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 5px 20px #ef444466;transform:translateY(-2px)}.admin-main{margin:0 auto;max-width:1200px;padding:2rem}.admin-actions{margin-bottom:2rem;text-align:center}.search-section{gap:.5rem}.clear-search-btn,.search-section{align-items:center;display:flex;justify-content:center}.clear-search-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:50%;box-shadow:0 2px 8px #6b72804d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:45px;padding:.75rem;transition:all .3s ease;width:45px}.clear-search-btn:hover{background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 4px 12px #6b728066;transform:translateY(-1px)}.search-input{background:#fff;border:2px solid #cbd5e1;border-radius:25px;box-shadow:0 2px 8px #4755691a;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:400px}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 15px #3b82f633;outline:none;transform:translateY(-1px)}.search-input::placeholder{color:#94a3b8;font-style:italic}.add-surah-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.add-surah-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.surahs-section h2{color:#1e293b;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.surahs-table{background:#fffffff2;border:2px solid #cbd5e1;border-radius:15px;box-shadow:0 5px 20px #4755691a;overflow:hidden}.table-header{grid-gap:1rem;background:linear-gradient(135deg,#475569,#64748b);color:#fff;display:grid;font-size:1rem;font-weight:600;gap:1rem;grid-template-columns:60px 1fr 1fr 1fr 100px 100px 100px 200px;padding:1.5rem 2rem}.header-cell{text-align:center}.table-body{padding:0}.table-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #4755691a;display:grid;gap:1rem;grid-template-columns:60px 1fr 1fr 1fr 100px 100px 100px 200px;padding:1.5rem 2rem;transition:background-color .3s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:#4755690d}.table-cell{font-size:.95rem;text-align:center}.table-cell.arabic-name{direction:rtl;font-family:FeyzulFurkan,serif;font-size:1.2rem}.table-cell.actions{display:flex;gap:.5rem;justify-content:center}.add-fragment-btn,.delete-btn,.edit-btn,.view-fragments-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;margin:.2rem;padding:.8rem;transition:all .3s ease;width:50px}.view-fragments-btn{background:linear-gradient(135deg,#2e8b57,#3cb371);box-shadow:0 3px 12px #2e8b574d;color:#fff}.view-fragments-btn:hover{background:linear-gradient(135deg,#3cb371,#2e8b57);box-shadow:0 5px 20px #2e8b5766;transform:translateY(-2px)}.add-fragment-btn{background:linear-gradient(135deg,#ff8c00,orange);box-shadow:0 3px 12px #ff8c004d;color:#fff}.add-fragment-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 5px 20px #ff8c0066;transform:translateY(-2px)}.edit-btn{background:linear-gradient(135deg,gold,orange);box-shadow:0 3px 12px #ffd7004d;color:#8b4513}.edit-btn:hover{background:linear-gradient(135deg,orange,gold);box-shadow:0 5px 20px #ffd70066;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#dc143c,#ff4500);box-shadow:0 3px 12px #dc143c4d;color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#ff4500,#dc143c);box-shadow:0 5px 20px #dc143c66;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .3s ease;width:30px}.close-btn:hover{background:#fff3}.surah-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#8b4513;display:block;font-weight:600;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text]{border:2px solid #d4a574;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#8b4513;box-shadow:0 0 10px #8b451333;outline:none}.checkbox-group{align-items:center;display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{margin:0;width:auto}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 5px 15px #28a7454d;transform:translateY(-2px)}.cancel-btn{background:#6c757d33;border:2px solid #6c757d;border-radius:25px;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.cancel-btn:hover{background:#6c757d4d;transform:translateY(-2px)}.delete-confirm-modal .modal-body{padding:2rem;text-align:center}.delete-confirm-modal .modal-body p{font-size:1.1rem;margin-bottom:1rem}.delete-confirm-modal .modal-body .warning{background:#dc35451a;border-left:4px solid #dc3545;border-radius:8px;color:#dc3545;font-weight:600;padding:1rem}.fragment-list-modal{max-width:1200px;width:95%}.fragment-list-modal .modal-body{padding:2rem}.fragment-filters{background:#8b45130d;border:1px solid #d4a574;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.filter-group{align-items:center;display:flex;gap:1rem}.filter-group label{color:#8b4513;font-weight:600;margin:0}.filter-group input{border:2px solid #d4a574;border-radius:6px;font-size:.9rem;padding:.5rem 1rem;width:150px}.sort-controls{align-items:center;display:flex;gap:1rem;margin-left:2rem}.sort-controls label{color:#8b4513;font-weight:600;margin:0}.sort-select{background:#fff;font-size:.9rem}.sort-order-btn,.sort-select{border:2px solid #d4a574;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.sort-order-btn{background:#8b45131a;color:#8b4513;font-size:1.2rem;font-weight:700;transition:all .3s ease}.sort-order-btn:hover{background:#8b451333;transform:translateY(-1px)}.fragments-table{background:#ffffffe6;border:1px solid #d4a574;border-radius:10px;box-shadow:0 3px 15px #8b45131a;margin-bottom:1.5rem;overflow:hidden}.fragments-table .table-header{background:linear-gradient(135deg,#2e8b57,#3cb371);color:#fff;font-size:.9rem;font-weight:600}.fragments-table .table-header,.fragments-table .table-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:60px 80px 80px 80px 80px 80px 2fr 2fr 80px 120px;padding:1rem}.fragments-table .table-row{align-items:center;border-bottom:1px solid #8b45131a}.fragments-table .table-cell.arabic-text{direction:rtl;font-family:FeyzulFurkan,serif;font-size:1rem;line-height:1.4;text-align:right}.fragments-table .table-cell.actions{display:flex;flex-direction:column;gap:.3rem;justify-content:center}.delete-fragment-btn,.edit-fragment-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;padding:.6rem;transition:all .3s ease;white-space:nowrap;width:40px}.edit-fragment-btn{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #ffd7004d;color:#8b4513}.edit-fragment-btn:hover{background:linear-gradient(135deg,orange,gold);box-shadow:0 4px 12px #ffd70066;transform:translateY(-1px)}.delete-fragment-btn{background:linear-gradient(135deg,#dc143c,#ff4500);box-shadow:0 2px 8px #dc143c4d;color:#fff}.delete-fragment-btn:hover{background:linear-gradient(135deg,#ff4500,#dc143c);box-shadow:0 4px 12px #dc143c66;transform:translateY(-1px)}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.page-btn{background:#8b45131a;border:2px solid #d4a574;border-radius:20px;color:#8b4513;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#8b451333;transform:translateY(-1px)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{background:#8b45131a;border:1px solid #d4a574;border-radius:15px;color:#8b4513;font-weight:600;padding:.5rem 1rem}.fragment-form{padding:2rem}.fragment-form .form-group textarea{border:2px solid #d4a574;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;resize:vertical;transition:border-color .3s ease;width:100%}.fragment-form .form-group textarea:focus{border-color:#8b4513;box-shadow:0 0 10px #8b451333;outline:none}.fragment-form .form-group textarea.arabic-textarea{font-family:FeyzulFurkan,serif;font-size:1.2rem;line-height:1.6}.file-input{background:#fff;border:2px solid #d4a574;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.file-input:focus{border-color:#8b4513;box-shadow:0 0 10px #8b451333;outline:none}.file-help,.form-help{color:#6c757d;display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.delete-confirm-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.delete-confirm-btn:hover{box-shadow:0 5px 15px #dc35454d;transform:translateY(-2px)}.loading-spinner{padding:3rem 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #d4a574;border-radius:50%;border-top-color:#8b4513;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:sienna;font-size:1.1rem;margin:0}@media (max-width:768px){.admin-container{padding:0 20px}.admin-container:after,.admin-container:before{width:20px}.admin-header{margin:0 -20px}.header-content{flex-direction:column;gap:1rem;text-align:center}.page-title h1{font-size:1.8rem}.admin-info{flex-direction:column;gap:.5rem}.table-header,.table-row{gap:.5rem;grid-template-columns:60px 1fr 1fr 1fr 80px 80px 80px 150px;padding:1rem}.table-cell{font-size:.85rem}.fragments-table .table-header,.fragments-table .table-row{font-size:.8rem;gap:.3rem;grid-template-columns:50px 60px 60px 60px 60px 60px 1fr 1fr 60px 100px;padding:.8rem}.fragment-filters{flex-direction:column;gap:1rem}.sort-controls{justify-content:center;margin-left:0}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.search-input{max-width:300px;width:100%}.search-section{flex-direction:column;gap:1rem}.clear-search-btn{font-size:.9rem;height:40px;width:40px}}@media (max-width:480px){.table-header,.table-row{gap:.3rem;grid-template-columns:50px 1fr 1fr 1fr 60px 60px 60px 120px;padding:.8rem}.table-cell{font-size:.8rem}.delete-btn,.edit-btn{font-size:.8rem;padding:.4rem .8rem}}@font-face{font-display:swap;font-family:FeyzulFurkan;font-style:normal;font-weight:400;src:url(/static/media/FeyzulFurkan-Regular.4a3d1f13f3138501c1ba.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}.App{min-height:100vh;text-align:center;width:100%}@media (max-width:768px){.App{padding:20px}}
/*# sourceMappingURL=main.1971024e.css.map*/