.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:16px;color:#fff;cursor:pointer;transition:all .2s ease-in-out;min-height:120px;width:100%;text-align:center}.menu-button:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.menu-button:focus{outline:none;box-shadow:0 0 0 3px #ffffff80}.menu-button:active:not(:disabled){transform:translateY(0)}.menu-button--disabled{opacity:.5;cursor:not-allowed}.menu-button__icon{font-size:2rem;line-height:1;pointer-events:none}.menu-button__icon svg{pointer-events:none}.menu-button__label{font-size:.875rem;font-weight:500;text-transform:none;letter-spacing:.02em;pointer-events:none}@media(max-width:600px){.menu-button{padding:1rem .75rem;min-height:100px;gap:.5rem}.menu-button__icon{font-size:1.75rem}.menu-button__label{font-size:.75rem}}.language-selector{position:relative}.language-selector__trigger{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease-in-out;font-size:.875rem}.language-selector__trigger:hover{background:#fff3;border-color:#fff6}.language-selector__trigger:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.language-selector__flag{font-size:1.125rem;line-height:1}.language-selector__code{font-weight:500;text-transform:uppercase}.language-selector__dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;padding:.5rem 0;background:#1e3a5ff2;border:1px solid rgba(255,255,255,.2);border-radius:8px;list-style:none;min-width:150px;box-shadow:0 4px 12px #0000004d;z-index:1100}.language-selector__dropdown li{margin:0;padding:0}.language-selector__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;background:transparent;border:none;color:#fff;cursor:pointer;font-size:.875rem;text-align:left;transition:background .15s ease-in-out}.language-selector__option:hover{background:#ffffff1a}.language-selector__option--selected{background:#ffffff26}.language-selector__label{flex:1}@media(max-width:480px){.language-selector__code{display:none}.language-selector__trigger{padding:.5rem}}.hamburger-menu{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.hamburger-menu:hover{background:#fff3;border-color:#fff6}.hamburger-menu:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.hamburger-menu__bar{display:block;width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease-in-out}.hamburger-menu--open .hamburger-menu__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-menu--open .hamburger-menu__bar:nth-child(2){opacity:0}.hamburger-menu--open .hamburger-menu__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.hamburger-menu{display:flex}}@media(max-width:480px){.hamburger-menu{width:36px;height:36px}.hamburger-menu__bar{width:18px}}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}.info-modal-content{background:linear-gradient(180deg,#1e3a5f,#2d5a87,#1e3a5f);border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column;position:relative;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.2)}.info-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid rgba(255,255,255,.3);background-color:#ffffff1a;border-radius:50%;font-size:24px;line-height:1;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.info-modal-close:hover{background-color:#fff3;color:#fff}.info-modal-close:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.info-modal-content h1{margin:0;padding:24px 50px 16px 24px;font-size:1.5rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.info-modal-error-title{color:#fca5a5!important}.info-modal-body{padding:24px;overflow-y:auto;flex:1;line-height:1.6;color:#ffffffe6}.info-modal-body h1,.info-modal-body h2,.info-modal-body h3{margin-top:1.5em;margin-bottom:.5em;color:#fff}.info-modal-body h1:first-child,.info-modal-body h2:first-child,.info-modal-body h3:first-child{margin-top:0}.info-modal-body p{margin-bottom:1em}.info-modal-body ul,.info-modal-body ol{margin-bottom:1em;padding-left:1.5em}.info-modal-body li{margin-bottom:.5em}.info-modal-body a{color:gold;text-decoration:underline}.info-modal-body a:hover{color:#ffdf4d}.info-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#fffc}.info-modal-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:gold;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.info-modal-overlay{padding:10px}.info-modal-content{max-height:90vh;border-radius:8px}.info-modal-content h1{font-size:1.25rem;padding:20px 45px 14px 20px}.info-modal-body{padding:20px}.info-modal-close{width:32px;height:32px;font-size:20px;top:10px;right:10px}}@media(max-width:480px){.info-modal-overlay{padding:0}.info-modal-content{max-height:100vh;height:100vh;border-radius:0}}.olopolis-footer{background-color:#0000001a;padding:16px 24px;text-align:center;margin-top:auto}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-bottom:8px}.footer-link{background:none;border:none;color:inherit;font-size:.875rem;padding:4px 8px;cursor:pointer;text-decoration:underline;opacity:.8;transition:opacity .2s ease}.footer-link:hover{opacity:1}.footer-link:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}.footer-separator{color:inherit;opacity:.4;font-size:.75rem;margin:0 2px}.footer-copyright{font-size:.75rem;opacity:.6;margin:0}@media(max-width:768px){.olopolis-footer{padding:12px 16px}.footer-links{gap:2px}.footer-link{font-size:.8rem;padding:4px 6px}.footer-separator,.footer-copyright{font-size:.7rem}}@media(max-width:480px){.footer-links{flex-direction:column;gap:4px}.footer-separator{display:none}.footer-link{padding:6px 10px}}.olopolis-footer{background-color:#0003;color:#fff}.footer-link{color:#ffffffe6}.footer-link:hover{color:gold;opacity:1}.footer-separator{color:#fff6}.footer-copyright{color:#fff9}.rating-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:ratingFadeIn .2s ease-out}@keyframes ratingFadeIn{0%{opacity:0}to{opacity:1}}.rating-modal{background:linear-gradient(180deg,#1e3a5f,#2d5a87,#1e3a5f);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:ratingSlideUp .3s ease-out;box-shadow:0 8px 32px #0000004d}@keyframes ratingSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rating-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;font-size:1.5rem;color:#ffffffb3;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.rating-modal-close:hover:not(:disabled){background-color:#fff3;color:#fff}.rating-modal-close:disabled{opacity:.5;cursor:not-allowed}.rating-modal-header{text-align:center;margin-bottom:1.25rem;padding-right:2rem}.rating-modal-title{font-size:1.35rem;font-weight:600;color:#fff;margin:0 0 .5rem}.rating-modal-username{font-size:1rem;color:gold;margin:0;font-weight:500}.rating-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#ffffffb3;gap:1rem}.rating-modal-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:gold;border-radius:50%;animation:ratingModalSpin 1s linear infinite}@keyframes ratingModalSpin{to{transform:rotate(360deg)}}.rating-modal-info{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:.875rem 1rem;margin-bottom:1.25rem}.rating-modal-info p{margin:0;font-size:.85rem;color:#ffffffd9;line-height:1.5}.rating-modal-existing{background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:6px;padding:.5rem .875rem;margin-bottom:1.25rem;text-align:center;font-size:.85rem;color:#10b981}.rating-modal-categories{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.25rem}.rating-slider-item{background:#ffffff14;border-radius:10px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.rating-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rating-slider-label{display:flex;align-items:center}.rating-slider-label-text{font-size:.95rem;font-weight:500;color:#fff}.rating-slider-description{font-size:.8rem;color:#fff9;margin:0 0 .75rem;line-height:1.4}.rating-slider-value{background:gold;color:#1e3a5f;font-weight:600;font-size:.85rem;padding:.2rem .6rem;border-radius:4px;min-width:1.75rem;text-align:center}.rating-slider-input{width:100%;height:8px;border-radius:4px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-bottom:.25rem}.rating-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:gold;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s,box-shadow .15s;border:2px solid white}.rating-slider-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #ffd70080}.rating-slider-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:gold;cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0000004d}.rating-slider-input:disabled{opacity:.6;cursor:not-allowed}.rating-slider-input:disabled::-webkit-slider-thumb{cursor:not-allowed}.rating-slider-scale{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80}.rating-slider-binary{border:1px solid rgba(255,215,0,.3)}.rating-slider-binary-value{font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:4px}.rating-slider-binary-value.yes{background-color:#10b98133;color:#10b981}.rating-slider-binary-value.no{background-color:#ef444433;color:#ef4444}.rating-toggle-container{display:flex;align-items:center;cursor:pointer;margin-top:.5rem}.rating-toggle-input{position:absolute;opacity:0;width:0;height:0}.rating-toggle-track{position:relative;width:52px;height:28px;background-color:#ef444466;border-radius:14px;transition:background-color .25s}.rating-toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background-color:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 2px 4px #0003}.rating-toggle-input:checked+.rating-toggle-track{background-color:#10b981}.rating-toggle-input:checked+.rating-toggle-track .rating-toggle-thumb{transform:translate(24px)}.rating-toggle-input:focus+.rating-toggle-track{outline:2px solid #FFD700;outline-offset:2px}.rating-toggle-input:disabled+.rating-toggle-track{opacity:.5;cursor:not-allowed}.rating-modal-message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;margin-bottom:1rem}.rating-modal-success{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4)}.rating-modal-error{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.rating-modal-buttons{display:flex;gap:1rem;margin-top:.5rem}.rating-modal-btn{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s,transform .1s,background-color .2s;border:none}.rating-modal-btn:disabled{opacity:.6;cursor:not-allowed}.rating-modal-btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.rating-modal-btn-cancel:hover:not(:disabled){background:#fff3}.rating-modal-btn-save{background:gold;color:#1e3a5f}.rating-modal-btn-save:hover:not(:disabled){background:#ffdb1a;transform:translateY(-1px)}.rating-modal-btn-save:active:not(:disabled){transform:translateY(0)}@media(prefers-color-scheme:dark){.rating-modal{background:linear-gradient(180deg,#1e3a5f,#2d5a87,#1e3a5f)}}@media(max-width:500px){.rating-modal{padding:1.25rem;max-height:85vh}.rating-modal-title{font-size:1.2rem}.rating-slider-item{padding:.875rem}.rating-slider-label-text{font-size:.9rem}.rating-slider-description{font-size:.75rem}.rating-modal-buttons{flex-direction:column}.rating-modal-btn{width:100%}}.subscription-status{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.subscription-level{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.level-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:1rem;text-transform:uppercase}.level-badge--free{background:#9ca3af4d;color:#d1d5db}.level-badge--gold{background:linear-gradient(135deg,gold,orange);color:#1e3a5f}.level-badge--platinum{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#1e3a5f}.level-badge--corporate{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge--active{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.status-badge--canceling{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.status-badge--expired{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.status-badge--free{background:#9ca3af33;color:#d1d5db;border:1px solid rgba(156,163,175,.3)}.subscription-price{font-size:1.5rem;font-weight:700;color:gold}.subscription-details{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-label{color:#fff9;font-size:.9rem}.detail-value{color:#fff;font-weight:500}.detail-value--warning{color:#fcd34d}.free-tier-message{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:8px}.free-tier-message p{color:#ffffffb3;margin:0}.cancellation-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;margin-top:1rem}.notice-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f59e0b4d;color:#fcd34d;border-radius:50%;font-weight:700;flex-shrink:0}.cancellation-notice p{color:#fcd34d;margin:0;font-size:.9rem;line-height:1.5}.subscription-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-action{flex:1;min-width:140px;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.btn-action--cancel{background:transparent;border:2px solid rgba(239,68,68,.5);color:#fca5a5}.btn-action--cancel:hover{background:#ef44441a;border-color:#ef4444cc}.btn-action--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-action--secondary:hover{background:#fff3}.btn-action--primary{background:linear-gradient(135deg,gold,orange);color:#1e3a5f}.btn-action--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffd7004d}@media(max-width:600px){.subscription-header{flex-direction:column;gap:1rem}.subscription-price{font-size:1.25rem}.btn-action{min-width:100%}}.invoice-list{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.invoice-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.invoice-list-header h2{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.btn-refresh{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#fff3}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.invoice-loading{text-align:center;padding:2rem;color:#fff9}.invoice-empty{text-align:center;padding:3rem;background:#ffffff0d;border-radius:8px}.invoice-empty p{color:#ffffff80;margin:0}.invoice-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.invoice-table{width:100%;border-collapse:collapse;min-width:500px}.invoice-table th,.invoice-table td{padding:.875rem 1rem;text-align:left}.invoice-table th{color:#fff9;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.invoice-table td{color:#fff;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.invoice-table tr:last-child td{border-bottom:none}.invoice-table tr:hover td{background:#ffffff05}.invoice-description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-amount{font-weight:600;font-family:Roboto Mono,monospace}.invoice-status{display:inline-block;padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.invoice-status--paid{background:#10b98133;color:#6ee7b7}.invoice-status--open{background:#f59e0b33;color:#fcd34d}.invoice-status--void,.invoice-status--default{background:#9ca3af33;color:#9ca3af}.btn-download{display:inline-flex;align-items:center;gap:.375rem;color:gold;text-decoration:none;font-size:.85rem;font-weight:500;padding:.375rem .75rem;border-radius:4px;transition:all .2s}.btn-download:hover{background:#ffd7001a}.btn-download svg{flex-shrink:0}.no-pdf{color:#ffffff4d}@media(max-width:768px){.invoice-list-header{flex-direction:column;gap:1rem;align-items:flex-start}.btn-refresh{width:100%;justify-content:center}.invoice-table th,.invoice-table td{padding:.75rem .5rem;font-size:.8rem}.invoice-description{max-width:120px}}.cancellation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cancellation-modal{background:linear-gradient(180deg,#1e3a5f,#2d5a87);border-radius:16px;padding:2rem;max-width:480px;width:100%;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cancellation-modal-icon{margin-bottom:1rem}.warning-icon{color:#fcd34d;filter:drop-shadow(0 2px 8px rgba(252,211,77,.3))}.cancellation-modal h2{color:#fff;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.cancellation-modal-content{text-align:left;margin-bottom:1.5rem}.cancel-message{color:#fffc;margin:0 0 1.5rem;line-height:1.6;text-align:center}.cancel-details{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.detail-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.detail-item .detail-label{color:#fff9;font-size:.9rem}.detail-item .detail-value{color:#fff;font-weight:500}.detail-item .level-badge{background:linear-gradient(135deg,gold,orange);color:#1e3a5f;padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.85rem}.cancel-consequences{margin:0;padding:0;list-style:none}.cancel-consequences li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#ffffffb3;font-size:.9rem;line-height:1.5}.cancel-consequences li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:#fcd34d;border-radius:50%}.cancel-consequences li:last-child{margin-bottom:0}.cancellation-modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel-action{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:none}.btn-cancel-action:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-action--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-cancel-action--secondary:hover:not(:disabled){background:#fff3}.btn-cancel-action--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-cancel-action--danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media(max-width:480px){.cancellation-modal{padding:1.5rem}.cancellation-modal h2{font-size:1.25rem}.cancellation-modal-actions{flex-direction:column-reverse}.btn-cancel-action{width:100%}}.report-fake-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:reportFakeFadeIn .2s ease-out}@keyframes reportFakeFadeIn{0%{opacity:0}to{opacity:1}}.report-fake-modal{background:linear-gradient(180deg,#1e3a5f,#2d5a87,#1e3a5f);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:reportFakeSlideUp .3s ease-out;box-shadow:0 8px 32px #0006}@keyframes reportFakeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-fake-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;font-size:1.5rem;color:#ffffffb3;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.report-fake-modal-close:hover:not(:disabled){background-color:#fff3;color:#fff}.report-fake-modal-close:disabled{opacity:.5;cursor:not-allowed}.report-fake-modal-header{text-align:center;margin-bottom:1.25rem;padding-right:2rem}.report-fake-modal-title{font-size:1.35rem;font-weight:600;color:#ef4444;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.report-fake-modal-title-icon{font-size:1.5rem}.report-fake-modal-username{font-size:1rem;color:gold;margin:0;font-weight:500}.report-fake-warning{background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:8px;padding:1rem;margin-bottom:1.25rem}.report-fake-warning-title{font-weight:600;color:#ef4444;margin:0 0 .75rem;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.report-fake-warning-list{list-style:none;padding:0;margin:0}.report-fake-warning-list li{color:#ffffffe6;font-size:.875rem;padding:.375rem 0 .375rem 1.5rem;position:relative;line-height:1.4}.report-fake-warning-list li:before{content:"•";color:#ef4444;font-weight:700;position:absolute;left:.5rem}.report-fake-reason{margin-bottom:1.25rem}.report-fake-reason-label{display:block;font-size:.9rem;color:#ffffffd9;margin-bottom:.5rem}.report-fake-reason-hint{font-size:.8rem;color:#ffffff80;font-weight:400}.report-fake-reason-input{width:100%;padding:.75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;resize:vertical;min-height:80px;font-family:inherit}.report-fake-reason-input::placeholder{color:#fff6}.report-fake-reason-input:focus{outline:none;border-color:#ffd70080;background:#ffffff1a}.report-fake-reason-input:disabled{opacity:.6;cursor:not-allowed}.report-fake-confirm{margin-bottom:1.25rem}.report-fake-confirm-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;color:#ffffffe6;line-height:1.4}.report-fake-confirm-label:has(input:disabled){cursor:not-allowed;opacity:.6}.report-fake-confirm-checkbox{width:20px;height:20px;min-width:20px;accent-color:#ef4444;cursor:pointer;margin-top:.1rem}.report-fake-confirm-checkbox:disabled{cursor:not-allowed}.report-fake-confirm-text{color:#ef4444;font-weight:500}.report-fake-message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;margin-bottom:1rem}.report-fake-success{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4)}.report-fake-error{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.report-fake-buttons{display:flex;gap:1rem;margin-top:.5rem}.report-fake-btn{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s,transform .1s,background-color .2s;border:none}.report-fake-btn:disabled{opacity:.6;cursor:not-allowed}.report-fake-btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.report-fake-btn-cancel:hover:not(:disabled){background:#fff3}.report-fake-btn-report{background:#ef4444;color:#fff}.report-fake-btn-report:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.report-fake-btn-report:active:not(:disabled){transform:translateY(0)}.report-fake-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.report-fake-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:reportFakeSpin .8s linear infinite}@keyframes reportFakeSpin{to{transform:rotate(360deg)}}@media(max-width:500px){.report-fake-modal{padding:1.25rem;max-height:85vh}.report-fake-modal-title{font-size:1.2rem}.report-fake-warning-list li{font-size:.8rem}.report-fake-buttons{flex-direction:column}.report-fake-btn{width:100%}}.photo-upload{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.photo-upload__preview{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;background:#ffffff0d;border:3px dashed rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.photo-upload__preview:hover:not(.photo-upload__preview--disabled){border-color:gold;background:#ffd7001a}.photo-upload__preview:focus{outline:2px solid #FFD700;outline-offset:2px}.photo-upload__preview--drag-over{border-color:gold;background:#ffd70033;transform:scale(1.05)}.photo-upload__preview--disabled{cursor:not-allowed;opacity:.7}.photo-upload__image{width:100%;height:100%;object-fit:cover}.photo-upload__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffff80}.photo-upload__placeholder-icon{width:60px;height:60px}.photo-upload__hint{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#0009;color:#fffc;font-size:.75rem;text-align:center}.photo-upload__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#000000b3;color:#fff;font-size:.875rem}.photo-upload__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:gold;border-radius:50%;animation:photo-spin .8s linear infinite}@keyframes photo-spin{to{transform:rotate(360deg)}}.photo-upload__input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.photo-upload__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.photo-upload__button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.photo-upload__button--primary{background:linear-gradient(135deg,gold,orange);color:#1e3a5f}.photo-upload__button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.photo-upload__button--danger{background:#dc354533;color:#ff6b6b;border:1px solid rgba(220,53,69,.4)}.photo-upload__button--danger:hover:not(:disabled){background:#dc35454d}.photo-upload__button:disabled{opacity:.5;cursor:not-allowed}.photo-upload__upgrade-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:gold;font-size:.875rem}.photo-upload__upgrade-icon{font-size:1.25rem}.photo-upload__upgrade-link{color:gold;text-decoration:underline;margin-left:.25rem}.photo-upload__upgrade-link:hover{color:orange}.photo-upload__error{padding:.75rem 1rem;background:#dc354533;border:1px solid rgba(220,53,69,.4);border-radius:8px;color:#ff6b6b;font-size:.875rem;text-align:center}.photo-upload__requirements{font-size:.75rem;color:#ffffff80;text-align:center}@media(max-width:480px){.photo-upload{padding:1rem}.photo-upload__preview{width:120px;height:120px}.photo-upload__actions{flex-direction:column;width:100%}.photo-upload__button{width:100%}}.user-avatar{--avatar-size: 48px;position:relative;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1e3a5f,#2d5a87);border:2px solid rgba(255,255,255,.2);flex-shrink:0}.user-avatar--xs{--avatar-size: 24px;border-width:1px}.user-avatar--sm{--avatar-size: 32px;border-width:1px}.user-avatar--md{--avatar-size: 48px;border-width:2px}.user-avatar--lg{--avatar-size: 64px;border-width:2px}.user-avatar--xl{--avatar-size: 96px;border-width:3px}.user-avatar--clickable{cursor:pointer;transition:all .2s ease}.user-avatar--clickable:hover{border-color:gold;transform:scale(1.05)}.user-avatar--clickable:focus{outline:2px solid #FFD700;outline-offset:2px}.user-avatar__image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.user-avatar__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-weight:600;font-size:calc(var(--avatar-size) * .4);text-transform:uppercase;background:linear-gradient(135deg,#3d6a94,#2d5a87)}.user-avatar__icon{width:60%;height:60%;stroke:currentColor}.user-avatar__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1e3a5fcc}.user-avatar__spinner{width:calc(var(--avatar-size) * .4);height:calc(var(--avatar-size) * .4);border:2px solid rgba(255,255,255,.3);border-top-color:gold;border-radius:50%;animation:avatar-spin .8s linear infinite}@keyframes avatar-spin{to{transform:rotate(360deg)}}.user-avatar--premium:after{content:"";position:absolute;bottom:-2px;right:-2px;width:calc(var(--avatar-size) * .35);height:calc(var(--avatar-size) * .35);background:linear-gradient(135deg,gold,orange);border-radius:50%;border:2px solid #1e3a5f}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:2rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.app-header h1{margin-bottom:.5rem}.app-header p{font-size:1.2rem;opacity:.9}.app-main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.welcome-section{text-align:center;max-width:600px}.welcome-section h2{margin-bottom:1rem;color:#667eea}.welcome-section p{margin-bottom:1.5rem;font-size:1.1rem}.tech-stack{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.tech-stack li{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.app-footer{padding:1rem;text-align:center;background-color:#1a1a1a;color:#ffffffb3;font-size:.9rem}@media(prefers-color-scheme:light){.welcome-section h2{color:#764ba2}.app-footer{background-color:#f0f0f0;color:#666}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:10000;padding:.75rem 1.5rem;background-color:#1e3a5f;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000004d;transition:top .15s ease-in-out}.skip-to-content:focus{top:0;outline:3px solid #FFD700;outline-offset:2px}body{min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}h2{font-size:1.8em;line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}input,textarea,select{color:#213547}input::placeholder,textarea::placeholder{color:#6b7280}}