.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-md,8px);cursor:pointer;transition:all 0.3s ease;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:#fff0}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#efab2d,#d4941f);color:#12161f}.btn-primary:hover{background:linear-gradient(135deg,#ffc040,#efab2d);transform:translateY(-2px);box-shadow:0 5px 20px rgb(239 171 45 / .4)}.btn-secondary{background:#555189;color:#fff}.btn-secondary:hover{background:#6a64a0;transform:translateY(-2px);box-shadow:0 5px 20px rgb(85 81 137 / .4)}.btn-outline{background:#fff0;border:2px solid #efab2d;color:#efab2d}.btn-outline:hover{background:#efab2d;color:#12161f}.btn-ghost{background:rgb(255 255 255 / .1);color:#fff}.btn-ghost:hover{background:rgb(255 255 255 / .2)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:#22c55e;color:#fff}.btn-success:hover{background:#16a34a}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:16px 32px;font-size:16px}.btn-xl{padding:20px 40px;font-size:18px}.btn-block{width:100%}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.drama-card{background:#1b1e25;border-radius:var(--radius-lg,12px);overflow:hidden;transition:all 0.3s ease;position:relative}.drama-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgb(0 0 0 / .4)}.drama-card-image{width:100%;aspect-ratio:2/3;object-fit:cover}.drama-card-body{padding:15px}.drama-card-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drama-card-meta{display:flex;align-items:center;gap:10px;color:#adb3bf;font-size:12px}.drama-card-badge{position:absolute;top:10px;right:10px;background:rgb(239 171 45 / .9);color:#12161f;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.drama-card-rating{display:flex;align-items:center;gap:4px;color:#efab2d}.drama-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(18 22 31 / .95) 0%,transparent 50%);opacity:0;transition:opacity 0.3s ease;display:flex;align-items:flex-end;padding:15px}.drama-card:hover .drama-card-overlay{opacity:1}.form-group{margin-bottom:20px}.form-label{display:block;color:#adb3bf;font-size:14px;margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;background:#1b1e25;border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-md);color:#fff;font-family:'Cairo',sans-serif;font-size:14px;transition:all 0.3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#efab2d;box-shadow:0 0 0 3px rgb(239 171 45 / .1)}.form-input::placeholder{color:#666}.form-input-icon{position:relative}.form-input-icon .form-input{padding-right:45px}.form-input-icon svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#adb3bf;width:18px;height:18px}.form-search{position:relative}.form-search .form-input{padding-right:50px;border-radius:25px}.form-search .search-btn{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#efab2d;border:none;border-radius:50%;color:#12161f;cursor:pointer;display:flex;align-items:center;justify-content:center}.form-check{display:flex;align-items:center;gap:10px;cursor:pointer}.form-check-input{width:20px;height:20px;accent-color:#efab2d;cursor:pointer}.form-check-label{color:#adb3bf;font-size:14px}.toggle-switch{position:relative;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#263238;border-radius:26px;cursor:pointer;transition:all 0.3s ease}.toggle-slider::before{content:'';position:absolute;width:20px;height:20px;right:3px;bottom:3px;background:#adb3bf;border-radius:50%;transition:all 0.3s ease}.toggle-switch input:checked+.toggle-slider{background:#efab2d}.toggle-switch input:checked+.toggle-slider::before{background:#12161f;transform:translateX(-24px)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:rgb(18 22 31 / .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000}.navbar-brand{display:flex;align-items:center}.navbar-brand img{max-height:40px}.navbar-menu{display:flex;align-items:center;gap:30px}.navbar-link{color:#adb3bf;text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s ease;position:relative}.navbar-link:hover,.navbar-link.active{color:#efab2d}.navbar-link.active::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:2px;background:#efab2d}@media (max-width:768px){.navbar-menu{display:none}}.tabs{display:flex;gap:5px;background:#1b1e25;padding:5px;border-radius:var(--radius-lg);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 20px;background:#fff0;border:none;border-radius:var(--radius-md);color:#adb3bf;font-family:'Cairo',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.tab:hover{color:#fff;background:rgb(255 255 255 / .05)}.tab.active{background:#efab2d;color:#12161f}.tab-content{display:none;padding:20px 0}.tab-content.active{display:block;animation:fadeIn 0.3s ease}.modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .8);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:#1b1e25;border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:transform 0.3s ease}.modal-overlay.open .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgb(255 255 255 / .1)}.modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-close{width:36px;height:36px;background:rgb(255 255 255 / .1);border:none;border-radius:50%;color:#adb3bf;font-size:20px;cursor:pointer;transition:all 0.2s ease}.modal-close:hover{background:rgb(239 171 45 / .2);color:#efab2d}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid rgb(255 255 255 / .1)}.toast-container{position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#1b1e25;border-radius:var(--radius-md);border-right:4px solid #efab2d;box-shadow:0 10px 30px rgb(0 0 0 / .3);animation:slideInLeft 0.3s ease}.toast-success{border-color:#22c55e}.toast-error{border-color:#ef4444}.toast-warning{border-color:#f59e0b}.toast-info{border-color:#3b82f6}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast-content{flex:1}.toast-title{color:#fff;font-size:14px;font-weight:600}.toast-message{color:#adb3bf;font-size:13px;margin-top:2px}.toast-close{background:none;border:none;color:#adb3bf;cursor:pointer;padding:5px}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.progress{height:8px;background:#263238;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#efab2d,#d4941f);border-radius:4px;transition:width 0.3s ease}.progress-bar.animated{background-size:30px 30px;background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);animation:progressStripes 1s linear infinite}@keyframes progressStripes{from{background-position:30px 0}to{background-position:0 0}}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:var(--radius-sm)}.badge-primary{background:rgb(239 171 45 / .2);color:#efab2d}.badge-secondary{background:rgb(85 81 137 / .2);color:#8b86b8}.badge-success{background:rgb(34 197 94 / .2);color:#22c55e}.badge-danger{background:rgb(239 68 68 / .2);color:#ef4444}.badge-warning{background:rgb(245 158 11 / .2);color:#f59e0b}.badge-info{background:rgb(59 130 246 / .2);color:#3b82f6}.accordion{display:flex;flex-direction:column;gap:10px}.accordion-item{background:#1b1e25;border-radius:var(--radius-md);overflow:hidden}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:none;border:none;width:100%;color:#fff;font-family:'Cairo',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s ease}.accordion-header:hover{background:rgb(255 255 255 / .05)}.accordion-icon{width:20px;height:20px;color:#efab2d;transition:transform 0.3s ease}.accordion-item.open .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.accordion-item.open .accordion-content{max-height:500px}.accordion-body{padding:0 20px 20px;color:#adb3bf;font-size:14px;line-height:1.7}.dropdown{position:relative;display:inline-block}.dropdown-toggle{display:flex;align-items:center;gap:8px}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:#1b1e25;border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-md);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease;z-index:1000;box-shadow:0 10px 30px rgb(0 0 0 / .3)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(5px)}.dropdown-item{display:block;padding:10px 20px;color:#adb3bf;text-decoration:none;font-size:14px;transition:all 0.2s ease}.dropdown-item:hover{background:rgb(239 171 45 / .1);color:#efab2d}.dropdown-divider{height:1px;background:rgb(255 255 255 / .1);margin:8px 0}.rating{display:inline-flex;gap:4px}.rating-star{width:20px;height:20px;color:#263238;cursor:pointer;transition:all 0.2s ease}.rating-star.filled,.rating-star:hover{color:#efab2d}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn 0.3s ease}.animate-fadeInUp{animation:fadeInUp 0.3s ease}.animate-fadeInDown{animation:fadeInDown 0.3s ease}.animate-scaleIn{animation:scaleIn 0.3s ease}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.loader{display:inline-block;width:40px;height:40px;border:3px solid rgb(239 171 45 / .2);border-top-color:#efab2d;border-radius:50%;animation:spin 1s linear infinite}.loader-sm{width:20px;height:20px;border-width:2px}.loader-lg{width:60px;height:60px;border-width:4px}.loader-dots{display:flex;gap:8px}.loader-dots span{width:10px;height:10px;background:#efab2d;border-radius:50%;animation:loaderDots 1.4s ease-in-out infinite both}.loader-dots span:nth-child(1){animation-delay:-0.32s}.loader-dots span:nth-child(2){animation-delay:-0.16s}@keyframes loaderDots{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}