._appContainer_78l8i_3{background-color:#f3f4f6}._mainContent_78l8i_7{margin-left:0;transition:margin-left .3s ease-in-out}@media (min-width: 768px){._mainContent_78l8i_7._sidebarVisible_78l8i_14{margin-left:280px}}._sidebar_1r9up_3{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:2px 0 20px #0000001a;z-index:1001;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:transform .3s ease-in-out}._loadingContainer_1r9up_18{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}._loadingIcon_1r9up_26{font-size:2rem;margin-bottom:.5rem}._header_1r9up_31{padding:1.5rem 1rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2}._titleContainer_1r9up_43{flex-grow:1}._title_1r9up_43{margin:0;font-size:1.2rem;font-weight:700}._subtitle_1r9up_53{font-size:.75rem;opacity:.8;margin-top:.25rem}._content_1r9up_59{padding:1rem}._formGroup_1r9up_63{margin-bottom:1.2rem}._label_1r9up_67{font-size:.85rem;font-weight:600;margin-bottom:.5rem;display:block;opacity:.9}._select_1r9up_75,._input_1r9up_75{width:100%;padding:.7rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#ffffff1a;color:#fff;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}._select_1r9up_75 option{color:#333;background-color:#fff}._link_1r9up_92{color:#ffffffe6;text-decoration:underline;font-size:.75rem;margin-top:.5rem;display:inline-block}._apiKeyLinks_1r9up_101{margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem}._apiKeyLink_1r9up_101{color:#ffeb3b;text-decoration:none;font-size:.8rem;font-weight:600;padding:.4rem .6rem;background:#ffeb3b1a;border:1px solid rgba(255,235,59,.3);border-radius:6px;transition:all .3s ease;display:inline-block;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._apiKeyLink_1r9up_101:hover{background:#ffeb3b33;border-color:#ffeb3b80;transform:translateY(-1px);box-shadow:0 2px 8px #ffeb3b33}._linkNote_1r9up_130{color:#ffffffb3;font-size:.7rem;margin-top:.3rem;padding:.3rem .5rem;background:#ffffff0d;border-radius:4px;border-left:3px solid rgba(255,235,59,.5);line-height:1.3}._modelStatus_1r9up_141{margin-top:.75rem;padding:.7rem;border-radius:6px;font-size:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._statusLabel_1r9up_148{font-weight:700;margin-bottom:.3rem}._statusDesc_1r9up_152{opacity:.9;line-height:1.3}._recommended_1r9up_156{background-color:#48bb7833;border:1px solid rgba(72,187,120,.3)}._unstable_1r9up_157{background-color:#f5656533;border:1px solid rgba(245,101,101,.3)}._experimental_1r9up_158{background-color:#ffc10733;border:1px solid rgba(255,193,7,.3)}._alternative_1r9up_159{background-color:#6c757d33;border:1px solid rgba(108,117,125,.3)}._checkButton_1r9up_161{width:100%;padding:.75rem;background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._checkButton_1r9up_161:hover:not(:disabled){background-color:#ffffff40}._checkButton_1r9up_161:disabled{cursor:not-allowed;opacity:.7}._connectionStatus_1r9up_183{padding:.75rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._success_1r9up_190{background-color:#48bb7833;border:1px solid rgba(72,187,120,.3)}._error_1r9up_191{background-color:#f5656533;border:1px solid rgba(245,101,101,.3)}._promoBox_1r9up_193{margin-top:1.5rem;padding:1rem;background-color:#ffa50033;border-radius:12px;border:1px solid rgba(255,165,0,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}._promoTitle_1r9up_201{margin:0 0 .5rem;font-size:.9rem;font-weight:700;color:#ffeb3b}._promoDesc_1r9up_202{font-size:.75rem;opacity:.9;line-height:1.4;margin-bottom:.75rem}._promoContact_1r9up_203{background:#ffffff1a;padding:.75rem;border-radius:8px;text-align:center}._contactLabel_1r9up_204{font-weight:700;margin-bottom:.5rem;font-size:.8rem}._contactInfo_1r9up_205{font-size:1rem;font-weight:700;color:#ffeb3b}._tipsBox_1r9up_207{margin-top:1rem;padding:.75rem;background-color:#ffffff14;border-radius:8px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._tipsTitle_1r9up_215{margin:0 0 .5rem;font-size:.8rem;font-weight:700;opacity:.9}._tipsContent_1r9up_216{font-size:.7rem;opacity:.8;line-height:1.3}._tipsContent_1r9up_216 p{margin:0 0 .3rem}._closeButton_1r9up_219{display:none;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1}._overlay_1r9up_229{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}._overlay_1r9up_229._visible_1r9up_243{opacity:1;pointer-events:auto}@media (max-width: 768px){._sidebar_1r9up_3{transform:translate(-100%)}._sidebar_1r9up_3._open_1r9up_254{transform:translate(0)}._closeButton_1r9up_219,._overlay_1r9up_229{display:block}._apiKeyLinks_1r9up_101{gap:.5rem}._apiKeyLink_1r9up_101{font-size:.75rem;padding:.5rem}._linkNote_1r9up_130{font-size:.65rem;padding:.4rem}}._multiKeyButton_1r9up_281{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.3rem .7rem;border-radius:5px;font-size:.75rem;cursor:pointer;transition:background-color .2s}._multiKeyButton_1r9up_281:hover{background:#fff3}._textarea_1r9up_296{width:100%;padding:.7rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#ffffff1a;color:#fff;font-size:.9rem;resize:vertical;font-family:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._topBar_jytpx_3{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:0;position:sticky;top:0;z-index:999;box-shadow:0 8px 32px #0000001a;pointer-events:auto}._topBarContent_jytpx_15{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;width:100%;max-width:1400px;margin:0 auto;min-height:60px;pointer-events:auto}._leftSection_jytpx_28{display:flex;align-items:center;gap:2rem;flex-shrink:0;flex:1;min-width:0}._hamburgerButton_jytpx_37{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:3px;border-radius:6px;transition:all .3s ease;flex-shrink:0}._hamburgerButton_jytpx_37:hover{background:#ffffff1a}._hamburgerLine_jytpx_54{width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}._logo_jytpx_62{text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:transform .3s ease;flex-shrink:0;min-width:0}._logo_jytpx_62:hover{transform:translateY(-1px)}._logoIconWrapper_jytpx_76{background:#fff3;border-radius:12px;padding:.6rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease;flex-shrink:0}._logoIconWrapper_jytpx_76:hover{background:#ffffff40;box-shadow:0 4px 12px #fff3}._logoIcon_jytpx_76{font-size:1.5rem;display:block}._logoTextContainer_jytpx_96{display:flex;flex-direction:column;line-height:1.2;min-width:0;overflow:hidden}._logoText_jytpx_96{color:#fff;font-weight:700;font-size:1.1rem;margin:0;white-space:nowrap}._pageTitle_jytpx_112{color:#fffc;font-size:.75rem;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._desktopNav_jytpx_123{display:flex;gap:.5rem;background:#ffffff1a;padding:.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}._navLink_jytpx_134{text-decoration:none;padding:.6rem 1rem;border-radius:10px;color:#fff;font-size:.85rem;font-weight:500;background:transparent;border:1px solid transparent;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;position:relative;overflow:hidden;flex-shrink:0}._navLink_jytpx_134:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}._navLink_jytpx_134:hover:before{left:100%}._navLink_jytpx_134:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}._navLink_jytpx_134._active_jytpx_174{background:#fff3;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #ffffff26}._navIcon_jytpx_180{font-size:1rem;flex-shrink:0}._rightSection_jytpx_186{display:flex;align-items:center;gap:1rem;margin-left:auto;flex-shrink:0;overflow:visible;pointer-events:auto;z-index:1}._userActions_jytpx_197{display:flex;align-items:center;gap:1rem;flex-shrink:0;overflow:visible;pointer-events:auto}._upgradeButton_jytpx_207{background:linear-gradient(135deg,gold,#ffb347);color:#333;border:none;padding:.6rem 1.2rem;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #ffd70066;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0}._upgradeButton_jytpx_207:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}._upgradeButton_jytpx_207:hover:before{left:100%}._upgradeButton_jytpx_207:hover{background:linear-gradient(135deg,#ffed4e,orange);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}._upgradeIcon_jytpx_248{font-size:1rem;animation:_sparkle_jytpx_1 2s infinite;flex-shrink:0}@keyframes _sparkle_jytpx_1{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}._proInfo_jytpx_260{display:flex;align-items:center;gap:.75rem;background:#ffd70026;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,215,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:_glow_jytpx_1 3s ease-in-out infinite alternate;flex-shrink:0;white-space:nowrap}._proExpired_jytpx_274{display:flex;align-items:center;gap:.75rem;background:#dc354526;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(220,53,69,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;white-space:nowrap}._proTimeLeft_jytpx_287,._expiredText_jytpx_295{font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap}@keyframes _glow_jytpx_1{0%{box-shadow:0 0 10px #ffd7004d}to{box-shadow:0 0 20px #ffd70099}}._renewButton_jytpx_312{background:gold;color:#333;border:none;padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}._renewButton_jytpx_312:hover{background:#ffed4e;transform:translateY(-1px)}._notificationBell_jytpx_332{position:relative;flex-shrink:0;z-index:10}._notificationButton_jytpx_338{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:.6rem;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;pointer-events:auto;z-index:1}._notificationButton_jytpx_338:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}._notificationBadge_jytpx_362{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;min-width:18px;height:18px;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white;animation:_pulse_jytpx_1 2s infinite;z-index:2;pointer-events:none}._notificationDropdown_jytpx_382{position:absolute;top:calc(100% + 15px);right:0;width:350px;max-width:90vw;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;color:#333;overflow:hidden;z-index:1001;border:1px solid rgba(0,0,0,.1);pointer-events:auto}._notificationHeader_jytpx_398{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:.5rem}._notificationHeader_jytpx_398 h3{margin:0;font-size:1rem;font-weight:600}._notificationHeader_jytpx_398 button{background:none;border:none;color:#007bff;font-size:.8rem;cursor:pointer;font-weight:500;padding:.25rem .5rem;border-radius:6px;transition:background .3s ease;white-space:nowrap}._notificationHeader_jytpx_398 button:hover{background:#007bff1a}._notificationList_jytpx_432{max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}._notificationItem_jytpx_438{padding:1rem;border-bottom:1px solid #f0f0f0;transition:background .3s ease}._notificationItem_jytpx_438:hover{background:#f8f9fa}._notificationItem_jytpx_438:last-child{border-bottom:none}._notificationItem_jytpx_438 strong{display:block;margin-bottom:.5rem;font-size:.9rem;color:#333;word-wrap:break-word}._notificationItem_jytpx_438 p{margin:0 0 .5rem;font-size:.85rem;color:#666;line-height:1.4;word-wrap:break-word}._notificationItem_jytpx_438 span{font-size:.75rem;color:#999}._noNotifications_jytpx_473{padding:2rem;text-align:center;color:#999;font-size:.9rem}._userMenu_jytpx_481{position:relative;flex-shrink:0;z-index:10}._userButton_jytpx_487{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;white-space:nowrap;min-width:0;max-width:200px;pointer-events:auto;z-index:1}._userButton_jytpx_487:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}._avatar_jytpx_513{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;border:2px solid rgba(255,255,255,.3);flex-shrink:0;color:#fff;pointer-events:none}._userInfo_jytpx_529{display:flex;flex-direction:column;text-align:left;min-width:0;overflow:hidden;pointer-events:none}._userInfo_jytpx_529 strong{font-size:.85rem;font-weight:600;line-height:1;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis}._userRole_jytpx_547{font-size:.7rem;opacity:.8;line-height:1;font-weight:500;overflow:hidden;text-overflow:ellipsis}._chevronIcon_jytpx_556{transition:transform .3s ease;flex-shrink:0;pointer-events:none}._userButton_jytpx_487:hover ._chevronIcon_jytpx_556{transform:rotate(180deg)}._userDropdown_jytpx_567{position:absolute;top:calc(100% + 15px);right:0;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;border:1px solid rgba(0,0,0,.1);padding:1.5rem;min-width:320px;max-width:90vw;z-index:1001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#333;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}._closeDropdownButton_jytpx_587{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:1}._closeDropdownButton_jytpx_587:hover{background:#f0f0f0;color:#333}._dropdownHeader_jytpx_611{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0;padding-right:2rem}._dropdownHeader_jytpx_611 ._avatar_jytpx_513{width:50px;height:50px;font-size:1.5rem}._dropdownHeader_jytpx_611 ._userInfo_jytpx_529{min-width:auto;flex:1;overflow:hidden}._dropdownHeader_jytpx_611 ._userInfo_jytpx_529 strong{font-size:1.1rem;margin-bottom:.25rem;color:#333}._dropdownHeader_jytpx_611 ._userInfo_jytpx_529 span{font-size:.85rem;color:#666}._userStats_jytpx_644{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}._userStats_jytpx_644>div{background:linear-gradient(135deg,#667eea20,#764ba220);padding:1rem;border-radius:12px;text-align:center;border:1px solid #667eea30;transition:all .3s ease}._userStats_jytpx_644>div:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}._userStats_jytpx_644 strong{display:block;font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:.25rem}._userStats_jytpx_644 span{font-size:.8rem;color:#666;font-weight:500}._dropdownAction_jytpx_679{width:100%;padding:.75rem 1rem;border:none;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;margin-bottom:.75rem;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:.5rem;justify-content:flex-start}._dropdownAction_jytpx_679:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}._logoutButton_jytpx_702{background:linear-gradient(135deg,#dc3545,#c82333);margin-bottom:0}._logoutButton_jytpx_702:hover{box-shadow:0 4px 12px #dc35454d}._upgradeButton_jytpx_207{background:linear-gradient(135deg,gold,#ffb347)!important;color:#333!important}._upgradeButton_jytpx_207:hover{background:linear-gradient(135deg,#ffed4e,orange)!important;box-shadow:0 4px 12px #ffd70066!important}._renewButton_jytpx_312{background:linear-gradient(135deg,#17a2b8,#138496)!important;color:#fff!important}._renewButton_jytpx_312:hover{background:linear-gradient(135deg,#1cc7e0,#117a8b)!important;box-shadow:0 4px 12px #17a2b866!important}._proStatusInfo_jytpx_732{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px solid #e9ecef}._proStatusInfo_jytpx_732 h4{margin:0 0 .75rem;color:#333;font-size:.95rem;font-weight:600}._proDetails_jytpx_747{display:flex;flex-direction:column;gap:.5rem}._proDetailItem_jytpx_753{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05);gap:1rem}._proDetailItem_jytpx_753:last-child{border-bottom:none}._proLabel_jytpx_766{font-size:.85rem;color:#666;font-weight:500;flex-shrink:0}._proValue_jytpx_773{font-size:.85rem;font-weight:600;text-align:right;word-wrap:break-word;min-width:0}._proValue_jytpx_773._active_jytpx_174{color:#28a745}._proValue_jytpx_773._expired_jytpx_295{color:#dc3545}._proValue_jytpx_773._warning_jytpx_789{color:#ffc107}._lifetime_jytpx_793{color:#28a745;font-weight:700;background:linear-gradient(135deg,#28a745,#20c997);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:_sparkle_jytpx_1 2s infinite}._upgradeInfo_jytpx_804{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:12px;padding:1rem;margin-bottom:1rem;border:2px solid rgba(255,215,0,.3);position:relative;overflow:hidden}._upgradeInfo_jytpx_804:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:_shimmer_jytpx_1 3s infinite}@keyframes _shimmer_jytpx_1{0%{left:-100%}to{left:100%}}._upgradeInfo_jytpx_804 h4{margin:0 0 .75rem;color:#b8860b;font-size:1rem;font-weight:700;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1)}._upgradeDescription_jytpx_839{font-size:.85rem;color:#8b6914;line-height:1.4;text-align:center;margin:0 0 1rem;font-weight:500}._upgradeFeatures_jytpx_848{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}._featureItem_jytpx_855{font-size:.8rem;color:#5a4a0f;font-weight:600;padding:.4rem 0;display:flex;align-items:center;gap:.3rem}._featureItem_jytpx_855:before{content:"";width:4px;height:4px;background:gold;border-radius:50%;flex-shrink:0}._lifetimeInfo_jytpx_875{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#28a745,#20c997);padding:.6rem 1.2rem;border-radius:20px;border:2px solid rgba(40,167,69,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:_lifetimeGlow_jytpx_1 3s ease-in-out infinite alternate;flex-shrink:0;white-space:nowrap}._lifetimeText_jytpx_889{font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes _lifetimeGlow_jytpx_1{0%{box-shadow:0 0 15px #28a74566}to{box-shadow:0 0 25px #28a745b3}}._adminInfo_jytpx_906{background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;padding:1rem;margin-bottom:1rem;text-align:center;border:2px solid rgba(255,215,0,.3)}._adminBadge_jytpx_915{font-size:1rem;font-weight:700;color:#333;margin-bottom:.5rem}._adminNote_jytpx_922{font-size:.8rem;color:#666;margin:0;font-style:italic}._passwordForm_jytpx_930{margin-bottom:1rem}._passwordForm_jytpx_930 h4{margin:0 0 1rem;color:#333;font-size:1rem}._passwordForm_jytpx_930 input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;margin-bottom:.75rem;font-size:.9rem;box-sizing:border-box;transition:all .3s ease}._passwordForm_jytpx_930 input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}._passwordActions_jytpx_957{display:flex;gap:.75rem;flex-wrap:wrap}._passwordActions_jytpx_957 button{flex:1;min-width:120px;padding:.75rem;border:none;border-radius:8px;font-size:.85rem;cursor:pointer;font-weight:500;transition:all .3s ease}._passwordActions_jytpx_957 button[type=submit]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}._passwordActions_jytpx_957 button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}._passwordActions_jytpx_957 button[type=button]{background:#6c757d;color:#fff}._passwordActions_jytpx_957 button[type=button]:hover{background:#5a6268;transform:translateY(-1px)}._guestActions_jytpx_996{display:flex;gap:.75rem;flex-shrink:0;flex-wrap:wrap}._loginButton_jytpx_1003{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}._loginButton_jytpx_1003:hover{background:#ffffff26}._registerButton_jytpx_1012{background:#ffffffe6;color:#667eea;border:1px solid white;font-weight:600}._registerButton_jytpx_1012:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}._mobileMenu_jytpx_1026{display:none;flex-direction:column;background:linear-gradient(135deg,#6a7fe9,#7047a1);padding:1rem;position:absolute;top:100%;left:0;width:100%;box-shadow:0 8px 16px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}._mobileMenu_jytpx_1026 ._navLink_jytpx_134{padding:1rem;justify-content:flex-start;margin-bottom:.5rem;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}._mobileMenu_jytpx_1026 ._navLink_jytpx_134:hover{background:#ffffff26}._mobileMenu_jytpx_1026 ._upgradeLink_jytpx_1056{background:linear-gradient(135deg,gold,#ffb347)!important;color:#333!important;font-weight:700;box-shadow:0 4px 15px #ffd70066;border:2px solid rgba(255,215,0,.6)!important}._mobileMenu_jytpx_1026 ._upgradeLink_jytpx_1056:hover{background:linear-gradient(135deg,#ffed4e,orange)!important;transform:translateY(-1px);box-shadow:0 6px 20px #ffd70099}._mobileProInfo_jytpx_1070{display:flex;align-items:center;justify-content:space-between;background:#ffd70033;padding:1rem;border-radius:12px;border:1px solid rgba(255,215,0,.4);margin-bottom:.5rem;color:#fff;flex-wrap:wrap;gap:.5rem}._mobileProInfo_jytpx_1070 span{font-size:.85rem;font-weight:600;flex:1;min-width:0}._mobileProInfo_jytpx_1070 button{background:gold;color:#333;border:none;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}@media (max-width: 1200px){._topBarContent_jytpx_15{padding:.75rem 1rem}._desktopNav_jytpx_123{gap:.25rem;padding:.4rem}._navLink_jytpx_134{padding:.5rem .75rem;font-size:.8rem}._leftSection_jytpx_28{gap:1.5rem}._userActions_jytpx_197{gap:.75rem}}@media (max-width: 1024px){._desktopNav_jytpx_123{display:none}._hamburgerButton_jytpx_37{display:flex}._pageTitle_jytpx_112{display:none}._leftSection_jytpx_28{gap:1rem}._rightSection_jytpx_186{gap:.75rem}._upgradeButton_jytpx_207{padding:.5rem .8rem;font-size:.8rem}._upgradeButton_jytpx_207 span:last-child{display:none}._upgradeIcon_jytpx_248{font-size:1.1rem}._proInfo_jytpx_260,._proExpired_jytpx_274{padding:.4rem .75rem;gap:.5rem}._proTimeLeft_jytpx_287,._expiredText_jytpx_295{font-size:.75rem}._renewButton_jytpx_312{padding:.25rem .6rem;font-size:.7rem}._lifetimeInfo_jytpx_875{padding:.5rem 1rem}._lifetimeText_jytpx_889{font-size:.8rem}}@media (max-width: 768px){._topBarContent_jytpx_15{padding:.5rem 1rem;min-height:56px}._logoTextContainer_jytpx_96,._userInfo_jytpx_529{display:none}._leftSection_jytpx_28{gap:.75rem;flex:1;min-width:0}._rightSection_jytpx_186{gap:.5rem;flex-shrink:0;overflow:visible;position:relative}._userActions_jytpx_197{gap:.5rem;overflow:visible;position:relative}._upgradeButton_jytpx_207{padding:.5rem;min-width:44px;height:44px;justify-content:center}._upgradeButton_jytpx_207 span:last-child{display:none}._upgradeIcon_jytpx_248{font-size:1.2rem}._proInfo_jytpx_260,._proExpired_jytpx_274{flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;min-width:80px;text-align:center}._proTimeLeft_jytpx_287,._expiredText_jytpx_295{font-size:.7rem;line-height:1}._renewButton_jytpx_312{padding:.2rem .5rem;font-size:.65rem;min-width:50px}._lifetimeInfo_jytpx_875{padding:.5rem .75rem;min-width:80px;text-align:center}._lifetimeText_jytpx_889{font-size:.7rem;line-height:1.2}._userButton_jytpx_487{padding:.4rem .6rem;gap:.5rem;max-width:120px}._avatar_jytpx_513{width:28px;height:28px;font-size:.8rem}._notificationButton_jytpx_338{padding:.5rem;width:40px;height:40px}._notificationBell_jytpx_332{position:relative;z-index:100}._notificationDropdown_jytpx_382{position:fixed!important;top:60px!important;right:10px!important;left:10px!important;width:auto!important;max-width:none!important;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000040;color:#333;overflow:hidden;z-index:1050;border:1px solid rgba(0,0,0,.1);pointer-events:auto;transform:translateY(0);animation:_slideDown_jytpx_1 .3s ease}._userMenu_jytpx_481{position:relative;z-index:100}._userDropdown_jytpx_567{position:fixed!important;top:60px!important;right:10px!important;left:10px!important;width:auto!important;min-width:auto!important;max-width:none!important;padding:1rem;z-index:1050;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#333;max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:auto;transform:translateY(0);animation:_slideDown_jytpx_1 .3s ease}._dropdownHeader_jytpx_611 ._avatar_jytpx_513{width:40px;height:40px;font-size:1.2rem}._userStats_jytpx_644{grid-template-columns:1fr 1fr;gap:.75rem}._userStats_jytpx_644>div{padding:.75rem .5rem}._userStats_jytpx_644 strong{font-size:1.2rem}._userStats_jytpx_644 span{font-size:.75rem}._mobileMenu_jytpx_1026{display:flex;max-height:60vh}._guestActions_jytpx_996{flex-direction:column;gap:.5rem;align-items:stretch}._guestActions_jytpx_996 ._navLink_jytpx_134{padding:.6rem 1rem;justify-content:center;min-width:100px}}@media (max-width: 480px){._topBarContent_jytpx_15{padding:.5rem .75rem;min-height:52px}._logoIconWrapper_jytpx_76{padding:.4rem}._logoIcon_jytpx_76{font-size:1.2rem}._leftSection_jytpx_28{gap:.5rem;min-width:0;overflow:hidden}._rightSection_jytpx_186{gap:.4rem;min-width:0;overflow:visible;position:relative}._userActions_jytpx_197{gap:.4rem;overflow:visible;position:relative}._upgradeButton_jytpx_207{padding:.4rem;min-width:40px;height:40px}._upgradeIcon_jytpx_248{font-size:1rem}._proInfo_jytpx_260,._proExpired_jytpx_274{padding:.4rem;min-width:70px;border-radius:12px}._proTimeLeft_jytpx_287,._expiredText_jytpx_295{font-size:.65rem;line-height:1;text-align:center}._renewButton_jytpx_312{padding:.15rem .4rem;font-size:.6rem;border-radius:8px;min-width:40px}._lifetimeInfo_jytpx_875{padding:.4rem .6rem;min-width:70px}._lifetimeText_jytpx_889{font-size:.65rem;line-height:1.1}._userButton_jytpx_487{padding:.3rem .5rem;gap:.4rem;max-width:100px;min-width:80px}._avatar_jytpx_513{width:24px;height:24px;font-size:.7rem}._notificationButton_jytpx_338{padding:.4rem;width:36px;height:36px}._notificationBadge_jytpx_362{width:16px;height:16px;font-size:.65rem;top:-4px;right:-4px}._notificationBell_jytpx_332{position:relative;z-index:100}._notificationDropdown_jytpx_382{position:fixed!important;top:56px!important;right:5px!important;left:5px!important;width:auto!important;max-width:none!important;max-height:70vh;z-index:1050;transform:translateY(0);animation:_slideDown_jytpx_1 .3s ease}._notificationHeader_jytpx_398{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}._notificationHeader_jytpx_398 h3{font-size:.9rem}._notificationItem_jytpx_438{padding:.75rem}._notificationItem_jytpx_438 strong{font-size:.85rem}._notificationItem_jytpx_438 p{font-size:.8rem}._userMenu_jytpx_481{position:relative;z-index:100}._userDropdown_jytpx_567{position:fixed!important;top:56px!important;right:5px!important;left:5px!important;width:auto!important;min-width:auto!important;max-width:none!important;padding:.75rem;max-height:75vh;z-index:1050;transform:translateY(0);animation:_slideDown_jytpx_1 .3s ease}._dropdownHeader_jytpx_611{padding-bottom:.75rem;margin-bottom:1rem;padding-right:1.5rem}._dropdownHeader_jytpx_611 ._avatar_jytpx_513{width:36px;height:36px;font-size:1rem}._dropdownHeader_jytpx_611 ._userInfo_jytpx_529 strong{font-size:1rem}._dropdownHeader_jytpx_611 ._userInfo_jytpx_529 span{font-size:.8rem}._userStats_jytpx_644{grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}._userStats_jytpx_644>div{padding:.6rem}._userStats_jytpx_644 strong{font-size:1.1rem}._userStats_jytpx_644 span{font-size:.7rem}._upgradeFeatures_jytpx_848{grid-template-columns:1fr;gap:.4rem}._featureItem_jytpx_855{font-size:.75rem;padding:.3rem 0}._upgradeDescription_jytpx_839{font-size:.8rem;margin-bottom:.75rem}._upgradeInfo_jytpx_804 h4{font-size:.9rem;margin-bottom:.5rem}._proDetailItem_jytpx_753{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.4rem 0}._proLabel_jytpx_766{font-size:.8rem}._proValue_jytpx_773{font-size:.8rem;text-align:left}._dropdownAction_jytpx_679{padding:.6rem .8rem;font-size:.85rem;margin-bottom:.5rem}._passwordActions_jytpx_957{flex-direction:column;gap:.5rem}._passwordActions_jytpx_957 button{min-width:auto;padding:.6rem}._mobileMenu_jytpx_1026{padding:.75rem;max-height:50vh}._mobileMenu_jytpx_1026 ._navLink_jytpx_134{padding:.75rem;font-size:.85rem;margin-bottom:.4rem}._mobileProInfo_jytpx_1070{padding:.75rem;flex-direction:column;align-items:center;text-align:center;gap:.5rem}._mobileProInfo_jytpx_1070 span{font-size:.8rem}._mobileProInfo_jytpx_1070 button{padding:.5rem 1rem;font-size:.75rem;width:100%}._guestActions_jytpx_996{min-width:120px}._guestActions_jytpx_996 ._navLink_jytpx_134{padding:.5rem .75rem;font-size:.8rem;min-width:auto}}@media (max-width: 360px){._topBarContent_jytpx_15{padding:.4rem .5rem}._leftSection_jytpx_28{gap:.4rem}._rightSection_jytpx_186,._userActions_jytpx_197{gap:.3rem}._upgradeButton_jytpx_207,._notificationButton_jytpx_338,._userButton_jytpx_487{min-width:36px;height:36px;padding:.3rem}._proInfo_jytpx_260,._proExpired_jytpx_274,._lifetimeInfo_jytpx_875{min-width:60px;padding:.3rem}._proTimeLeft_jytpx_287,._expiredText_jytpx_295,._lifetimeText_jytpx_889{font-size:.6rem}._renewButton_jytpx_312{min-width:35px;padding:.1rem .3rem;font-size:.55rem}._notificationDropdown_jytpx_382,._userDropdown_jytpx_567{right:-60px}._mobileProInfo_jytpx_1070{padding:.5rem}._guestActions_jytpx_996 ._navLink_jytpx_134{padding:.4rem .6rem;font-size:.75rem}}@keyframes _pulse_jytpx_1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes _fadeIn_jytpx_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideDown_jytpx_1{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._notificationDropdown_jytpx_382,._userDropdown_jytpx_567{animation:_fadeIn_jytpx_1 .3s ease}@media (max-width: 768px){._notificationDropdown_jytpx_382,._userDropdown_jytpx_567{animation:_slideDown_jytpx_1 .3s ease}}._notificationList_jytpx_432::-webkit-scrollbar,._userDropdown_jytpx_567::-webkit-scrollbar,._mobileMenu_jytpx_1026::-webkit-scrollbar{width:6px}._notificationList_jytpx_432::-webkit-scrollbar-track,._userDropdown_jytpx_567::-webkit-scrollbar-track,._mobileMenu_jytpx_1026::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._notificationList_jytpx_432::-webkit-scrollbar-thumb,._userDropdown_jytpx_567::-webkit-scrollbar-thumb,._mobileMenu_jytpx_1026::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._notificationList_jytpx_432::-webkit-scrollbar-thumb:hover,._userDropdown_jytpx_567::-webkit-scrollbar-thumb:hover,._mobileMenu_jytpx_1026::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (hover: none) and (pointer: coarse){._navLink_jytpx_134:hover,._upgradeButton_jytpx_207:hover,._notificationButton_jytpx_338:hover,._userButton_jytpx_487:hover,._dropdownAction_jytpx_679:hover,._renewButton_jytpx_312:hover{transform:none}._navLink_jytpx_134:active,._upgradeButton_jytpx_207:active,._notificationButton_jytpx_338:active,._userButton_jytpx_487:active,._dropdownAction_jytpx_679:active,._renewButton_jytpx_312:active{transform:scale(.98)}}@media (prefers-contrast: high){._topBar_jytpx_3{border-bottom:2px solid rgba(255,255,255,.5)}._navLink_jytpx_134,._upgradeButton_jytpx_207,._notificationButton_jytpx_338,._userButton_jytpx_487,._notificationDropdown_jytpx_382,._userDropdown_jytpx_567{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}._upgradeIcon_jytpx_248,._proInfo_jytpx_260,._lifetimeInfo_jytpx_875,._notificationBadge_jytpx_362{animation:none}}._homePage_1myjx_3{width:100%}._heroSection_1myjx_8{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;border-radius:20px;text-align:center;margin-bottom:3rem;box-shadow:0 20px 40px #0000001a}._heroContent_1myjx_18{position:relative;z-index:1}._heroTitle_1myjx_23{font-size:3.5rem;margin-bottom:1rem;font-weight:700}._heroSubtitle_1myjx_29{font-size:1.4rem;margin-bottom:2rem;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto}._heroActions_1myjx_38{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}._heroButtonPrimary_1myjx_45,._heroButtonSecondary_1myjx_45{padding:1rem 2rem;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;font-weight:600}._heroButtonPrimary_1myjx_45{background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._heroButtonPrimary_1myjx_45:hover{background-color:#ffffff4d;transform:translateY(-2px)}._heroButtonSecondary_1myjx_45{background-color:#fff;color:#667eea;border:2px solid white;box-shadow:0 4px 15px #0000001a}._heroButtonSecondary_1myjx_45:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}._featuresSection_1myjx_79{margin-bottom:3rem}._sectionTitle_1myjx_83{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:#333}._featuresGrid_1myjx_90{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}._featureCard_1myjx_97{background-color:#fff;padding:2.5rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);cursor:pointer}._featureCard_1myjx_97:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}._featureIconWrapper_1myjx_113{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--feature-color),#a8a2f5);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem;box-shadow:0 8px 20px var(--feature-color-light)}._featureTitle_1myjx_126{margin-bottom:1rem;color:#333;font-size:1.3rem}._featureDesc_1myjx_132{color:#666;line-height:1.6;font-size:1rem;margin-bottom:1.5rem}._featureTags_1myjx_139{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:.85rem;margin-bottom:1rem}._tag_1myjx_148{background:#f1f3f5;color:#495057;padding:.3rem .7rem;border-radius:12px;font-weight:500}._ctaSection_1myjx_157{background:#fff;padding:4rem 2rem;border-radius:20px;text-align:center;border:1px solid #dee2e6;box-shadow:0 10px 30px #0000000d}._ctaTitle_1myjx_166{margin-bottom:1rem;color:#333;font-size:2.5rem}._ctaSubtitle_1myjx_172{margin:0 auto 2.5rem;color:#666;font-size:1.2rem;max-width:600px}._ctaActions_1myjx_179{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}._ctaButtonGreen_1myjx_186,._ctaButtonBlue_1myjx_186{padding:1rem 2.5rem;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer;font-weight:700;transition:all .3s ease}._ctaButtonGreen_1myjx_186:hover,._ctaButtonBlue_1myjx_186:hover{transform:translateY(-2px)}._ctaButtonGreen_1myjx_186{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}._ctaButtonGreen_1myjx_186:hover{box-shadow:0 8px 25px #28a74566}._ctaButtonBlue_1myjx_186{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 15px #007bff4d}._ctaButtonBlue_1myjx_186:hover{box-shadow:0 8px 25px #007bff66}@media (max-width: 768px){._heroTitle_1myjx_23{font-size:2.5rem}._heroSubtitle_1myjx_29{font-size:1.1rem}._sectionTitle_1myjx_83,._ctaTitle_1myjx_166{font-size:2rem}._featuresGrid_1myjx_90{grid-template-columns:repeat(2,1fr);gap:1rem}._featureCard_1myjx_97{padding:1.5rem}._featureIconWrapper_1myjx_113{width:60px;height:60px}._featureTitle_1myjx_126{font-size:1.1rem}._featureDesc_1myjx_132{font-size:.9rem}}@media (max-width: 480px){._heroSection_1myjx_8{padding:3rem 1rem}._heroTitle_1myjx_23{font-size:2rem}._featuresGrid_1myjx_90{grid-template-columns:1fr}}.dashboard-main{padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.dashboard-header h1{margin:0;color:#2d3748;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-buttons{display:flex;gap:1rem}.card{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.search-filter-container{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;border:none;color:#fff}.search-input-container{margin-bottom:1.5rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:1rem 1.5rem;border:none;border-radius:50px;font-size:1rem;outline:none;background:#fffffff2;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.search-input:focus{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.clear-search-btn{position:absolute;right:15px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6c757d;padding:.5rem;border-radius:50%;transition:all .2s}.clear-search-btn:hover{background-color:#0000001a;transform:scale(1.1)}.filter-controls{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.view-toggle{display:flex;border:none;border-radius:12px;overflow:hidden;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-btn{padding:.75rem 1rem;border:none;background:transparent;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.view-btn:hover{background:#ffffff1a}.view-btn.active{background:#ffffff4d;transform:scale(1.05)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-size:.9rem;font-weight:600;color:#ffffffe6}.filter-select{padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;background:#fffffff2;color:#2d3748;font-weight:500;box-shadow:0 2px 10px #0000001a;transition:all .2s ease}.filter-select:focus{outline:none;transform:translateY(-1px);box-shadow:0 4px 15px #00000026}.results-info{margin-left:auto;font-size:.9rem;color:#ffffffe6;font-weight:500}.page-info{margin-left:.5rem;color:#ffffffb3}.project-list{list-style:none;padding:0;margin:0}.project-list.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.project-item.grid-item{position:relative;background:#fff;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:450px}.project-item.grid-item:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.project-item.grid-item .project-poster{width:100%;height:260px;flex-shrink:0;border-radius:12px 12px 0 0;overflow:hidden;background:#f7fafc;position:relative}.project-item.grid-item .project-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.project-item.grid-item:hover .project-poster img{transform:scale(1.05)}.project-item.grid-item .project-item-info{padding:1.2rem;flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:190px}.project-item.grid-item .project-item-info h3{margin:0 0 .8rem;font-size:1rem;line-height:1.4;font-weight:700;color:#2d3748;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8rem}.project-item.grid-item .project-item-info p{margin:.5rem 0;font-size:.85rem;color:#718096;font-weight:500;line-height:1.4}.project-item.grid-item .project-item-info p strong{color:#4a5568;font-weight:600;font-size:.85rem}.project-item.grid-item .project-description{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem!important;margin-top:.8rem!important;color:#9ca3af!important;line-height:1.5!important;flex-grow:1;text-align:justify}.project-list.list-view{display:flex;flex-direction:column;gap:1rem}.project-item.list-item{position:relative;background:#fff;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px #00000014;display:flex;flex-direction:row;height:140px}.project-item.list-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.project-item.list-item .project-poster{width:100px;height:100%;flex-shrink:0;border-radius:12px 0 0 12px;overflow:hidden;background:#f7fafc}.project-item.list-item .project-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.project-item.list-item:hover .project-poster img{transform:scale(1.05)}.project-item.list-item .project-item-info{padding:1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.project-item.list-item .project-item-info h3{margin:0 0 .5rem;font-size:1.1rem;line-height:1.3;font-weight:700;color:#2d3748}.project-item.list-item .project-item-info p{margin:.2rem 0;font-size:.85rem;color:#718096;font-weight:500}.project-item.list-item .project-description{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem!important;margin-top:.5rem!important;color:#a0aec0!important}.project-menu{position:absolute;top:.75rem;right:.75rem;z-index:10}.menu-trigger{width:32px;height:32px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#4a5568;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 10px #0000001a}.menu-trigger:hover{background:#fff;color:#2d3748;transform:scale(1.15);box-shadow:0 4px 15px #00000026}.dropdown-menu{position:absolute;top:100%;right:0;background:#fffffffa;border-radius:12px;box-shadow:0 15px 40px #00000026;border:1px solid rgba(255,255,255,.3);min-width:160px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.dropdown-item{width:100%;padding:.75rem 1rem;border:none;background:none;cursor:pointer;text-align:left;font-size:.85rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.6rem;color:#4a5568}.dropdown-item:hover{background:#0000000a;transform:translate(3px)}.dropdown-item.edit:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.dropdown-item.delete:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.dropdown-item.publish:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.dropdown-item.unpublish:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.dropdown-item.update:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0284c7}.poster-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.project-item.list-item .poster-placeholder{font-size:1.5rem}.upload-label{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:.65rem;font-weight:700;padding:.3rem .6rem;border-radius:6px;box-shadow:0 2px 8px #0284c766;text-transform:uppercase;letter-spacing:.5px;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.project-item.grid-item .project-item-info h3 .upload-label{display:none}.project-item-info a{text-decoration:none;color:inherit;transition:color .2s ease}.project-item-info a:hover h3{color:#667eea;transform:translateY(-1px)}.project-item-info mark{background:linear-gradient(135deg,#fef08a,#fde047);padding:1px 4px;border-radius:3px;font-weight:600}.btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea99}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 20px #48bb7866}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 30px #48bb7899}.btn-secondary{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a0aec066}.btn-danger{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 4px 20px #f5656566}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f5656599}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.empty-state h3{color:#2d3748;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.empty-state p{color:#718096;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.loading-state{text-align:center;padding:4rem 2rem}.loading-spinner{font-size:3rem;margin-bottom:1.5rem;animation:spin 2s linear infinite}.pagination-container{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.pagination-btn{padding:.75rem 1rem;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;min-width:45px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000000d}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 15px #0000001a}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 20px #667eea4d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-prev,.pagination-next{font-weight:700;padding:.75rem 1.5rem}.pagination-ellipsis{color:#a0aec0;padding:.75rem;font-weight:600}.pagination-info{text-align:center;font-size:.95rem;color:#718096;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:#fff;border-radius:20px;padding:2.5rem;width:100%;max-width:500px;box-shadow:0 25px 80px #0000004d;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.modal h3{margin-top:0;margin-bottom:1.5rem;color:#2d3748;font-size:1.5rem;font-weight:700}.modal p{color:#718096;margin-bottom:2rem;line-height:1.6;font-size:1.05rem}.modal-danger:before{background:linear-gradient(135deg,#f56565,#e53e3e)}.modal-danger h3{color:#e53e3e}.edit-input{width:100%;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;margin-bottom:2rem;outline:none;box-sizing:border-box;transition:all .3s ease;background:#f7fafc}.edit-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff;transform:translateY(-1px)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.dashboard-main{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch;padding:1rem;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;text-align:center}.header-buttons{flex-direction:row;gap:.75rem;justify-content:center}.btn{padding:.75rem 1.5rem;font-size:.9rem;flex:1;max-width:200px}.card{padding:1rem;border-radius:16px}.search-filter-container{padding:1rem;border-radius:12px}.filter-controls{flex-direction:column;align-items:stretch;gap:1rem}.view-toggle{align-self:center;border-radius:8px}.view-btn{padding:.6rem 1rem;font-size:.85rem}.filter-group{justify-content:space-between;align-items:center}.filter-select{min-width:120px}.results-info{margin-left:0;text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3);font-size:.85rem}.project-list.grid-view{grid-template-columns:repeat(2,1fr);gap:1rem}.project-item.grid-item{height:380px;border-radius:10px}.project-item.grid-item .project-poster{height:200px;border-radius:10px 10px 0 0}.project-item.grid-item .project-item-info{padding:.75rem;min-height:180px}.project-item.grid-item .project-item-info h3{font-size:.85rem;min-height:2.2rem;margin-bottom:.5rem;line-height:1.3}.project-item.grid-item .project-item-info p{font-size:.75rem;margin:.3rem 0;line-height:1.3}.project-item.grid-item .project-description{-webkit-line-clamp:3;line-clamp:3;font-size:.7rem!important;line-height:1.4!important;margin-top:.5rem!important}.project-item.list-item{height:auto;min-height:100px;border-radius:10px}.project-item.list-item .project-poster{width:70px;height:100px;border-radius:10px 0 0 10px}.project-item.list-item .project-item-info{padding:.75rem}.project-item.list-item .project-item-info h3{font-size:.9rem;margin-bottom:.4rem}.project-item.list-item .project-item-info p{font-size:.75rem;margin:.2rem 0}.project-item.list-item .project-description{-webkit-line-clamp:2;line-clamp:2;font-size:.7rem!important}.menu-trigger{width:28px;height:28px;font-size:.9rem}.dropdown-menu{min-width:140px;border-radius:10px}.dropdown-item{padding:.6rem .8rem;font-size:.8rem;gap:.5rem}.upload-label{font-size:.55rem;padding:.2rem .4rem;top:5px;left:5px;border-radius:4px}.pagination{justify-content:center;gap:.25rem}.pagination-btn{font-size:.8rem;padding:.5rem .7rem;min-width:35px;border-radius:8px}.pagination-prev,.pagination-next{padding:.5rem 1rem;font-size:.8rem}.pagination-info{font-size:.8rem;margin-top:1rem}.modal{margin:.5rem;padding:1.5rem;border-radius:16px}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions .btn{width:100%;max-width:none}}@media (max-width: 480px){.dashboard-main{padding:.75rem}.card,.search-filter-container{padding:1rem}.project-list.grid-view{grid-template-columns:1fr;gap:1rem}.project-list.grid-view{grid-template-columns:repeat(2,1fr);gap:.8rem}.project-item.grid-item{height:420px}.project-item.grid-item .project-poster{height:240px}.project-item.grid-item .project-item-info{padding:1rem;min-height:180px}.project-item.grid-item .project-item-info h3{font-size:.9rem;min-height:2.6rem}.project-item.grid-item .project-item-info p{font-size:.8rem;margin:.4rem 0}.project-item.grid-item .project-description{-webkit-line-clamp:3;line-clamp:3;font-size:.75rem!important}.upload-label{font-size:.6rem;padding:.25rem .5rem;top:6px;left:6px}.project-item.list-item{flex-direction:column;height:auto}.project-item.list-item .project-poster{width:100%;height:180px;border-radius:12px 12px 0 0}.project-item.list-item .project-item-info{padding:1rem}.search-input{font-size:.9rem;padding:.8rem 1.2rem}.filter-group{flex-direction:column;align-items:flex-start;gap:.5rem}.filter-select{width:100%}.view-toggle{align-self:center}.view-btn{padding:.6rem .8rem;font-size:.85rem}.modal{padding:1.5rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}.loading-state{padding:2rem 1rem}.menu-trigger{width:28px;height:28px;font-size:.9rem}.dropdown-item{padding:.6rem .8rem;font-size:.8rem}}._pageContainer_tmoo2_3{max-width:1200px;margin:0 auto;padding:1rem}._header_tmoo2_9{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:15px;text-align:center;margin-bottom:2rem;box-shadow:0 20px 40px #0000001a}._headerTitle_tmoo2_19{font-size:1.2rem;margin-bottom:.3rem;font-weight:700}._headerSubtitle_tmoo2_25{font-size:.9rem;opacity:.9}._mainGrid_tmoo2_30{display:grid;grid-template-columns:1fr;gap:2rem}._formCard_tmoo2_37,._projectsCard_tmoo2_37{background-color:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;border:1px solid #e9ecef}._cardTitle_tmoo2_45{margin-bottom:1.5rem;color:#333;display:flex;align-items:center;gap:.5rem}._form_tmoo2_37{display:flex;flex-direction:column;gap:1.5rem}._formFieldLabel_tmoo2_59{display:block;margin-bottom:.5rem;font-weight:700;color:#555;font-size:.95rem}._input_tmoo2_67,._textarea_tmoo2_67,._select_tmoo2_67{width:100%;box-sizing:border-box;padding:1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s}._input_tmoo2_67:focus,._textarea_tmoo2_67:focus,._select_tmoo2_67:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}._textarea_tmoo2_67{resize:vertical}._innerGrid_tmoo2_87{display:grid;grid-template-columns:1fr;gap:1rem}._posterDropzone_tmoo2_94{border:2px dashed #e9ecef;border-radius:10px;padding:2rem;text-align:center;cursor:pointer}._posterPreview_tmoo2_102{max-width:200px;max-height:200px;border-radius:10px;box-shadow:0 5px 15px #0003}._submitButton_tmoo2_109{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #667eea4d;transition:all .3s ease}._submitButton_tmoo2_109:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}._submitButton_tmoo2_109:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}@media (min-width: 768px){._innerGrid_tmoo2_87{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){._mainGrid_tmoo2_30{grid-template-columns:2fr 1fr}._headerTitle_tmoo2_19{font-size:2.5rem}._headerSubtitle_tmoo2_25{font-size:1.1rem}}._uploadSection_tmoo2_158{margin-bottom:2rem}._fileUploadArea_tmoo2_162{border:2px dashed #007bff;border-radius:12px;padding:2rem;text-align:center;background:linear-gradient(135deg,#f8f9ff,#e3f2fd);transition:all .3s ease;position:relative;overflow:hidden}._fileUploadArea_tmoo2_162:hover{border-color:#0056b3;background:linear-gradient(135deg,#e3f2fd,#bbdefb);transform:translateY(-2px);box-shadow:0 8px 25px #007bff26}._fileUploadArea_tmoo2_162:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .5s ease;opacity:0}._fileUploadArea_tmoo2_162:hover:before{opacity:1;animation:_shimmer_tmoo2_1 1.5s ease-in-out}@keyframes _shimmer_tmoo2_1{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}._fileInput_tmoo2_203{width:100%;padding:.5rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease}._fileInput_tmoo2_203:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}._uploadHint_tmoo2_219{margin-top:1rem;padding:1rem;background:#fffc;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}._uploadHint_tmoo2_219 ul{margin:.5rem 0 0;padding-left:1.5rem;text-align:left}._uploadHint_tmoo2_219 li{margin-bottom:.5rem;color:#555}._fileInfo_tmoo2_240{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-radius:12px;border:1px solid #b3d9ff}._fileInfo_tmoo2_240 h4{margin:0 0 1rem;color:#0d47a1;display:flex;align-items:center;gap:.5rem}._fileList_tmoo2_256{display:flex;flex-direction:column;gap:.5rem}._fileItem_tmoo2_262{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}._fileItem_tmoo2_262:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001a;border-color:#007bff}._fileIcon_tmoo2_279{font-size:1.2rem}._fileName_tmoo2_283{flex:1;font-weight:500;color:#333}._fileSize_tmoo2_289{color:#666;font-size:.9rem;background:#f0f0f0;padding:.25rem .5rem;border-radius:4px}._regexSection_tmoo2_298{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:12px;border:1px solid #ffeaa7}._ruleDescription_tmoo2_306{margin:.5rem 0 0;font-size:.9rem;color:#666;background:#fffc;padding:.5rem;border-radius:4px;border:1px solid rgba(255,255,255,.3)}._analyzeButton_tmoo2_316{padding:.5rem 1rem;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap}._analyzeButton_tmoo2_316:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #17a2b84d}._analyzeButton_tmoo2_316:disabled{opacity:.7;cursor:not-allowed}._manageButton_tmoo2_338{padding:.5rem 1rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap}._manageButton_tmoo2_338:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff4d}._analysisResult_tmoo2_356{margin-top:1.5rem;padding:1.5rem;border-radius:12px;border:1px solid #b3d4fc;background:linear-gradient(135deg,#eef2ff,#e3f2fd);position:relative;overflow:hidden}._analysisResult_tmoo2_356:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007bff,#00d4aa,#007bff);background-size:200% 100%;animation:_gradientMove_tmoo2_1 3s ease-in-out infinite}@keyframes _gradientMove_tmoo2_1{0%,to{background-position:200% 0}50%{background-position:-200% 0}}._chapterPreview_tmoo2_383{max-height:200px;overflow-y:auto;background:#fff;padding:1rem;border-radius:8px;border:1px solid #ddd;margin-top:.5rem}._chapterItem_tmoo2_393{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f0f0f0;transition:all .3s ease}._chapterItem_tmoo2_393:last-child{border-bottom:none}._chapterItem_tmoo2_393:hover{background:#007bff0d;padding-left:.75rem}._chapterNumber_tmoo2_411{color:#666;font-weight:500;min-width:2rem}._chapterTitle_tmoo2_417{color:#333;flex:1}._submitSection_tmoo2_423{text-align:center;margin-top:2rem}._submitButton_tmoo2_109{padding:1rem 2rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}._submitButton_tmoo2_109:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #28a7454d}._submitButton_tmoo2_109:disabled{opacity:.7;cursor:not-allowed;transform:none}._submitButton_tmoo2_109:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}._submitButton_tmoo2_109:hover:before{left:100%}._loadingSpinner_tmoo2_474{display:inline-block;animation:_spin_tmoo2_1 1s linear infinite}@keyframes _spin_tmoo2_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_tmoo2_485{padding:.5rem 1rem;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}._secondaryButton_tmoo2_485:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c757d4d;color:#fff;text-decoration:none}@media (max-width: 768px){._fileUploadArea_tmoo2_162{padding:1.5rem}._uploadHint_tmoo2_219{margin-top:1rem;padding:1rem}._fileItem_tmoo2_262{flex-direction:column;align-items:flex-start;gap:.5rem}._regexSection_tmoo2_298,._analysisResult_tmoo2_356{padding:1rem}._submitButton_tmoo2_109{width:100%;padding:1rem}._chapterPreview_tmoo2_383{max-height:150px}}._formCard_tmoo2_37{animation:_slideInUp_tmoo2_1 .6s ease-out}@keyframes _slideInUp_tmoo2_1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._fileItem_tmoo2_262{animation:_fadeInLeft_tmoo2_1 .5s ease-out}@keyframes _fadeInLeft_tmoo2_1{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}._chapterItem_tmoo2_393{animation:_fadeIn_tmoo2_1 .4s ease-out}@keyframes _fadeIn_tmoo2_1{0%{opacity:0}to{opacity:1}}._uploadHint_tmoo2_219,._ruleDescription_tmoo2_306{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}._uploadSection_tmoo2_158,._regexSection_tmoo2_298,._analysisResult_tmoo2_356{transition:all .3s ease}._uploadSection_tmoo2_158:hover,._regexSection_tmoo2_298:hover,._analysisResult_tmoo2_356:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}._pageContainer_19fp2_3{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}._header_19fp2_12{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:20px;text-align:center;margin-bottom:3rem;box-shadow:0 25px 50px #667eea4d;position:relative;overflow:hidden}._header_19fp2_12:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="20" cy="80" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');animation:_float_19fp2_1 20s ease-in-out infinite}@keyframes _float_19fp2_1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}._headerContent_19fp2_40{position:relative;z-index:1}._headerIcon_19fp2_45{font-size:4rem;margin-bottom:1rem;animation:_bounce_19fp2_1 2s infinite}@keyframes _bounce_19fp2_1{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}._headerTitle_19fp2_57{font-size:3rem;font-weight:800;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;line-height:1.2}._sparkleIcon_19fp2_68{color:gold;animation:_pulse_19fp2_1 2s infinite}@keyframes _pulse_19fp2_1{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}._headerSubtitle_19fp2_79{font-size:1.3rem;opacity:.95;margin-bottom:2rem;font-weight:300}._headerStats_19fp2_86{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}._stat_19fp2_93{text-align:center}._stat_19fp2_93 strong{display:block;font-size:2rem;font-weight:700;color:gold}._stat_19fp2_93 span{font-size:.9rem;opacity:.9}._mainGrid_19fp2_110{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media (min-width: 1024px){._mainGrid_19fp2_110{grid-template-columns:2fr 1fr}}._comparisonCard_19fp2_124,._paymentCard_19fp2_124{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}._comparisonCard_19fp2_124:before,._paymentCard_19fp2_124:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}._cardTitle_19fp2_144{font-size:1.7rem;margin-bottom:2rem;color:#333;display:flex;align-items:center;gap:.75rem;font-weight:700;border-bottom:2px solid #f8f9fa;padding-bottom:1rem}._pageHeader_19fp2_157{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f8f9fa}._pageHeader_19fp2_157 h3{font-size:1.5rem;color:#333;margin-bottom:.5rem;font-weight:700}._pageHeader_19fp2_157 p{color:#666;font-size:1rem}._comparisonGrid_19fp2_177{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}._planCard_19fp2_184{background:#f8f9fa;padding:2rem;border-radius:15px;border:2px solid transparent;transition:all .3s ease;position:relative}._planCard_19fp2_184:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}._proCard_19fp2_198{background:linear-gradient(135deg,#667eea20,#764ba220);border:2px solid #667eea;transform:scale(1.05)}._popularBadge_19fp2_204{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,gold,#ff8c00);color:#333;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 15px #ffd7004d}._planCard_19fp2_184 h3{font-size:1.3rem;margin-bottom:1rem;color:#333;font-weight:600}._planPrice_19fp2_227{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:1.5rem}._planPrice_19fp2_227 small{font-size:1rem;font-weight:400;color:#666}._featureList_19fp2_240{list-style:none;padding:0;margin:0}._featureItem_19fp2_246{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.95rem}._iconSuccess_19fp2_254{color:#28a745;flex-shrink:0}._iconLimited_19fp2_259{color:#dc3545;flex-shrink:0}._testimonials_19fp2_265{margin-top:2rem;padding-top:2rem;border-top:2px solid #f8f9fa}._testimonials_19fp2_265 h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:#333}._testimonialGrid_19fp2_279{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}._testimonial_19fp2_265{background:#f8f9fa;padding:1.5rem;border-radius:10px;border-left:4px solid #667eea}._testimonial_19fp2_265 p{font-style:italic;margin-bottom:.5rem;color:#555}._testimonial_19fp2_265 span{font-size:.85rem;color:#667eea;font-weight:600}._loadingSection_19fp2_305{text-align:center;padding:3rem 2rem;color:#667eea}._loadingSpinner_19fp2_311{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:_spin_19fp2_1 1s linear infinite;margin:0 auto 1rem}@keyframes _spin_19fp2_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._statusBox_19fp2_326{text-align:center;padding:3rem 2rem;border-radius:15px;background:linear-gradient(135deg,#fff3cd,#ffeeba);border:2px solid #ffc107;color:#856404}._statusBox_19fp2_326._approved_19fp2_335{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;color:#155724}._statusIconWrapper_19fp2_341{margin-bottom:1.5rem}._statusIcon_19fp2_341{animation:_bounce_19fp2_1 2s infinite}._statusBox_19fp2_326 h3{margin-bottom:1rem;font-size:1.5rem;font-weight:700}._processingSteps_19fp2_355{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}._step_19fp2_363{background:#ffffffb3;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}._proFeatures_19fp2_371{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}._feature_19fp2_240{background:#ffffffb3;padding:.75rem;border-radius:10px;font-weight:500;text-align:center}._proStatus_19fp2_387{background:#ffffffb3;padding:1.5rem;border-radius:12px;margin:1.5rem 0;border:1px solid rgba(40,167,69,.2)}._statusItem_19fp2_395{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}._statusItem_19fp2_395:last-child{border-bottom:none;margin-bottom:0}._label_19fp2_409{font-weight:600;color:#333;font-size:.9rem}._value_19fp2_415{font-weight:700;font-size:.9rem}._value_19fp2_415._success_19fp2_420{color:#28a745}._value_19fp2_415._warning_19fp2_424{color:#ffc107}._value_19fp2_415._danger_19fp2_428{color:#dc3545}._lifetimeBadge_19fp2_433{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:1rem;border-radius:12px;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;animation:_lifetimeGlow_19fp2_1 3s ease-in-out infinite alternate}@keyframes _lifetimeGlow_19fp2_1{0%{box-shadow:0 0 15px #28a74566}to{box-shadow:0 0 25px #28a745b3}}._renewSection_19fp2_457{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:15px;padding:2rem;margin-top:2rem;text-align:center}._renewSection_19fp2_457 h4{color:#1976d2;margin-bottom:1rem;font-size:1.3rem;font-weight:700}._renewSection_19fp2_457 p{color:#1565c0;margin-bottom:1.5rem}._renewCTA_19fp2_478{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #2196f333}._renewPrice_19fp2_485{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1rem}._renewPrice_19fp2_485 ._price_19fp2_493{font-size:2rem;font-weight:800;color:#2196f3;margin:0}._renewPrice_19fp2_485 ._period_19fp2_500{font-size:1rem;color:#666;font-weight:500}._renewNote_19fp2_506{color:#1976d2;font-size:.9rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff3cd,#ffeeba);padding:.75rem;border-radius:8px}._pricingHeader_19fp2_517{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}._originalPrice_19fp2_525{font-size:1.2rem;color:#dc3545;text-decoration:line-through}._discountBadge_19fp2_531{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;animation:_pulse_19fp2_1 2s infinite}._price_19fp2_493{font-size:3rem;font-weight:800;color:#667eea;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._price_19fp2_493 small{font-size:1.2rem;font-weight:400;color:#666}._pricingNote_19fp2_559{text-align:center;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.75rem;border-radius:10px;font-weight:600;margin-bottom:2rem;box-shadow:0 4px 15px #28a7454d}._qrContainer_19fp2_571{text-align:center;margin-bottom:2rem}._qrCode_19fp2_576{width:100%;max-width:280px;height:auto;margin:1rem auto;display:block;border:6px solid white;border-radius:15px;box-shadow:0 10px 30px #00000026;transition:transform .3s ease}._qrCode_19fp2_576:hover{transform:scale(1.05)}._bankInfo_19fp2_592{background:#f8f9fa;padding:1rem;border-radius:10px;margin-top:1rem;border:2px solid #e9ecef}._bankInfo_19fp2_592 p{margin:.25rem 0;font-size:.9rem}._instructionTitle_19fp2_606{font-size:1.3rem;text-align:center;color:#333;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}._instructionsList_19fp2_618{list-style:none;padding:0;margin:2rem 0}._instructionsList_19fp2_618 li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:15px;border-left:4px solid #667eea;transition:all .3s ease}._instructionsList_19fp2_618 li:hover{background:#e3f2fd;transform:translate(5px)}._stepNumber_19fp2_641{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;box-shadow:0 4px 15px #667eea4d}._amount_19fp2_655{background:linear-gradient(135deg,gold,#ff8c00);color:#333;padding:.2rem .5rem;border-radius:5px;font-weight:600}._transactionCode_19fp2_663{background:#dc3545;color:#fff;padding:.75rem;border-radius:8px;font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;letter-spacing:1px;margin:.5rem 0;-webkit-user-select:all;-moz-user-select:all;user-select:all;cursor:pointer;transition:all .3s ease}._transactionCode_19fp2_663:hover{background:#c82333;transform:scale(1.02)}._confirmButton_19fp2_684{width:100%;padding:1.25rem;font-size:1.2rem;font-weight:700;border-radius:15px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #28a74566;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;position:relative;overflow:hidden}._confirmButton_19fp2_684:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}._confirmButton_19fp2_684:hover:not(:disabled):before{left:100%}._confirmButton_19fp2_684:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #28a74580}._confirmButton_19fp2_684:disabled{background:#6c757d;cursor:not-allowed;box-shadow:none;transform:none}._loadingDots_19fp2_732{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:_spin_19fp2_1 1s linear infinite}._supportSection_19fp2_742{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}._supportItem_19fp2_749{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#e3f2fd;border-radius:10px;color:#1976d2;font-weight:500}._guaranteeBox_19fp2_760{background:linear-gradient(135deg,#fff3cd,#ffeeba);border:2px solid #ffc107;color:#856404;padding:2rem;border-radius:15px;text-align:center}._guaranteeBox_19fp2_760 h4{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem}._faqSection_19fp2_779{background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 15px 35px #0000001a;margin-top:3rem}._faqSection_19fp2_779 h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#333}._faqGrid_19fp2_794{display:grid;grid-template-columns:1fr 1fr;gap:2rem}._faqItem_19fp2_800{background:#f8f9fa;padding:2rem;border-radius:15px;border-left:4px solid #667eea}._faqItem_19fp2_800 h3{color:#333;margin-bottom:1rem;font-size:1.1rem}._faqItem_19fp2_800 p{color:#666;line-height:1.6}@media (max-width: 768px){._pageContainer_19fp2_3{padding:.5rem}._header_19fp2_12{padding:2rem 1rem;margin-bottom:2rem}._headerTitle_19fp2_57{font-size:2rem;flex-direction:column;gap:.5rem}._headerSubtitle_19fp2_79{font-size:1.1rem}._headerStats_19fp2_86{grid-template-columns:1fr;gap:1rem;text-align:center}._stat_19fp2_93{padding:1rem;background:#ffffff1a;border-radius:10px}._stat_19fp2_93 strong{font-size:1.5rem}._comparisonCard_19fp2_124,._paymentCard_19fp2_124{padding:1.5rem;border-radius:15px}._cardTitle_19fp2_144{font-size:1.3rem;flex-direction:column;gap:.5rem;text-align:center}._comparisonGrid_19fp2_177{grid-template-columns:1fr;gap:1rem}._proCard_19fp2_198{transform:none;order:-1}._popularBadge_19fp2_204{position:static;margin-bottom:1rem;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}._testimonialGrid_19fp2_279{grid-template-columns:1fr}._price_19fp2_493{font-size:2.5rem}._qrCode_19fp2_576{max-width:240px}._instructionsList_19fp2_618 li{flex-direction:column;text-align:center;gap:1rem;padding:1rem}._stepNumber_19fp2_641{width:30px;height:30px;align-self:center}._transactionCode_19fp2_663{font-size:1rem;word-break:break-all}._supportSection_19fp2_742{gap:.75rem}._supportItem_19fp2_749{padding:.75rem;font-size:.9rem}._faqGrid_19fp2_794{grid-template-columns:1fr}._faqSection_19fp2_779{padding:2rem 1rem}._guaranteeBox_19fp2_760{padding:1.5rem}._confirmButton_19fp2_684{padding:1rem;font-size:1rem}._proFeatures_19fp2_371{grid-template-columns:1fr}._statusItem_19fp2_395{flex-direction:column;align-items:flex-start;gap:.25rem}._renewSection_19fp2_457{padding:1.5rem}._renewPrice_19fp2_485{flex-direction:column;gap:.25rem}._lifetimeBadge_19fp2_433{padding:.75rem;font-size:.9rem}}@media (max-width: 480px){._header_19fp2_12{padding:1.5rem .75rem}._headerTitle_19fp2_57{font-size:1.5rem}._headerSubtitle_19fp2_79{font-size:1rem}._comparisonCard_19fp2_124,._paymentCard_19fp2_124{padding:1rem}._price_19fp2_493{font-size:2rem}._qrCode_19fp2_576{max-width:200px}._instructionsList_19fp2_618 li{padding:.75rem}._faqSection_19fp2_779{padding:1.5rem .75rem}._faqItem_19fp2_800,._proStatus_19fp2_387,._renewSection_19fp2_457,._renewCTA_19fp2_478{padding:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-gradient: linear-gradient(135deg, #28a745 0%, #20c997 100%);--warning-gradient: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);--danger-gradient: linear-gradient(135deg, #dc3545 0%, #c82333 100%);--info-gradient: linear-gradient(135deg, #17a2b8 0%, #138496 100%);--bg-primary: #f8f9ff;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f4;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--border-color: #e2e8f0;--border-radius: 16px;--border-radius-sm: 8px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .2);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary)}._pageContainer_x0gq0_47{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:1rem;max-width:1400px;margin:0 auto}._header_x0gq0_56{background:var(--primary-gradient);color:#fff;padding:2.5rem;border-radius:24px;margin-bottom:2rem;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}._header_x0gq0_56:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');animation:_float_x0gq0_1 20s ease-in-out infinite}@keyframes _float_x0gq0_1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}._headerContent_x0gq0_83{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}._headerLeft_x0gq0_91{display:flex;align-items:center;gap:2rem}._headerIcon_x0gq0_97{background:#ffffff26;padding:1.25rem;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);transition:var(--transition);animation:_pulse_x0gq0_1 2s ease-in-out infinite}@keyframes _pulse_x0gq0_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}._headerTitle_x0gq0_112{font-size:3rem;font-weight:900;margin:0;background:linear-gradient(45deg,#fff,#e0e6ff,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:_shimmer_x0gq0_1 3s ease-in-out infinite}@keyframes _shimmer_x0gq0_1{0%,to{background-position:200% 200%}50%{background-position:0% 0%}}._headerSubtitle_x0gq0_129{font-size:1.2rem;opacity:.9;margin:.5rem 0 0;font-weight:300;letter-spacing:.5px}._headerActions_x0gq0_137{display:flex;gap:1rem}._notificationButton_x0gq0_142{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem;border-radius:16px;cursor:pointer;transition:var(--transition);position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._notificationButton_x0gq0_142:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 25px #0003}._notificationBadge_x0gq0_160{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;animation:_bounce_x0gq0_1 2s ease infinite}@keyframes _bounce_x0gq0_1{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}._tabNavigation_x0gq0_183{display:flex;background:var(--bg-secondary);border-radius:20px;padding:.75rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);gap:.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}._tabButton_x0gq0_195{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem;border:none;background:transparent;border-radius:16px;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}._tabButton_x0gq0_195:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}._tabButton_x0gq0_195:hover:before{left:100%}._tabButton_x0gq0_195:hover{background:linear-gradient(135deg,#f7fafc,#edf2f7);color:var(--text-primary);transform:translateY(-2px)}._tabButton_x0gq0_195._active_x0gq0_235{background:var(--primary-gradient);color:#fff;box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}._tabButton_x0gq0_195._active_x0gq0_235:before{display:none}._tabBadge_x0gq0_246{background:#fff3;color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:700;margin-left:.5rem;animation:_pulse-badge_x0gq0_1 2s ease infinite}@keyframes _pulse-badge_x0gq0_1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}._tabButton_x0gq0_195:not(._active_x0gq0_235) ._tabBadge_x0gq0_246{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}._content_x0gq0_268{min-height:400px;animation:_fadeInUp_x0gq0_1 .6s ease-out}@keyframes _fadeInUp_x0gq0_1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._overviewContainer_x0gq0_285{display:flex;flex-direction:column;gap:2rem}._statsGrid_x0gq0_291{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}._statCard_x0gq0_297{background:var(--bg-secondary);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;align-items:center;gap:2rem;transition:var(--transition);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._statCard_x0gq0_297:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}._statCard_x0gq0_297:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}._primaryCard_x0gq0_327:before{background:var(--primary-gradient)}._proCard_x0gq0_328:before{background:var(--warning-gradient)}._projectCard_x0gq0_329:before{background:var(--success-gradient)}._revenueCard_x0gq0_330:before{background:var(--danger-gradient)}._statIcon_x0gq0_332{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#667eea;transition:var(--transition);box-shadow:var(--shadow-sm)}._statCard_x0gq0_297:hover ._statIcon_x0gq0_332{transform:rotate(10deg) scale(1.1)}._primaryCard_x0gq0_327 ._statIcon_x0gq0_332{color:#667eea}._proCard_x0gq0_328 ._statIcon_x0gq0_332{color:#ff8c00}._projectCard_x0gq0_329 ._statIcon_x0gq0_332{color:#28a745}._revenueCard_x0gq0_330 ._statIcon_x0gq0_332{color:#dc3545}._statContent_x0gq0_353{flex:1}._statContent_x0gq0_353 h3{font-size:1rem;color:var(--text-muted);margin:0 0 .75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}._statValue_x0gq0_366{font-size:3rem;font-weight:900;color:var(--text-primary);margin:0 0 .75rem;line-height:1;background:linear-gradient(135deg,var(--text-primary),#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._statGrowth_x0gq0_378{display:flex;align-items:center;gap:.5rem;color:#28a745;font-size:.9rem;font-weight:600;padding:.5rem 1rem;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:20px;width:-moz-fit-content;width:fit-content}._quickActionsGrid_x0gq0_392{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}._quickActionCard_x0gq0_398{background:var(--bg-secondary);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:2rem;transition:var(--transition);border:1px solid var(--border-color);position:relative;overflow:hidden}._quickActionCard_x0gq0_398:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-gradient)}._quickActionCard_x0gq0_398:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:#667eea4d}._actionIcon_x0gq0_428{background:var(--primary-gradient);color:#fff;padding:1.5rem;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:var(--transition)}._quickActionCard_x0gq0_398:hover ._actionIcon_x0gq0_428{transform:rotate(-10deg) scale(1.1)}._actionContent_x0gq0_444{flex:1}._actionContent_x0gq0_444 h4{font-size:1.25rem;margin:0 0 .75rem;color:var(--text-primary);font-weight:700}._actionContent_x0gq0_444 p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}._actionButton_x0gq0_462{background:var(--primary-gradient);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:var(--transition);display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm)}._actionButton_x0gq0_462:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}._recentActivity_x0gq0_484{background:var(--bg-secondary);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}._recentActivity_x0gq0_484 h3{display:flex;align-items:center;gap:.75rem;margin:0 0 2rem;color:var(--text-primary);font-size:1.5rem;font-weight:700}._activityList_x0gq0_502{display:flex;flex-direction:column;gap:1.5rem}._activityItem_x0gq0_508{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid var(--primary-gradient);transition:var(--transition)}._activityItem_x0gq0_508:hover{transform:translate(5px);box-shadow:var(--shadow-md)}._activityIcon_x0gq0_524{background:var(--primary-gradient);color:#fff;padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}._activityContent_x0gq0_535{flex:1}._activityContent_x0gq0_535 p{margin:0 0 .5rem;font-size:.95rem;color:var(--text-primary);font-weight:500}._activityTime_x0gq0_546{font-size:.85rem;color:var(--text-muted);font-weight:400}._emptyActivity_x0gq0_552{text-align:center;padding:3rem;color:var(--text-muted)}._tableSection_x0gq0_559{background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color)}._tableHeader_x0gq0_567{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8f9fa,#e9ecef)}._tableHeader_x0gq0_567 h3{display:flex;align-items:center;gap:.75rem;margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:700}._tableActions_x0gq0_586{display:flex;gap:1rem;align-items:center}._searchContainer_x0gq0_592{position:relative;display:flex;align-items:center}._searchContainer_x0gq0_592 svg{position:absolute;left:1rem;color:var(--text-muted);z-index:1}._searchInput_x0gq0_605{padding:1rem 1rem 1rem 3rem;border:2px solid var(--border-color);border-radius:12px;font-size:.95rem;width:280px;transition:var(--transition);background:var(--bg-secondary)}._searchInput_x0gq0_605:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}._filterButton_x0gq0_622,._refreshButton_x0gq0_622{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid var(--border-color);background:var(--bg-secondary);border-radius:12px;cursor:pointer;font-size:.95rem;color:var(--text-secondary);transition:var(--transition);font-weight:500}._filterButton_x0gq0_622:hover,._refreshButton_x0gq0_622:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:var(--shadow-sm)}._tableContainer_x0gq0_644{overflow-x:auto}._mobileCardContainer_x0gq0_649{display:none;padding:2rem;gap:1.5rem;flex-direction:column}._userCard_x0gq0_656,._requestCard_x0gq0_656{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--border-radius);padding:2rem;border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-sm)}._userCard_x0gq0_656:hover,._requestCard_x0gq0_656:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#667eea4d}._userCardHeader_x0gq0_671{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}._userAvatar_x0gq0_678{width:60px;height:60px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition)}._userCard_x0gq0_656:hover ._userAvatar_x0gq0_678{transform:scale(1.1) rotate(5deg)}._userInfo_x0gq0_697{flex:1}._userInfo_x0gq0_697 h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.2rem;font-weight:700}._userInfo_x0gq0_697 p{margin:0;color:var(--text-secondary);font-size:.95rem}._userRole_x0gq0_714{display:flex;align-items:center}._userStats_x0gq0_719{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}._userStat_x0gq0_719{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);transition:var(--transition)}._userStat_x0gq0_719:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}._statLabel_x0gq0_739{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}._statNumber_x0gq0_749{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary)}._requestCard_x0gq0_656{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-color:#ffc107;border-left:4px solid #ffc107}._requestHeader_x0gq0_763{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}._requestId_x0gq0_770{background:var(--primary-gradient);color:#fff;padding:.5rem 1rem;border-radius:16px;font-weight:700;font-size:.85rem;box-shadow:var(--shadow-sm)}._requestDate_x0gq0_780{font-size:.85rem;color:var(--text-muted);font-weight:500}._requestUser_x0gq0_786 h4{margin:0 0 .5rem;color:var(--text-primary);font-weight:700;font-size:1.1rem}._requestUser_x0gq0_786 p{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.95rem}._requestTransaction_x0gq0_799{margin-bottom:1.5rem;padding:1rem;background:#fffc;border-radius:12px;border:1px solid rgba(255,193,7,.3)}._transactionLabel_x0gq0_807{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}._transactionCode_x0gq0_817{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0;padding:.75rem 1rem;border-radius:8px;font-family:Fira Code,Courier New,monospace;font-size:.9rem;display:block;word-break:break-all;border:1px solid #4a5568;box-shadow:inset 0 2px 4px #0003}._usersTable_x0gq0_831{width:100%;border-collapse:collapse;display:table}._usersTable_x0gq0_831 th,._usersTable_x0gq0_831 td{padding:1.5rem 2rem;text-align:left;border-bottom:1px solid var(--border-color)}._usersTable_x0gq0_831 th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:var(--text-primary);font-size:.9rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}._usersTable_x0gq0_831 tbody tr{transition:var(--transition)}._usersTable_x0gq0_831 tbody tr:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:scale(1.01)}._usersTable_x0gq0_831 td{font-size:.95rem;vertical-align:middle}._userCell_x0gq0_866{display:flex;align-items:center;gap:1.5rem}._userCell_x0gq0_866 ._userAvatar_x0gq0_678{width:50px;height:50px;font-size:1.1rem}._userName_x0gq0_878{font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}._userEmail_x0gq0_885{color:var(--text-muted);font-size:.85rem;font-weight:400}._activityStats_x0gq0_891{display:flex;flex-direction:column;gap:.25rem}._activityStats_x0gq0_891 span{font-size:.85rem;color:var(--text-secondary);font-weight:500}._roleBadge_x0gq0_904{padding:.5rem 1rem;border-radius:16px;font-size:.8rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.5px;box-shadow:var(--shadow-sm);transition:var(--transition)}._roleBadge_x0gq0_904:hover{transform:scale(1.05)}._roleUser_x0gq0_922{background:linear-gradient(135deg,#e9ecef,#dee2e6);color:#495057;border:1px solid #adb5bd}._rolePro_x0gq0_928{background:var(--warning-gradient);color:#fff;border:1px solid #ff8c00}._roleAdmin_x0gq0_934{background:var(--danger-gradient);color:#fff;border:1px solid #c82333}._btn_x0gq0_941{border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem;padding:.75rem 1.5rem}._btnPrimary_x0gq0_955{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}._btnPrimary_x0gq0_955:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}._btnSecondary_x0gq0_966{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:var(--shadow-sm)}._btnSecondary_x0gq0_966:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c757d66}._btnDanger_x0gq0_977{background:var(--danger-gradient);color:#fff;box-shadow:var(--shadow-sm)}._btnDanger_x0gq0_977:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc354566}._btnSuccess_x0gq0_988{background:var(--success-gradient);color:#fff;box-shadow:var(--shadow-sm)}._btnSuccess_x0gq0_988:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}._btn_x0gq0_941:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}._approveButton_x0gq0_1007{background:var(--success-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;transition:var(--transition);display:flex;align-items:center;gap:.75rem;width:100%;justify-content:center;box-shadow:var(--shadow-sm)}._approveButton_x0gq0_1007:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}._approveButton_x0gq0_1007:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none;box-shadow:none}._moreButton_x0gq0_1037{background:transparent;border:2px solid var(--border-color);color:var(--text-muted);padding:.75rem;border-radius:12px;cursor:pointer;transition:var(--transition)}._moreButton_x0gq0_1037:hover{border-color:#667eea;color:#667eea;background:#667eea0d;transform:translateY(-1px)}._actionButtons_x0gq0_1054{display:flex;gap:1rem;flex-wrap:wrap}._loadingContainer_x0gq0_1061,._errorContainer_x0gq0_1061{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted);text-align:center}._loadingContainer_x0gq0_1061 h3{margin:1rem 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:700}._loadingContainer_x0gq0_1061 p{color:var(--text-secondary);font-size:1rem}._loadingSpinner_x0gq0_1083{width:60px;height:60px;border:6px solid var(--border-color);border-top:6px solid #667eea;border-radius:50%;animation:_spin_x0gq0_1093 1s linear infinite;margin-bottom:1.5rem}._spinner_x0gq0_1093{width:20px;height:20px;border:3px solid transparent;border-top:3px solid currentColor;border-radius:50%;animation:_spin_x0gq0_1093 1s linear infinite}@keyframes _spin_x0gq0_1093{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._errorContainer_x0gq0_1061 svg{color:#dc3545;margin-bottom:1.5rem}._retryButton_x0gq0_1112{background:var(--primary-gradient);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;cursor:pointer;margin-top:1.5rem;font-weight:600;transition:var(--transition)}._retryButton_x0gq0_1112:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}._emptyState_x0gq0_1129{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-muted);text-align:center}._emptyState_x0gq0_1129 svg{color:#28a745;margin-bottom:1.5rem}._emptyState_x0gq0_1129 h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.5rem;font-weight:700}._emptyState_x0gq0_1129 p{margin:0;font-size:1rem;color:var(--text-secondary)}._pagination_x0gq0_1158{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:2rem 0;flex-wrap:wrap}._paginationButton_x0gq0_1167{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-color);padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;font-weight:600}._paginationButton_x0gq0_1167:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#667eea0d;transform:translateY(-1px)}._paginationButton_x0gq0_1167:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.5}._paginationInfo_x0gq0_1197{padding:0 1rem;font-size:.95rem;color:var(--text-secondary);font-weight:500}._paginationInfo_x0gq0_1197 strong{color:var(--text-primary);font-weight:700}._modalOverlay_x0gq0_1210{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:_fadeIn_x0gq0_1 .3s ease}@keyframes _fadeIn_x0gq0_1{0%{opacity:0}to{opacity:1}}._modal_x0gq0_1210{background:var(--bg-secondary);padding:2.5rem;border-radius:20px;width:90%;max-width:500px;box-shadow:var(--shadow-xl);animation:_slideUp_x0gq0_1 .3s ease;border:1px solid var(--border-color)}@keyframes _slideUp_x0gq0_1{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}._modalTitle_x0gq0_1253{display:flex;align-items:center;gap:.75rem;color:#dc3545;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}._modal_x0gq0_1210 p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.6;font-size:1rem}._modalTextarea_x0gq0_1270{width:100%;box-sizing:border-box;padding:1rem;border-radius:12px;border:2px solid var(--border-color);margin:0 0 1.5rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;transition:var(--transition)}._modalTextarea_x0gq0_1270:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}._modalActions_x0gq0_1290{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}._settingsContainer_x0gq0_1298{max-width:800px;margin:0 auto}._settingsCard_x0gq0_1303{background:var(--bg-secondary);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}._subTitle_x0gq0_1311{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}._broadcastForm_x0gq0_1321{display:flex;flex-direction:column;gap:1.5rem}._formGroup_x0gq0_1327{display:flex;flex-direction:column;gap:.75rem}._formGroup_x0gq0_1327 label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:1rem}._formGroup_x0gq0_1327 input,._formGroup_x0gq0_1327 textarea{width:100%;box-sizing:border-box;padding:1rem 1.25rem;border-radius:12px;border:2px solid var(--border-color);font-size:1rem;font-family:inherit;transition:var(--transition);background:var(--bg-secondary)}._formGroup_x0gq0_1327 input:focus,._formGroup_x0gq0_1327 textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}._formGroup_x0gq0_1327 textarea{resize:vertical;min-height:120px;line-height:1.6}@media (max-width: 1200px){._pageContainer_x0gq0_47{padding:.75rem}._statsGrid_x0gq0_291{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 1024px){._headerContent_x0gq0_83{flex-direction:column;gap:1.5rem;text-align:center}._headerLeft_x0gq0_91{flex-direction:column;gap:1rem}._tabNavigation_x0gq0_183{flex-direction:column;gap:.5rem}._tableActions_x0gq0_586{flex-direction:column;gap:1rem;align-items:stretch}._searchInput_x0gq0_605{width:100%}._quickActionsGrid_x0gq0_392{grid-template-columns:1fr}._quickActionCard_x0gq0_398{flex-direction:column;text-align:center;gap:1.5rem}}@media (max-width: 768px){._pageContainer_x0gq0_47{padding:.5rem}._header_x0gq0_56{padding:2rem;margin-bottom:1.5rem}._headerTitle_x0gq0_112{font-size:2.5rem}._headerSubtitle_x0gq0_129{font-size:1rem}._statsGrid_x0gq0_291{grid-template-columns:1fr;gap:1rem}._statCard_x0gq0_297{padding:2rem;flex-direction:column;text-align:center;gap:1.5rem}._statValue_x0gq0_366{font-size:2.5rem}._tabNavigation_x0gq0_183{padding:.5rem;gap:.25rem}._tabButton_x0gq0_195{padding:1rem .75rem;font-size:.9rem;flex-direction:column;gap:.5rem}._tabButton_x0gq0_195 span:first-child{display:none}._tableHeader_x0gq0_567{padding:1.5rem;flex-direction:column;gap:1rem;align-items:stretch}._usersTable_x0gq0_831{display:none}._mobileCardContainer_x0gq0_649{display:flex}._userStats_x0gq0_719{grid-template-columns:repeat(2,1fr)}._userStat_x0gq0_719{padding:.75rem}._approveButton_x0gq0_1007{padding:1rem;font-size:.95rem}._actionButtons_x0gq0_1054{flex-direction:column;gap:.75rem}._modal_x0gq0_1210{padding:2rem;margin:1rem}._modalActions_x0gq0_1290{flex-direction:column;gap:.75rem}._pagination_x0gq0_1158{gap:.5rem}._paginationButton_x0gq0_1167{min-width:40px;height:40px;padding:.5rem .75rem}}@media (max-width: 480px){._header_x0gq0_56{padding:1.5rem}._headerTitle_x0gq0_112{font-size:2rem}._statCard_x0gq0_297,._quickActionCard_x0gq0_398,._userCard_x0gq0_656,._requestCard_x0gq0_656{padding:1.5rem}._userStats_x0gq0_719{grid-template-columns:1fr;gap:.75rem}._tabButton_x0gq0_195{padding:.75rem .5rem;font-size:.85rem}._settingsCard_x0gq0_1303{padding:2rem}._userAvatar_x0gq0_678{width:50px;height:50px;font-size:1.2rem}._userCell_x0gq0_866 ._userAvatar_x0gq0_678{width:40px;height:40px;font-size:1rem}}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f1419;--bg-secondary: #1a1f24;--bg-tertiary: #2d3748;--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-muted: #718096;--border-color: #2d3748}._header_x0gq0_56{background:linear-gradient(135deg,#2d3748,#1a202c)}._statCard_x0gq0_297,._quickActionCard_x0gq0_398,._tableSection_x0gq0_559,._recentActivity_x0gq0_484,._settingsCard_x0gq0_1303,._modal_x0gq0_1210,._tabNavigation_x0gq0_183{background:var(--bg-secondary);border-color:var(--border-color)}._userCard_x0gq0_656,._requestCard_x0gq0_656{background:var(--bg-tertiary);border-color:var(--border-color)}}@keyframes _slideInFromLeft_x0gq0_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideInFromRight_x0gq0_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInScale_x0gq0_1{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}._statCard_x0gq0_297{animation:_fadeInScale_x0gq0_1 .6s ease-out}._quickActionCard_x0gq0_398{animation:_slideInFromLeft_x0gq0_1 .6s ease-out}._userCard_x0gq0_656,._requestCard_x0gq0_656{animation:_slideInFromRight_x0gq0_1 .6s ease-out}._text-center_x0gq0_1659{text-align:center}._text-left_x0gq0_1660{text-align:left}._text-right_x0gq0_1661{text-align:right}._m-0_x0gq0_1663{margin:0}._mt-1_x0gq0_1664{margin-top:.25rem}._mt-2_x0gq0_1665{margin-top:.5rem}._mt-3_x0gq0_1666{margin-top:1rem}._mt-4_x0gq0_1667{margin-top:1.5rem}._p-0_x0gq0_1669{padding:0}._p-1_x0gq0_1670{padding:.25rem}._p-2_x0gq0_1671{padding:.5rem}._p-3_x0gq0_1672{padding:1rem}._p-4_x0gq0_1673{padding:1.5rem}._flex_x0gq0_1675{display:flex}._flex-col_x0gq0_1676{flex-direction:column}._items-center_x0gq0_1677{align-items:center}._justify-center_x0gq0_1678{justify-content:center}._justify-between_x0gq0_1679{justify-content:space-between}._w-full_x0gq0_1681{width:100%}._h-full_x0gq0_1682{height:100%}._rounded_x0gq0_1684{border-radius:var(--border-radius-sm)}._rounded-lg_x0gq0_1685{border-radius:var(--border-radius)}._shadow_x0gq0_1687{box-shadow:var(--shadow-sm)}._shadow-md_x0gq0_1688{box-shadow:var(--shadow-md)}._shadow-lg_x0gq0_1689{box-shadow:var(--shadow-lg)}.page-container{max-width:1400px;margin:0 auto;padding:1rem;background:#f5f5f5;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2rem;margin-bottom:1.5rem;text-align:center;color:#fff;box-shadow:0 4px 20px #0000001a}.page-title{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.title-icon{font-size:2.5rem;animation:flame 2s ease-in-out infinite}@keyframes flame{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.page-subtitle{font-size:1.1rem;opacity:.9;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.filter-bar{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.filter-section{display:grid;grid-template-columns:2fr 1fr 2fr;gap:1rem;align-items:center;margin-bottom:1rem}.search-box{position:relative}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:25px;font-size:.95rem;outline:none;transition:all .3s ease;background:#f8f9fa}.search-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.genre-select{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:.95rem;background:#fff;outline:none;cursor:pointer;transition:border-color .3s ease}.genre-select:focus{border-color:#667eea}.sort-tabs{display:flex;background:#f8f9fa;border-radius:12px;padding:.25rem;gap:.25rem}.sort-tab{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;background:transparent;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;color:#6c757d}.sort-tab:hover{background:#667eea1a;color:#667eea}.sort-tab.active{background:#667eea;color:#fff;box-shadow:0 2px 4px #667eea4d}.result-info{text-align:center;padding-top:.5rem;border-top:1px solid #e9ecef}.result-count{color:#6c757d;font-weight:600;font-size:.9rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.story-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #e9ecef}.story-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.ranking-badge{position:absolute;top:-5px;left:-5px;z-index:20;padding:.3rem .6rem;border-radius:15px;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0003}.rank-1{background:linear-gradient(45deg,gold,#ffed4e);color:#2d3748}.rank-2{background:linear-gradient(45deg,silver,#e8e8e8);color:#2d3748}.rank-3{background:linear-gradient(45deg,#cd7f32,#e2a857);color:#fff}.story-link{display:block;text-decoration:none;color:inherit}.story-poster{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f8f9fa}.story-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.story-card:hover .story-poster img{transform:scale(1.05)}.poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2rem;font-weight:700}.view-count{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.genre-badge{position:absolute;bottom:.5rem;left:.5rem;background:#667eeae6;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-info{padding:.75rem;border-bottom:1px solid #f1f3f4}.story-title{font-size:.9rem;font-weight:700;color:#2d3748;margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.story-author{font-size:.75rem;color:#6c757d;margin:0;font-weight:500}.reaction-bar{display:flex;align-items:center;padding:.5rem;background:#f8f9fa;gap:.25rem}.reaction-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .6rem;border:1px solid #e9ecef;border-radius:20px;background:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.reaction-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.like-btn{color:#28a745}.like-btn:hover{background:#f0fff4;border-color:#28a745}.like-btn.active{background:#28a745;color:#fff;border-color:#28a745}.dislike-btn{color:#dc3545}.dislike-btn:hover{background:#fff5f5;border-color:#dc3545}.dislike-btn.active{background:#dc3545;color:#fff;border-color:#dc3545}.reaction-icon{font-size:.8rem}.reaction-count{font-size:.75rem;font-weight:700}.score-display{display:flex;flex-direction:column;align-items:center;padding:.25rem;min-width:30px}.score-value{font-size:.8rem;font-weight:700;color:#2d3748;background:#e9ecef;padding:.2rem .4rem;border-radius:12px;min-width:24px;text-align:center}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;color:#6c757d}.loading-spinner{font-size:3rem;margin-bottom:1rem;animation:bounce 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.empty-state{background:#fff;border-radius:12px;border:1px solid #e9ecef}.empty-state h3{color:#2d3748;margin-bottom:.5rem}.empty-state p{color:#6c757d;margin:0}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.page-container{padding:.5rem}.page-header{padding:1.5rem;margin-bottom:1rem}.page-title{font-size:2rem}.filter-section{grid-template-columns:1fr;gap:.75rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.story-info{padding:.5rem}.story-title{font-size:.85rem}.story-author{font-size:.7rem}.reaction-bar{padding:.4rem;gap:.2rem}.reaction-btn{padding:.3rem .5rem;font-size:.7rem}.sort-tabs{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.page-title{font-size:1.5rem;flex-direction:column;gap:.25rem}.title-icon{font-size:2rem}.page-subtitle{font-size:1rem}.reaction-btn{padding:.25rem .4rem;font-size:.65rem}.score-value{font-size:.7rem;padding:.15rem .3rem}}@media (prefers-color-scheme: dark){.page-container{background:#1a1a1a;color:#e8e6e3}.filter-bar,.story-card{background:#2d2d2d;border-color:#404040}.search-input,.genre-select{background:#404040;border-color:#555;color:#e8e6e3}.search-input:focus,.genre-select:focus{border-color:#667eea;background:#2d2d2d}.sort-tabs{background:#404040}.sort-tab{color:#adb5bd}.sort-tab:hover{background:#667eea33;color:#667eea}.story-title{color:#e8e6e3}.story-author{color:#adb5bd}.reaction-bar{background:#404040}.reaction-btn{background:#2d2d2d;border-color:#555}.reaction-btn:hover{background:#404040}.score-value{background:#555;color:#e8e6e3}.result-count{color:#adb5bd}.empty-state{background:#2d2d2d;border-color:#404040}.empty-state h3{color:#e8e6e3}}@media print{.page-header,.filter-bar,.reaction-bar{display:none}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.story-card{-moz-column-break-inside:avoid;break-inside:avoid}}.comment-section{background:#fff;border-radius:16px;padding:1.5rem;margin-top:2rem;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef}.comment-section-header{margin-bottom:1.5rem;text-align:center;padding-bottom:1rem;border-bottom:1px solid #f1f3f4}.section-title{margin:0;font-size:1.4rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:.5rem}.title-icon{font-size:1.5rem}.section-subtitle{margin-top:.5rem;color:#6c757d;font-size:.9rem}.comment-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 8px #00000026;transition:transform .2s ease}.comment-avatar:hover{transform:scale(1.05)}.main-comment-form{display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.comment-form{flex:1}.form-input-wrapper{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;box-shadow:0 1px 3px #0000001a}.main-textarea{width:100%;border:none;padding:1rem;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px;outline:none;line-height:1.5}.main-textarea::-moz-placeholder{color:#adb5bd}.main-textarea::placeholder{color:#adb5bd}.form-actions{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-top:1px solid #e9ecef}.form-tools{display:flex;gap:.5rem}.tool-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:background-color .2s ease}.tool-btn:hover{background:#e9ecef}.submit-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.3rem}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-prompt{text-align:center;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:2rem;border:1px solid #e9ecef}.login-icon{font-size:2.5rem;margin-bottom:.5rem}.login-prompt h4{margin:.5rem 0;color:#2c3e50;font-weight:600}.login-prompt p{margin:0;color:#6c757d}.login-link,.register-link{color:#007bff;text-decoration:none;font-weight:600;transition:color .2s ease}.login-link:hover,.register-link:hover{color:#0056b3;text-decoration:underline}.comment-list{margin-top:1.5rem}.comment-container{margin-bottom:1rem}.comment-container.depth-0{margin-left:0}.comment-container.depth-1{margin-left:2.5rem;padding-left:1rem;border-left:2px solid #e9ecef}.comment-container.depth-2{margin-left:2rem;padding-left:.75rem;border-left:2px solid #f1f3f4}.comment-container.depth-3{margin-left:1.5rem;padding-left:.5rem;border-left:1px solid #f8f9fa}.comment-item{position:relative}.comment-main{display:flex;gap:.75rem;align-items:flex-start}.comment-content-wrapper{flex:1;min-width:0}.comment-bubble{background:#f8f9fa;border-radius:16px 16px 16px 4px;padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid #e9ecef;transition:all .2s ease}.comment-bubble:hover{background:#f1f3f4;box-shadow:0 2px 8px #0000001a}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-author{font-weight:700;color:#2c3e50;font-size:.9rem}.comment-time{color:#6c757d;font-size:.8rem}.chapter-context{display:inline-flex;align-items:center;gap:.3rem;background:#e3f2fd;color:#1565c0;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;margin-bottom:.5rem;border:1px solid #bbdefb}.context-icon{font-size:.8rem}.context-text{font-weight:500}.comment-text{color:#2c3e50;line-height:1.5;word-wrap:break-word;margin:0;font-size:.95rem}.comment-actions{display:flex;gap:1rem;align-items:center;margin-top:.25rem}.action-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:.8rem;font-weight:600;padding:.3rem .6rem;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.action-btn:hover{background:#f1f3f4;color:#495057}.action-icon{font-size:.9rem}.reply-btn:hover{color:#007bff;background:#e3f2fd}.like-btn:hover{color:#dc3545;background:#ffeaea}.expand-btn:hover{color:#28a745;background:#e8f5e9}.delete-btn:hover{color:#dc3545;background:#ffeaea}.reply-form-container{display:flex;gap:.75rem;margin-top:.75rem;margin-left:3.25rem}.reply-form{flex:1}.reply-input-wrapper{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;box-shadow:0 1px 3px #0000001a}.reply-textarea{width:100%;border:none;padding:.75rem;font-size:.9rem;font-family:inherit;resize:vertical;outline:none;line-height:1.4}.reply-textarea::-moz-placeholder{color:#adb5bd}.reply-textarea::placeholder{color:#adb5bd}.reply-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.5rem .75rem;background:#f8f9fa;border-top:1px solid #e9ecef}.btn-cancel{background:none;border:1px solid #6c757d;color:#6c757d;padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#6c757d;color:#fff}.btn-submit{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #28a7454d}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.replies-container{margin-top:.75rem;position:relative}.replies-container:before{content:"";position:absolute;left:-1rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e9ecef,transparent)}.empty-comments{text-align:center;padding:3rem 1rem;color:#6c757d}.empty-comments h4{margin:0 0 .5rem;color:#495057;font-weight:600}.empty-comments p{margin:0;font-size:.9rem}.comment-time{position:relative}.comment-time:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#2c3e50;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.7rem;white-space:nowrap;z-index:1000;margin-bottom:.3rem}@media (max-width: 768px){.comment-section{padding:1rem;margin-top:1rem;border-radius:12px}.main-comment-form{flex-direction:column;gap:.5rem}.comment-avatar{width:35px;height:35px;font-size:.8rem}.comment-main{gap:.5rem}.comment-container.depth-1{margin-left:1.5rem;padding-left:.75rem}.comment-container.depth-2{margin-left:1rem;padding-left:.5rem}.comment-container.depth-3{margin-left:.5rem;padding-left:.25rem}.reply-form-container{margin-left:2.5rem}.form-actions{flex-direction:column;gap:.5rem;align-items:stretch}.comment-actions{flex-wrap:wrap;gap:.5rem}.section-title{font-size:1.2rem}}@media (max-width: 480px){.comment-section{padding:.75rem}.comment-container.depth-1,.comment-container.depth-2,.comment-container.depth-3{margin-left:1rem;padding-left:.5rem}.reply-form-container{margin-left:1.5rem}.comment-bubble{padding:.6rem .8rem}.main-textarea{padding:.8rem;min-height:70px}}@media (prefers-color-scheme: dark){.comment-section{background:#2d2d2d;border-color:#404040;color:#e8e6e3}.section-title{color:#e8e6e3}.section-subtitle{color:#adb5bd}.main-comment-form{background:#404040;border-color:#555}.form-input-wrapper{background:#2d2d2d;border-color:#555}.main-textarea{background:#2d2d2d;color:#e8e6e3}.main-textarea::-moz-placeholder{color:#6c757d}.main-textarea::placeholder{color:#6c757d}.form-actions{background:#404040;border-color:#555}.tool-btn:hover{background:#555}.login-prompt{background:linear-gradient(135deg,#404040,#555);border-color:#555}.login-prompt h4{color:#e8e6e3}.login-prompt p{color:#adb5bd}.comment-bubble{background:#404040;border-color:#555}.comment-bubble:hover{background:#4a4a4a}.comment-author,.comment-text{color:#e8e6e3}.chapter-context{background:#1a365d;color:#63b3ed;border-color:#2d5a87}.action-btn:hover{background:#555;color:#e8e6e3}.reply-input-wrapper{background:#2d2d2d;border-color:#555}.reply-textarea{background:#2d2d2d;color:#e8e6e3}.reply-textarea::-moz-placeholder{color:#6c757d}.reply-textarea::placeholder{color:#6c757d}.reply-actions{background:#404040;border-color:#555}.btn-cancel{border-color:#adb5bd;color:#adb5bd}.btn-cancel:hover{background:#adb5bd;color:#2d2d2d}.empty-comments{color:#adb5bd}.empty-comments h4{color:#e8e6e3}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.comment-container{animation:slideIn .3s ease-out}.reply-form-container{animation:fadeIn .2s ease-out}.submit-button:disabled{animation:pulse 1.5s infinite}.main-textarea:focus,.reply-textarea:focus{box-shadow:0 0 0 2px #007bff40}.submit-button:focus,.btn-submit:focus,.btn-cancel:focus{outline:2px solid #007bff;outline-offset:2px}.action-btn:focus{outline:1px solid #007bff;outline-offset:1px}.loading-comment{opacity:.7;pointer-events:none;position:relative}.loading-comment:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:16px}.comment-container:hover .comment-bubble{transform:translateY(-1px);box-shadow:0 3px 12px #0000001f}.main-comment-form:hover{box-shadow:0 2px 8px #0000001a}.comment-text{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.comment-section::-webkit-scrollbar{width:6px}.comment-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.comment-section::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.comment-section::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (prefers-contrast: high){.comment-bubble{border-width:2px}.action-btn{border:1px solid currentColor}.submit-button,.btn-submit{border:2px solid white}}@media (prefers-reduced-motion: reduce){.comment-container,.reply-form-container,.comment-bubble,.submit-button,.action-btn{animation:none;transition:none}.comment-container:hover .comment-bubble{transform:none}.submit-button:hover:not(:disabled){transform:none}}.emoji-container{position:relative}.emoji-picker-wrapper{position:absolute;bottom:100%;left:0;z-index:10;margin-bottom:5px}.share-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.share-modal-container{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideUp .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header-content{display:flex;align-items:center;gap:1rem}.share-icon{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-text{display:flex;flex-direction:column;gap:.25rem}.modal-title{margin:0;font-size:1.3rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-subtitle{margin:0;font-size:.9rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.close-button{width:40px;height:40px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-button:hover{background:#ffffff4d;transform:scale(1.05)}.close-icon{font-size:1.2rem;font-weight:700}.share-modal-body{padding:2rem;display:flex;flex-direction:column;gap:2rem;max-height:70vh;overflow-y:auto}.story-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #e9ecef}.preview-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.preview-info{flex:1;min-width:0}.story-title{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#2c3e50;line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.story-url{margin:0;font-size:.8rem;color:#6c757d;font-family:Consolas,Monaco,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-section{display:flex;flex-direction:column;gap:1rem}.section-title{margin:0;font-size:1rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.social-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.social-platform{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#fff;border:2px solid #f1f3f4;border-radius:12px;text-decoration:none;color:#2c3e50;transition:all .3s ease;position:relative;overflow:hidden}.social-platform:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--platform-color);transform:scaleX(0);transition:transform .3s ease}.social-platform:hover{border-color:var(--platform-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-platform:hover:before{transform:scaleX(1)}.platform-icon{font-size:1.5rem;transition:transform .3s ease}.social-platform:hover .platform-icon{transform:scale(1.1)}.platform-name{font-size:.85rem;font-weight:600;text-align:center}.copy-section{display:flex;flex-direction:column;gap:1rem}.copy-container{display:flex;gap:.75rem;align-items:stretch}.url-display{flex:1;position:relative}.url-input{width:100%;padding:.875rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:.9rem;background:#f8f9fa;color:#495057;font-family:Consolas,Monaco,monospace;outline:none;transition:all .3s ease;box-sizing:border-box}.url-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.copy-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.9rem}.copy-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.copy-button.success{background:linear-gradient(135deg,#28a745,#20c997);animation:successPulse .3s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.copy-icon{font-size:1rem;transition:transform .3s ease}.copy-button.success .copy-icon{transform:scale(1.2)}.copy-text{font-size:.9rem}.success-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#d4edda;color:#155724;border-radius:8px;font-size:.85rem;font-weight:600;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:1rem}.qr-section{display:flex;flex-direction:column;gap:1rem}.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px dashed #d6d8db;text-align:center}.qr-icon{font-size:2rem;opacity:.7}.qr-text{margin:0;color:#6c757d;font-size:.9rem;font-weight:500}.qr-code{width:80px;height:80px;background:#fff;border-radius:8px;padding:.5rem;border:1px solid #e9ecef}.qr-pattern{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px}.qr-dot{background:#2c3e50;border-radius:2px}.qr-dot:nth-child(2n){background:transparent}.share-modal-body::-webkit-scrollbar{width:6px}.share-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.share-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.share-modal-body::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width: 768px){.share-modal-container{max-width:450px;margin:1rem}.share-modal-header{padding:1.25rem 1.5rem}.share-modal-body{padding:1.5rem;gap:1.5rem}.header-content{gap:.75rem}.share-icon{width:45px;height:45px;font-size:1.3rem}.modal-title{font-size:1.2rem}.social-platforms{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.social-platform{padding:.75rem .5rem}.platform-icon{font-size:1.3rem}.platform-name{font-size:.8rem}.copy-container{flex-direction:column;gap:1rem}.copy-button{justify-content:center}}@media (max-width: 480px){.share-modal-overlay{padding:.5rem}.share-modal-container{max-width:none;width:calc(100% - 1rem)}.share-modal-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.header-content{flex-direction:column;gap:.5rem}.close-button{position:absolute;top:1rem;right:1rem}.share-modal-body{padding:1rem;gap:1.25rem}.story-preview{flex-direction:column;text-align:center;gap:.75rem}.story-title{text-align:center}.social-platforms{grid-template-columns:repeat(2,1fr)}.qr-placeholder{padding:1rem}}@media (prefers-color-scheme: dark){.share-modal-container{background:#2d2d2d;border-color:#404040}.story-preview{background:linear-gradient(135deg,#404040,#555);border-color:#555}.story-title{color:#e8e6e3}.story-url{color:#adb5bd}.section-title{color:#e8e6e3}.social-platform{background:#404040;border-color:#555;color:#e8e6e3}.social-platform:hover{background:#555}.url-input{background:#404040;border-color:#555;color:#e8e6e3}.url-input:focus{background:#555;border-color:#667eea}.qr-placeholder{background:linear-gradient(135deg,#404040,#555);border-color:#666}.qr-text{color:#adb5bd}.qr-code{background:#555;border-color:#666}.qr-dot{background:#e8e6e3}}@media (prefers-contrast: high){.social-platform,.url-input,.copy-button{border-width:3px}.share-modal-container{border-width:2px}}@media (prefers-reduced-motion: reduce){.share-modal-overlay,.share-modal-container,.social-platform:hover,.copy-button:hover,.success-message{animation:none;transition:none}.social-platform:hover,.copy-button:hover{transform:none}}.page-container{min-height:100vh;background:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.error-state h3{margin:.5rem 0;font-size:1.5rem;color:#2c3e50}.error-state p{color:#6c757d;margin-bottom:1.5rem}.back-link{color:#007bff;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;background:#f8f9fa;border-radius:25px;transition:all .3s ease}.back-link:hover{background:#007bff;color:#fff;transform:translateY(-2px)}.project-header{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden}.header-background{position:absolute;inset:0;z-index:1}.header-bg-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.3;filter:blur(20px);transform:scale(1.1)}.header-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#667eeacc,#764ba2cc)}.header-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:2rem}.header-main{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:start}.project-poster{position:relative;aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease}.project-poster:hover{transform:scale(1.02)}.poster-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#fff3,#ffffff1a);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-info{padding-top:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;opacity:.9}.breadcrumb-link{color:#fff;text-decoration:none;transition:opacity .3s ease}.breadcrumb-link:hover{opacity:.8}.breadcrumb-separator,.breadcrumb-current{opacity:.7}.project-title{margin:0 0 1rem;font-size:2.5rem;font-weight:800;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;font-size:.95rem}.meta-item{display:flex;align-items:center;gap:.5rem;opacity:.95}.meta-icon{font-size:1.1rem}.project-description{margin-bottom:2rem;line-height:1.6;position:relative;color:#fffffff2}.project-description p{color:#fffffff2;font-size:1.05rem;margin:0;transition:all .3s ease}.expand-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:600;cursor:pointer;margin-top:.75rem;padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:.3rem}.expand-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.action-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.read-btn,.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:1rem}.read-btn{background:#28a745;color:#fff;box-shadow:0 4px 15px #28a7454d}.read-btn:hover{background:#218838;transform:translateY(-3px);box-shadow:0 8px 25px #28a74566}.share-btn{background:linear-gradient(135deg,#ffffff40,#ffffff26);color:#2c3e50!important;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 15px #0003;font-weight:700}.share-btn:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);border-color:#fff9;color:#1a202c!important;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-icon{font-size:1.1rem}.reaction-buttons{display:flex;gap:.5rem;margin-left:auto}.reaction-btn{display:flex;align-items:center;gap:.4rem;padding:.7rem 1.1rem;border:2px solid rgba(255,255,255,.3);border-radius:20px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.reaction-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.reaction-btn:hover:before{width:100px;height:100px}.reaction-btn:hover{background:#fff3;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px #0003}.reaction-btn:active{transform:translateY(0) scale(.98)}.like-btn.active{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;box-shadow:0 4px 15px #28a74566}.dislike-btn.active{background:linear-gradient(135deg,#dc3545,#fd7e14);border-color:#dc3545;box-shadow:0 4px 15px #dc354566}.reaction-icon{font-size:1.1rem;transition:transform .3s ease}.reaction-btn:hover .reaction-icon{transform:scale(1.2)}.reaction-count{font-size:.9rem;font-weight:700;position:relative;z-index:1}.reaction-count.updating{animation:countUpdate .5s ease}@keyframes countUpdate{0%{transform:scale(1)}50%{transform:scale(1.2);color:#ffc107}to{transform:scale(1)}}.main-content{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.content-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f1f3f4;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.section-title{margin:0;font-size:1.3rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.4rem}.section-stats{display:flex;align-items:center;gap:1rem}.total-chapters-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #667eea4d}.current-page-info{color:#6c757d;font-size:.9rem;font-weight:500}.chapters-container{padding:1.5rem 2rem .5rem}.chapters-grid{display:flex;flex-direction:column;gap:.3rem}.chapter-card{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden;min-height:40px}.chapter-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s ease}.chapter-card:hover{background:#fff;border-color:#667eea;transform:translate(6px);box-shadow:0 3px 12px #00000014}.chapter-card:hover:before{transform:scaleY(1)}.chapter-number{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.65rem;flex-shrink:0;box-shadow:0 2px 6px #667eea4d}.chapter-num{line-height:1}.chapter-info{flex:1;min-width:0;text-align:left;display:flex;align-items:center;height:100%}.chapter-title{margin:0;font-size:.8rem!important;font-weight:400;color:#2c3e50;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:left;align-self:center}.chapter-meta,.chapter-status,.status-icon{display:none!important}.chapter-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f1f3f4;transition:all .3s ease}.read-icon{font-size:.7rem;color:#667eea;transition:all .3s ease}.chapter-card:hover .chapter-action{background:#667eea;transform:scale(1.1)}.chapter-card:hover .read-icon{color:#fff;transform:translate(2px)}.empty-chapters{text-align:center;padding:3rem 2rem;color:#6c757d}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.empty-chapters h3{color:#2c3e50;margin-bottom:.5rem}.empty-chapters p{margin:0}.chapters-pagination{padding:2rem;border-top:1px solid #f1f3f4;background:linear-gradient(135deg,#fafbfc,#f8f9fa)}.pagination-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.pagination-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid #e9ecef;border-radius:25px;background:#fff;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.pagination-nav-btn:not(.disabled):hover{border-color:#667eea;background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.pagination-nav-btn.disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.nav-icon{font-size:1rem;transition:transform .3s ease}.prev-btn:hover .nav-icon{transform:translate(-2px)}.next-btn:hover .nav-icon{transform:translate(2px)}.nav-text{font-size:.9rem}.pagination-pages{display:flex;align-items:center;gap:.3rem}.page-btn{width:40px;height:40px;border:2px solid #e9ecef;border-radius:50%;background:#fff;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.page-btn:hover{border-color:#667eea;background:#667eea;color:#fff;transform:scale(1.1)}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 3px 10px #667eea66;transform:scale(1.05)}.pagination-ellipsis{padding:0 .5rem;color:#6c757d;font-weight:600;font-size:1.2rem}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6c757d;font-size:.85rem}.pagination-stats{display:flex;align-items:center;gap:.5rem;font-weight:500}.current-range{color:#495057;font-weight:600}.total-chapters{opacity:.8}.pagination-page-info{font-size:.8rem;opacity:.7}.comments-container{padding:0}@media (max-width: 768px){.header-main{grid-template-columns:150px 1fr;gap:1.5rem}.project-title{font-size:2rem}.project-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.action-buttons{flex-direction:column;align-items:stretch}.reaction-buttons{margin-left:0;justify-content:center}.chapter-title{font-size:.6rem!important;font-weight:400!important}.chapter-number{width:26px;height:26px;font-size:.6rem}.chapter-action{width:22px;height:22px}.read-icon{font-size:.65rem}.chapter-card{padding:.4rem .8rem}.chapter-card:before{display:none!important}.pagination-wrapper{flex-wrap:wrap;gap:.5rem}.pagination-nav-btn{padding:.6rem 1rem;font-size:.85rem}.page-btn{width:36px;height:36px;font-size:.85rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-stats{width:100%;justify-content:space-between}}@media (max-width: 480px){.header-main{grid-template-columns:120px 1fr;gap:1rem}.project-title{font-size:1.8rem}.chapters-container{padding:1rem}.chapter-card{padding:.3rem .6rem!important;gap:.5rem}.chapter-title{font-size:.55rem!important;font-weight:400!important}.chapter-number{width:22px!important;height:22px!important;font-size:.5rem!important}.chapter-action{width:18px!important;height:18px!important}.read-icon{font-size:.55rem!important}.chapter-card:before{display:none!important}.pagination-wrapper{justify-content:space-between}.pagination-pages{gap:.2rem}.page-btn{width:32px;height:32px;font-size:.8rem}.pagination-nav-btn .nav-text{display:none}}@media (prefers-color-scheme: dark){.page-container{background:#1a1a1a;color:#e8e6e3}.content-section{background:#2d2d2d;border-color:#404040}.section-header{background:linear-gradient(135deg,#404040,#555)}.section-title{color:#e8e6e3}.total-chapters-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.chapter-card{background:#404040;border-color:#555;color:#e8e6e3}.chapter-card:hover{background:#555;border-color:#667eea}.chapter-title{color:#e8e6e3}.chapter-meta{color:#adb5bd}.chapter-action{background:#555}.pagination-nav-btn,.page-btn{background:#404040;border-color:#555;color:#e8e6e3}.pagination-nav-btn:not(.disabled):hover,.page-btn:hover{background:#667eea;border-color:#667eea}.chapters-pagination{background:linear-gradient(135deg,#333,#404040);border-color:#555}.empty-chapters{color:#adb5bd}.empty-chapters h3{color:#e8e6e3}}@media print{.action-buttons,.reaction-buttons,.comments-container,.chapters-pagination{display:none}.project-header{background:#fff;color:#000}.project-title{color:#000;text-shadow:none}.chapter-card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ddd}.chapter-number{background:#f8f9fa;color:#495057}}*{box-sizing:border-box}.page-container{min-height:100vh;padding:0;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;position:relative;touch-action:pan-y}@media (max-width: 768px){.page-container{padding:0;margin:0}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem}.loading-spinner,.error-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-state h3{margin:.5rem 0;font-size:1.5rem}.error-state p{color:#666;margin-bottom:1.5rem}.reading-controls-toggle{position:fixed;top:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #00000026;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.reading-controls-toggle:hover{transform:scale(1.1);box-shadow:0 6px 25px #0003}.reading-controls-toggle.active{background:linear-gradient(135deg,#ff6b6b,#ee5a24);transform:rotate(180deg)}.reading-controls{position:fixed;top:100px;right:20px;width:320px;max-height:80vh;background:#fff;border-radius:15px;box-shadow:0 10px 40px #00000026;z-index:999;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e9ecef}.reading-controls.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.reading-controls.hidden{opacity:0;transform:translateY(-20px) scale(.95);visibility:hidden}.reading-controls-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px 15px 0 0}.reading-controls-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#2c3e50}.close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#f1f3f4;color:#333}.control-section{padding:1.5rem;border-bottom:1px solid #f1f3f4}.control-section:last-child{border-bottom:none}.control-section h4{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#2c3e50}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.theme-btn{padding:.75rem;border:2px solid;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;text-align:center}.theme-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.theme-btn.active{transform:scale(1.05);box-shadow:0 4px 15px #007bff4d}.size-grid,.line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.size-btn,.line-btn{padding:.6rem .4rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;font-size:.8rem;font-weight:500;color:#495057;transition:all .2s ease;text-align:center}.size-btn:hover,.line-btn:hover{border-color:#007bff;color:#007bff;transform:translateY(-1px)}.size-btn.active,.line-btn.active{background:#007bff;color:#fff;border-color:#007bff;transform:scale(1.05)}.preview-text{background:#f8f9fa;padding:1rem;border-radius:8px;border:1px solid #e9ecef}.preview-text p{margin:.5rem 0 0;transition:all .3s ease}.swipe-hint{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);padding:1rem;border-radius:8px;border:1px solid #e1bee7}.swipe-hint p{margin:.5rem 0 0;line-height:1.6}.content-header{margin-bottom:2rem;padding-bottom:1rem}.content-header .back-link{color:#007bff;text-decoration:none;font-weight:500;padding:.5rem 0;border-radius:4px;transition:all .2s ease;display:inline-block;font-size:.9rem;opacity:.8}.content-header .back-link:hover{opacity:1;transform:translate(-3px)}@media (max-width: 768px){.content-header{margin-bottom:1.5rem;padding-bottom:.8rem}.content-header .back-link{font-size:.85rem;padding:.3rem 0}}@media (max-width: 480px){.content-header{margin-bottom:1rem;padding-bottom:.6rem}}.header-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.back-link{color:#007bff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:25px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.back-link:hover{background:#007bff1a;transform:translate(-5px)}.header-actions{display:flex;gap:.5rem}.bookmark-btn,.share-btn{width:40px;height:40px;border:none;border-radius:50%;background:#f8f9fa;cursor:pointer;font-size:1.1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bookmark-btn:hover,.share-btn:hover{background:#e9ecef;transform:scale(1.1)}.chapter-info{text-align:center}.chapter-title{margin:0 0 1rem;font-size:2rem;font-weight:700;line-height:1.3;color:#2c3e50}.chapter-meta{display:flex;justify-content:center;gap:1.5rem;font-size:.9rem;color:#666;flex-wrap:wrap}.chapter-info,.reading-time{display:flex;align-items:center;gap:.5rem}.chapter-content{background:#fff;border:1px solid #e9ecef;border-radius:15px;padding:3rem;margin:0 auto 2rem;max-width:800px;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}@media (max-width: 768px){.chapter-content{padding:2rem 1.5rem;margin:0 0 1rem;border:none;border-radius:0;box-shadow:none;max-width:100%}}.content-text{margin-bottom:3rem;transition:all .3s ease}.content-paragraph{margin-bottom:1.5rem;text-align:justify;text-justify:inter-word;transition:all .3s ease}.content-paragraph:last-child{margin-bottom:0}.chapter-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;border-top:1px solid #e9ecef;position:relative}.nav-btn{flex:1;max-width:200px;padding:1rem 1.5rem;border:2px solid #007bff;border-radius:12px;background:#fff;color:#007bff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.nav-btn:hover:not(.disabled){background:#007bff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #007bff4d}.nav-btn.disabled{opacity:.4;cursor:not-allowed;border-color:#dee2e6;color:#6c757d}.nav-btn.disabled:hover{transform:none;background:#fff;color:#6c757d;box-shadow:none}.nav-loading{animation:spin 1s linear infinite}.nav-info{display:flex;flex-direction:column;align-items:center;min-width:200px;text-align:center}.nav-hint{font-size:.8rem;color:#6c757d;background:#007bff1a;padding:.5rem 1rem;border-radius:20px;margin:.5rem 0;display:inline-block}.navigation-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navigation-indicator{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 10px 40px #0003;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.navigation-indicator .loading-spinner{font-size:3rem;margin-bottom:1rem;animation:bookFlip 1s ease-in-out infinite}.navigation-indicator p{margin:0;font-weight:600;color:#2c3e50}.comments-section{border:1px solid #e9ecef;border-radius:15px;padding:0;margin:0 auto;max-width:800px;transition:all .3s ease;background:transparent}@media (max-width: 768px){.comments-section{margin:0;border:none;border-radius:0;max-width:100%}}.comments-section .comment-section{background:transparent;box-shadow:none;border:none;border-radius:0;margin-top:0}.page-container[data-theme=dark] .comments-section .comment-section,.page-container[data-theme=sepia] .comments-section .comment-section,.page-container[data-theme=green] .comments-section .comment-section,.page-container[data-theme=blue] .comments-section .comment-section{background:transparent}.comments-section .comment-bubble{background:var(--comment-bubble-bg, #f8f9fa)!important;border-color:var(--comment-border, #e9ecef)!important}.comments-section .main-comment-form{background:var(--comment-form-bg, #f8f9fa)!important;border-color:var(--comment-border, #e9ecef)!important}.comments-section .form-input-wrapper,.comments-section .reply-input-wrapper{background:var(--comment-input-bg, white)!important;border-color:var(--comment-border, #e9ecef)!important}.comments-section .main-textarea,.comments-section .reply-textarea{background:var(--comment-input-bg, white)!important;color:var(--text-color, #2c3e50)!important}.comments-section .comment-text,.comments-section .comment-author,.comments-section .section-title{color:var(--text-color, #2c3e50)!important}.page-container{--comment-bubble-bg: #f8f9fa;--comment-form-bg: #f8f9fa;--comment-input-bg: white;--comment-border: #e9ecef;--text-color: #2c3e50}.page-container[style*="background-color: #1a1a1a"]{--comment-bubble-bg: #404040;--comment-form-bg: #404040;--comment-input-bg: #2d2d2d;--comment-border: #555;--text-color: #e8e6e3}.page-container[style*="background-color: #f4f3e8"]{--comment-bubble-bg: #ebe9dc;--comment-form-bg: #ebe9dc;--comment-input-bg: #f4f3e8;--comment-border: #d4d0c0;--text-color: #5c4b37}.page-container[style*="background-color: #e8f5e8"]{--comment-bubble-bg: #f0f8f0;--comment-form-bg: #f0f8f0;--comment-input-bg: #e8f5e8;--comment-border: #c8e6c8;--text-color: #2d5a2d}.page-container[style*="background-color: #e6f3ff"]{--comment-bubble-bg: #f0f8ff;--comment-form-bg: #f0f8ff;--comment-input-bg: #e6f3ff;--comment-border: #b3d9ff;--text-color: #1e3a5f}.page-container.swiping-left{transform:translate(-10px);transition:transform .1s ease}.page-container.swiping-right{transform:translate(10px);transition:transform .1s ease}@media (max-width: 768px){.page-container{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0!important;margin:0!important;width:100vw;max-width:100vw}body{padding:0!important;margin:0!important;overflow-x:hidden}.content-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.chapter-content{padding:1rem!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;max-width:100vw!important;width:100vw!important}.content-header{margin:0 0 1.5rem!important;padding:0 0 .8rem!important}.chapter-navigation{flex-direction:column;gap:1rem;padding-top:1.5rem;margin:0!important}.nav-btn{max-width:none;padding:1rem;border-radius:8px}.nav-info{order:-1;min-width:auto;margin-bottom:1rem}.nav-hint{font-size:.75rem;padding:.4rem .8rem}.comments-section{margin:0!important;border:none!important;border-radius:0!important;max-width:100vw!important;width:100vw!important;padding:1rem!important}.reading-controls{width:calc(100vw - 40px);right:20px;left:20px}.reading-controls-toggle{top:15px;right:15px;width:50px;height:50px;font-size:1.3rem;z-index:1001}.theme-grid{grid-template-columns:1fr}.size-grid,.line-grid{grid-template-columns:repeat(2,1fr)}.content-paragraph{margin-bottom:1.2rem;line-height:1.6;text-align:left}}@media (max-width: 480px){.page-container{padding:0!important;margin:0!important}.reading-controls{top:10px;width:calc(100vw - 20px);right:10px;left:10px}.reading-controls-toggle{top:10px;right:10px;width:45px;height:45px;font-size:1.2rem}.chapter-content{padding:.8rem!important;margin:0!important;width:100vw!important}.content-text{margin-bottom:1.5rem}.content-paragraph{margin-bottom:1rem;line-height:1.5}.nav-btn{padding:.875rem;font-size:.9rem}.nav-hint{font-size:.7rem;padding:.3rem .6rem}.comments-section{padding:.8rem!important;width:100vw!important}.size-grid,.line-grid{grid-template-columns:1fr}.control-section,.reading-controls-header{padding:1rem}}.mobile-swipe-hint{display:none}.page-container[data-theme=dark] .reading-controls{background:#2d2d2d;border-color:#404040;color:#e8e6e3}.page-container[data-theme=dark] .reading-controls-header{background:linear-gradient(135deg,#2d2d2d,#404040);border-color:#404040}.page-container[data-theme=dark] .reading-controls-header h3,.page-container[data-theme=dark] .control-section h4{color:#e8e6e3}.page-container[data-theme=dark] .size-btn,.page-container[data-theme=dark] .line-btn{background:#404040;border-color:#555;color:#e8e6e3}.page-container[data-theme=dark] .size-btn:hover,.page-container[data-theme=dark] .line-btn:hover{border-color:#007bff;color:#007bff}.page-container[data-theme=dark] .preview-text{background:#404040;border-color:#555}.page-container[data-theme=dark] .swipe-hint{background:linear-gradient(135deg,#2d2d2d,#404040);border-color:#555}.page-container[data-theme=dark] .navigation-indicator{background:#2d2d2d;color:#e8e6e3}.page-container[data-theme=dark] .navigation-indicator p{color:#e8e6e3}.page-container[data-theme=dark] .back-to-top-btn{background:#2d2d2d;border-color:#404040;color:#e8e6e3}.page-container[data-theme=sepia] .back-to-top-btn{background:#ebe9dc;border-color:#d4d0c0;color:#5c4b37}.page-container[data-theme=green] .back-to-top-btn{background:#f0f8f0;border-color:#c8e6c8;color:#2d5a2d}.page-container[data-theme=blue] .back-to-top-btn{background:#f0f8ff;border-color:#b3d9ff;color:#1e3a5f}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chapter-header{animation:fadeInUp .6s ease-out}.chapter-content{animation:fadeInUp .6s ease-out .1s both}.comments-section{animation:fadeInUp .6s ease-out .2s both}.reading-controls.visible{animation:slideInFromRight .4s ease-out}.reading-controls-toggle:focus,.theme-btn:focus,.size-btn:focus,.line-btn:focus,.nav-btn:focus,.back-to-top-btn:focus{outline:2px solid #007bff;outline-offset:2px}::-moz-selection{background:#007bff33;color:inherit}::selection{background:#007bff33;color:inherit}.reading-controls::-webkit-scrollbar{width:6px}.reading-controls::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.reading-controls::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.reading-controls::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media print{.reading-controls,.reading-controls-toggle,.chapter-navigation,.comments-section,.navigation-overlay{display:none!important}.chapter-content{box-shadow:none;border:none;margin:0;padding:1rem}.chapter-header{border-bottom:1px solid #000;margin-bottom:1rem}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.chapter-content:hover{box-shadow:0 4px 20px #00000014}.nav-btn:active:not(.disabled){transform:scale(.95)}.content-text{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}@media (prefers-contrast: high){.theme-btn,.size-btn,.line-btn,.nav-btn{border-width:3px}.reading-controls{border-width:2px}}@media (prefers-reduced-motion: reduce){.loading-spinner,.nav-loading,.chapter-header,.chapter-content,.comments-section{animation:none}*{transition:none!important}}.back-to-top-btn{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:50px;height:50px;border-radius:50%;border-width:2px;border-style:solid;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #0003;transition:opacity .3s ease,transform .3s ease;display:none}.back-to-top-btn:hover{transform:scale(1.1)}@media (max-width: 768px){.back-to-top-btn{display:flex}}.page-header{text-align:center;margin-bottom:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.header-content{max-width:600px;margin:0 auto}.page-title{margin:0 0 1rem;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:.75rem}.title-icon{font-size:2.5rem;animation:bookFloat 3s ease-in-out infinite}@keyframes bookFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-subtitle{margin:0;color:#ffffffe6;font-size:1.1rem;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-container{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.upload-form{display:flex;flex-direction:column}.form-section{padding:2rem;border-bottom:1px solid #f1f3f4}.form-section:last-child{border-bottom:none}.section-title{margin:0 0 1.5rem;color:#2c3e50;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.5rem}.current-rule{color:#007bff;font-weight:500;font-size:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column}.field-label{margin-bottom:.5rem;color:#2c3e50;font-weight:600;font-size:.95rem}.field-input,.field-select,.field-textarea{padding:.875rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;outline:none;transition:all .3s ease;font-family:inherit}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.field-textarea{resize:vertical;min-height:120px;line-height:1.5}.poster-upload-container{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:start}.poster-preview{aspect-ratio:3/4;border-radius:12px;overflow:hidden;border:2px dashed #e9ecef;transition:all .3s ease}.poster-preview:hover{border-color:#667eea;transform:scale(1.02)}.poster-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.poster-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;gap:.5rem}.placeholder-icon{font-size:2rem;opacity:.7}.placeholder-text{font-size:.9rem;font-weight:500}.poster-upload-controls{display:flex;flex-direction:column;gap:1rem}.poster-input{display:none}.poster-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;justify-content:center}.poster-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-icon,.btn-spinner{font-size:1.1rem}.btn-spinner{animation:spin 1s linear infinite}.upload-hint{color:#6c757d;font-size:.85rem;text-align:center;margin:0}.file-upload-area{border:2px dashed #e9ecef;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;background:#f8f9fa}.file-upload-area:hover{border-color:#667eea;background:#f0f8ff;transform:translateY(-2px)}.file-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;padding:1rem;transition:all .3s ease}.upload-icon{font-size:3rem;color:#667eea}.upload-text{font-size:1.1rem;font-weight:600;color:#2c3e50}.upload-instructions{margin-top:1.5rem;text-align:left;background:#e3f2fd;padding:1rem;border-radius:12px;border-left:4px solid #2196f3}.upload-instructions p{margin:0 0 .5rem;color:#1565c0;font-weight:600}.upload-instructions ul{margin:0;padding-left:1.5rem;color:#1976d2}.upload-instructions li{margin-bottom:.25rem}.selected-files{margin-top:1.5rem;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1rem}.selected-files h4{margin:0 0 1rem;color:#2c3e50;font-size:1rem;font-weight:600}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.file-icon{font-size:1.2rem;color:#667eea}.file-size{color:#6c757d;font-size:.85rem;font-weight:500}.regex-controls{display:flex;flex-direction:column;gap:1rem}.regex-input-group{display:flex;gap:.75rem;align-items:stretch}.regex-input{flex:1;padding:.875rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;outline:none;transition:all .3s ease;font-family:Consolas,Monaco,monospace}.regex-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.analyze-btn,.manage-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.95rem}.analyze-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #17a2b84d}.analyze-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.manage-btn{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff}.manage-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6f42c14d}.rule-description{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#e8f4fd;border-radius:12px;color:#0c5460;font-style:italic;border-left:4px solid #17a2b8}.rule-icon{font-size:1.1rem}.analysis-section{border-radius:16px;padding:1.5rem;border:2px solid;margin-top:1rem}.analysis-section.success{background:#e8f5e9;border-color:#4caf50}.analysis-section.error{background:#ffebee;border-color:#f44336}.analysis-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.analysis-icon{font-size:1.5rem}.analysis-title{margin:0;font-size:1.1rem;font-weight:700}.analysis-summary{margin:0 0 1rem;font-size:1rem}.error-text{color:#d32f2f}.chapters-preview{background:#fff;border-radius:12px;padding:1rem;border:1px solid rgba(0,0,0,.1)}.preview-title{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#2c3e50}.chapters-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chapter-preview-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.chapter-number{color:#667eea;font-weight:700;font-size:.9rem;min-width:30px}.chapter-title{color:#2c3e50;font-weight:500;line-height:1.4;word-break:break-word}.submit-section{padding:2rem;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.submit-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 3rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #28a74566}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;animation:pulse 1.5s infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.modal-header h3{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:700}.modal-close-btn{width:32px;height:32px;border-radius:50%;background:none;border:1px solid #e9ecef;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s ease}.modal-close-btn:hover{background:#f8f9fa;color:#495057}.modal-content{padding:2rem;overflow-y:auto;flex:1}.rules-section{margin-bottom:2rem}.rules-section h4{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;font-weight:600}.rules-list{display:flex;flex-direction:column;gap:1rem}.rule-item{border:2px solid #e9ecef;border-radius:12px;padding:1rem;transition:all .3s ease}.rule-item.active{border-color:#007bff;background:#f8f9ff}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rule-name{color:#2c3e50;font-size:.95rem}.rule-actions{display:flex;gap:.5rem}.rule-btn{padding:.375rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.rule-btn.active{background:#28a745;color:#fff}.rule-btn.select{background:#007bff;color:#fff}.rule-btn.delete{background:#dc3545;color:#fff}.rule-btn:hover{transform:translateY(-1px)}.rule-description{margin:.5rem 0;font-size:.85rem;color:#6c757d;line-height:1.4}.rule-pattern{display:block;background:#f1f3f4;padding:.5rem;border-radius:6px;font-size:.8rem;word-break:break-all;overflow:auto;margin-top:.5rem}.add-rule-section{margin-bottom:2rem}.add-rule-section h4{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;font-weight:600}.add-rule-form{display:flex;gap:.75rem}.add-rule-input{flex:1;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .3s ease}.add-rule-input:focus{border-color:#007bff}.add-rule-btn{padding:.75rem 1.5rem;background:#28a745;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-rule-btn:hover{background:#218838;transform:translateY(-1px)}.test-section{background:#fff9e6;padding:1.5rem;border-radius:12px;border:1px solid #ffd93d}.test-section h4{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;font-weight:600}.test-buttons{display:flex;gap:.75rem;margin-bottom:1rem}.test-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff}.test-btn.sample{background:#17a2b8}.test-btn.custom{background:#007bff}.test-btn:hover{transform:translateY(-1px)}.test-textarea{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:.9rem;resize:vertical;outline:none;margin-bottom:1rem}.test-textarea:focus{border-color:#007bff}.test-results{background:#f1f3f4;padding:1rem;border-radius:8px;white-space:pre-wrap;word-break:break-all;font-size:.85rem;max-height:200px;overflow-y:auto;margin:0}@media (max-width: 768px){.page-container{padding:1rem}.page-header{padding:1.5rem}.page-title{font-size:2rem;flex-direction:column;gap:.5rem}.title-icon{font-size:2rem}.form-section{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.poster-upload-container{grid-template-columns:1fr;gap:1.5rem}.poster-preview{max-width:200px;margin:0 auto}.regex-input-group{flex-direction:column;gap:1rem}.test-buttons{flex-direction:column}.rule-header{flex-direction:column;align-items:flex-start;gap:.5rem}.add-rule-form{flex-direction:column}.modal-content{padding:1rem}.modal-header{padding:1rem 1.5rem}}@media (max-width: 480px){.page-container{padding:.5rem}.page-header{padding:1rem}.page-title{font-size:1.5rem}.form-section{padding:1rem}.submit-btn{padding:.875rem 2rem;font-size:1rem}.file-item,.chapter-preview-item{flex-direction:column;align-items:flex-start;gap:.5rem}.chapter-number{min-width:auto}}.chapters-list::-webkit-scrollbar,.test-results::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:6px}.chapters-list::-webkit-scrollbar-track,.test-results::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chapters-list::-webkit-scrollbar-thumb,.test-results::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chapters-list::-webkit-scrollbar-thumb:hover,.test-results::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.field-input:focus,.field-select:focus,.field-textarea:focus,.regex-input:focus,.analyze-btn:focus,.manage-btn:focus,.submit-btn:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast: high){.form-section,.analysis-section,.modal-container,.field-input,.field-select,.field-textarea,.regex-input{border-width:3px}.submit-btn,.analyze-btn,.manage-btn{border:2px solid white}}@media (prefers-reduced-motion: reduce){.title-icon,.btn-spinner,.submit-btn:disabled{animation:none}.poster-preview:hover,.file-upload-area:hover,.submit-btn:hover:not(:disabled),.analyze-btn:hover:not(:disabled),.manage-btn:hover{transform:none}}.page-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{text-align:center;margin-bottom:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.header-title{margin:0 0 1rem;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-subtitle{margin:0 0 1.5rem;color:#ffffffe6;font-size:1.1rem;line-height:1.5}.secondary-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.form-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 20px 50px #00000026;max-width:900px;margin:0 auto;border:1px solid rgba(255,255,255,.2)}.form{display:flex;flex-direction:column;gap:2rem}.upload-section{background:#f8f9fa;border-radius:15px;padding:2rem;border:2px dashed #e9ecef;transition:all .3s ease}.upload-section:hover{border-color:#007bff;background:#f0f8ff}.form-field-label{display:block;font-size:1.1rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.file-upload-area{margin-bottom:1.5rem}.file-input{width:100%;padding:1rem;border:2px solid #007bff;border-radius:12px;background:#fff;font-size:1rem;cursor:pointer;outline:none;transition:all .3s ease}.file-input:hover{border-color:#0056b3;box-shadow:0 2px 8px #007bff33}.file-input:focus{border-color:#0056b3;box-shadow:0 0 0 3px #007bff1a}.upload-hint{background:#e3f2fd;border-radius:10px;padding:1.5rem;border-left:4px solid #2196f3;margin-top:1rem}.upload-hint p{margin:0 0 .5rem;color:#1565c0;font-weight:600}.upload-hint ul{margin:0;padding-left:1.5rem;color:#1976d2}.upload-hint li{margin-bottom:.5rem;line-height:1.5}.file-info{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef;margin-top:1rem}.file-info h4{margin:0 0 1rem;color:#2c3e50;font-weight:600}.file-list{display:flex;flex-direction:column;gap:.75rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.file-icon{font-size:1.2rem;flex-shrink:0}.file-name{flex:1;font-weight:500;color:#2c3e50;word-break:break-all}.file-size{color:#6c757d;font-size:.9rem;font-weight:500}.regex-section{background:#fff9e6;border-radius:15px;padding:2rem;border:1px solid #ffd93d}.input{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;outline:none;transition:all .3s ease;background:#fff}.input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.analyze-button,.manage-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.analyze-button{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #17a2b84d}.analyze-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.manage-button{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff}.manage-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6f42c14d}.rule-description{margin:1rem 0 0;padding:1rem;background:#e8f4fd;border-radius:8px;color:#0c5460;font-style:italic;border-left:4px solid #17a2b8}.analysis-result{background:#fff;border-radius:15px;padding:2rem;border:1px solid #e9ecef;box-shadow:0 4px 20px #00000014}.chapter-preview{background:#f8f9fa;border-radius:10px;padding:1.5rem;margin-top:1rem;max-height:300px;overflow-y:auto;border:1px solid #e9ecef}.chapter-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.chapter-item:hover{background:#f0f8ff;border-color:#007bff;transform:translate(5px)}.chapter-item:last-child{margin-bottom:0}.chapter-number{color:#007bff;font-weight:700;font-size:.9rem;flex-shrink:0;width:30px}.chapter-title{color:#2c3e50;line-height:1.4;word-break:break-word}.submit-section{text-align:center;padding-top:1rem}.submit-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #28a7454d}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #28a74566;background:linear-gradient(135deg,#218838,#1e7e34)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.9}}@media (max-width: 768px){.page-container{padding:1rem}.header{padding:1.5rem}.header-title{font-size:2rem}.form-card,.upload-section,.regex-section{padding:1.5rem}.upload-hint{padding:1rem}.file-input{padding:.875rem}.analyze-button,.manage-button{padding:.625rem 1rem;font-size:.8rem}.submit-button{padding:.875rem 2rem;font-size:1rem}.chapter-preview{max-height:250px}.file-item{flex-direction:column;align-items:flex-start;gap:.5rem}.file-name{font-size:.9rem}}@media (max-width: 480px){.header-title{font-size:1.5rem}.form-card,.upload-section,.regex-section{padding:1rem}.chapter-item{flex-direction:column;align-items:flex-start;gap:.5rem}.chapter-number{width:auto}.submit-button{padding:.75rem 1.5rem;width:100%;justify-content:center}.regex-section>div{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.input{min-width:auto!important}.analyze-button,.manage-button{width:100%;justify-content:center}}.secondary-button:focus,.analyze-button:focus,.manage-button:focus,.submit-button:focus{outline:2px solid #007bff;outline-offset:2px}.chapter-preview::-webkit-scrollbar{width:6px}.chapter-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chapter-preview::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chapter-preview::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@keyframes bookFlip{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}.loading-spinner{animation:bookFlip 1.5s ease-in-out infinite}@media (prefers-contrast: high){.upload-section,.regex-section,.analysis-result,.file-input,.input{border-width:3px}.submit-button,.analyze-button,.manage-button,.secondary-button{border:2px solid white}}@media (prefers-reduced-motion: reduce){.secondary-button:hover,.analyze-button:hover:not(:disabled),.manage-button:hover,.submit-button:hover:not(:disabled),.chapter-item:hover{transform:none}.loading-spinner{animation:none}.submit-button:disabled{animation:none}}@media print{.page-container{background:#fff;padding:1rem}.header{background:#fff;color:#000;box-shadow:none;border:1px solid #ccc}.header-title{color:#000;text-shadow:none}.secondary-button,.analyze-button,.manage-button,.submit-button{display:none}.form-card{box-shadow:none;border:1px solid #ccc}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.sepia{--tw-sepia:sepia(100%);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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--primary-color:#4f46e5;--primary-hover-color:#4338ca;--background-color:#f3f4f6;--card-background-color:#fff;--text-color:#111827;--text-secondary-color:#6b7280;--border-color:#e5e7eb}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.6}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background-color .2s ease-in-out}button:hover{background-color:var(--primary-hover-color)}nav{background-color:var(--card-background-color);border-bottom:1px solid var(--border-color);align-items:center;padding:1rem 2rem;display:flex}nav a.active{color:var(--primary-color)}main{padding:2rem}.dashboard-layout{gap:2rem;display:flex}.sidebar{flex-shrink:0;width:280px}.main-content{flex-grow:1}.card{background-color:var(--card-background-color);border-radius:.5rem;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.card h2{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;display:flex}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-color);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border-color);border-radius:.375rem;width:100%;padding:.65rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4f46e533}.project-list{padding:0;list-style:none}.project-item{border-bottom:1px solid var(--border-color);align-items:center;gap:1.5rem;padding:1rem;display:flex}.project-item:last-child{border-bottom:none}.project-item img{-o-object-fit:cover;object-fit:cover;border-radius:.375rem;flex-shrink:0;width:80px;height:120px}.project-item-info h3{margin-bottom:.25rem}.project-item-info p{color:var(--text-secondary-color);font-size:.9rem}.workspace-layout{grid-template-columns:1fr 1fr 300px;gap:1.5rem;height:calc(100vh - 100px);display:grid}.workspace-sidebar,.workspace-main,.workspace-tools{height:100%;overflow-y:auto}.workspace-main .card,.workspace-tools .card{height:100%}.chapter-list{margin:0;padding:0;list-style:none}.chapter-item a{border-radius:.375rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:background-color .2s ease-in-out;display:block}.chapter-item a:hover{background-color:var(--background-color);text-decoration:none}.chapter-item a.active{background-color:var(--primary-color);color:#fff}.input-tabs{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;display:flex}.tab-button{cursor:pointer;color:var(--text-secondary-color);background-color:#0000;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:1rem;transition:color .2s,border-color .2s}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:500}.file-drop-zone{border:2px dashed var(--border-color);text-align:center;color:var(--text-secondary-color);cursor:pointer;border-radius:.5rem;padding:2rem;transition:border-color .2s,background-color .2s}.file-drop-zone:hover{border-color:var(--primary-color);background-color:#f9fafb}.toggle-switch{cursor:pointer;color:#555;align-items:center;width:150px;font-size:.9rem;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{background-color:#ccc;border-radius:20px;width:40px;height:20px;transition:all .4s;position:absolute;top:0;left:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.toggle-switch span{white-space:nowrap;margin-left:150px}.chapter-list-v2{margin:0;padding:0;list-style:none}.chapter-item-v2{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem .5rem;transition:background-color .2s;display:flex}.chapter-item-v2:hover{background-color:#f9fafb}.chapter-item-v2.active{background-color:#eef2ff}.chapter-title{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;margin-right:1rem;overflow:hidden}.chapter-actions{align-items:center;gap:.75rem;display:flex}.chapter-actions button,.chapter-actions a{cursor:pointer;color:var(--text-secondary-color);background:0 0;border:none;padding:0;font-size:.1rem;transition:color .2s}.chapter-actions button:hover,.chapter-actions a:hover{color:var(--primary-color)}.chapter-actions a.disabled{color:#ccc;pointer-events:none}.app-layout{display:flex}.main-content-area{flex-grow:1;height:100vh;overflow-y:auto}.poster-placeholder{color:#9ca3af;background-color:#e5e7eb;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:120px;font-size:2rem;font-weight:700;display:flex}.playlist-container{flex-wrap:wrap;gap:2rem;display:flex}.audio-player-wrapper{flex-grow:1;min-width:300px}.playlist-list{border:1px solid var(--border-color);border-radius:.5rem;width:100%;max-width:400px;max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.playlist-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:1rem;transition:background-color .2s}.playlist-item:last-child{border-bottom:none}.playlist-item:hover{background-color:#f9fafb}.playlist-item.active{background-color:var(--primary-color);color:#fff;font-weight:700}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}