*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:#f3f4f6;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;overscroll-behavior-y:contain}@media (min-width:1024px){html{zoom:.8}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button,input,select,textarea{font-family:inherit;touch-action:manipulation}input,select,textarea{font-size:16px}a{color:inherit;text-decoration:none}img{content-visibility:auto;display:block;height:auto;max-width:100%}.search-highlight{background:#fff59d;border-radius:2px;padding:0 2px}@media (max-width:480px){html{font-size:100%!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;will-change:opacity;z-index:10000}.modal{animation:slideUp .3s;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;will-change:transform,opacity}.modal--small{max-width:400px;width:100%}.modal--medium{max-width:600px;width:100%}.modal--large{max-width:900px;width:100%}.modal--plan{max-height:96vh}.modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.modal__title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal .modal__title-with-reset{align-items:center;display:flex;gap:.75rem}.modal .modal__reset{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.35rem .6rem}.modal .modal__header-actions{align-items:center;display:flex;gap:.5rem}.modal .modal__header-actions .modal__reset{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;padding:.35rem .6rem}.modal__close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:background-color .2s,color .2s}.modal__close:hover{background:#f3f4f6;color:#1f2937}.modal__content{flex:1 1;overflow-y:auto;padding:1rem 1rem 0}.modal .modal__content .billing__form-actions,.modal .modal__content .event__form-actions,.modal .modal__content .modal__form-actions,.modal .modal__content .quotations__form-actions{background:linear-gradient(#fff,#fff);bottom:0;display:flex;gap:1rem;justify-content:space-between;padding:2rem 1rem;position:sticky;z-index:20}.modal .modal__content .quick_tour{color:#374151;font-size:1rem;line-height:2}.modal .modal__content .quick_tour ol{padding:0 2rem}.modal .modal__content .quick_tour p{color:#212428;font-weight:500;margin-bottom:1rem}@media(max-width:768px){.modal-overlay{align-items:center;padding:.5rem}.modal{border-radius:16px;margin:auto;max-height:90vh}.modal--large,.modal--medium,.modal--small{max-width:100%}.modal__header{padding:1rem 1.25rem}.modal__title{font-size:1.15rem}.modal__content{padding:1.25rem}.modal__close{font-size:1.25rem;padding:.375rem}}@media(max-width:480px){.modal-overlay{align-items:center;padding:.5rem!important}.modal{margin:auto;max-height:85vh;max-width:95vw}.modal__header{padding:.875rem 1rem}.modal__title{font-size:1.05rem}.modal__content{padding:1rem 1rem 0!important}.modal__content .billing__form-actions,.modal__content .event__form-actions,.modal__content .modal__form-actions,.modal__content .quotations__form-actions{flex-direction:row;flex-wrap:nowrap;gap:.375rem;justify-content:space-between;padding:1rem .25rem!important}.modal__content .billing__form-actions button,.modal__content .event__form-actions button,.modal__content .modal__form-actions button,.modal__content .quotations__form-actions button{flex:0 1 auto;font-size:.8rem;min-width:68px;padding:.45rem .6rem;white-space:nowrap;width:auto}.modal__close{font-size:1.15rem;padding:.25rem}.modal .modal__title-with-reset{align-items:flex-start;flex-direction:column;gap:.5rem}.modal--plan{max-height:95vh}}@media(min-width:1024px){.modal--plan{max-height:98vh}}@media(min-width:769px)and (max-width:1024px){.modal--large{max-width:90vw}}.navbar{background:#fff;box-shadow:0 2px 8px #0000001a;height:70px;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.navbar,.navbar__left{align-items:center;display:flex}.navbar__left{flex:1 1 auto;gap:1.5rem;min-width:0}.navbar__menu-btn{background:none;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background .2s}.navbar__menu-btn:hover{background:#f5f5f5}.navbar__logo{color:#333;font-size:1.5rem;font-weight:700;margin:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__right{align-items:center;display:flex;flex:0 0 auto;gap:1.5rem;min-width:0}.navbar__notifications{position:relative}.navbar__plan-btn{align-items:center;background:#fff;border:1px solid #e6e6e6;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.4rem .7rem;position:relative;transition:background .15s,border-color .15s}.navbar__plan-btn svg{font-size:1.05rem}.navbar__plan-btn .navbar__plan-label{color:#374151;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__plan-btn[data-tier=gold]{border-color:#d4af372e}.navbar__plan-btn[data-tier=silver]{border-color:#c0c0c02e}.navbar__plan-btn[data-tier=none]{border-style:dashed}.navbar__plan-btn:hover{background:#f5f5f5;border-color:#dbeafe}.navbar__plan-btn--critical{animation:pulseWarning 2s infinite;background:linear-gradient(135deg,#fbbf2414,#f59e0b0a);border-color:#fbbf2480}.navbar__plan-btn--expired{animation:pulseExpired 2s infinite;background:linear-gradient(135deg,#ef444414,#dc26260a);border-color:#ef444480}.navbar__plan-btn--expired .navbar__plan-label{color:#dc2626;font-weight:700}.navbar__plan-badge{animation:bounceIn .5s ease-out;background:#ef4444;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;padding:.15rem .4rem;position:absolute;right:-6px;text-align:center;top:-6px}@keyframes pulseWarning{0%,to{border-color:#fbbf2480}50%{border-color:#fbbf24cc}}@keyframes pulseExpired{0%,to{border-color:#ef444480}50%{border-color:#ef4444cc}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.navbar__icon-btn{background:none;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:1.3rem;padding:.5rem;position:relative;transition:background-color .2s,color .2s}.navbar__icon-btn:hover{background:#f5f5f5;color:#6366f1}.navbar__badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;min-width:18px;padding:.1rem .4rem;position:absolute;right:2px;text-align:center;top:2px}.navbar__user{position:relative}.navbar__profile-btn{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;transition:background .2s}.navbar__profile-btn svg{color:#6366f1;font-size:1.8rem}.navbar__profile-btn:hover{background:#f5f5f5}.navbar__profile-img{border:2px solid #6366f1;border-radius:50%;height:32px;object-fit:cover;width:32px}.navbar__dropdown{animation:fadeIn .2s;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem)}.navbar__dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:.8rem;padding:.8rem 1.2rem;text-align:left;transition:background .2s;width:100%}.navbar__dropdown-item svg{color:#666;font-size:1.1rem}.navbar__dropdown-item:hover{background:#f5f5f5}.navbar__dropdown-item:not(:last-child){border-bottom:1px solid #eee}.navbar__dropdown--notifications{box-sizing:border-box;max-height:360px;overflow-y:auto;right:0}.navbar__help-form{display:block;max-width:680px}.navbar__help-form .help-form__row{display:flex;gap:1rem}.plan-modal{max-width:820px}.plan-modal__header{align-items:center;border-bottom:1px solid #f3f4f6;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:3rem;padding:1rem}.plan-modal__header--danger{background-color:#f7b2b2;border-color:#b91c1c}.plan-modal__header--danger .plan-modal__days-count{color:#b91c1c}.plan-modal__header-left{align-items:center;display:flex;gap:.5rem}.plan-modal__header-right{text-align:right}.plan-modal__history-cta{align-items:flex-end;background:linear-gradient(135deg,#fef3c7cc,#fde68a73);border:1px solid #fbbf2473;border-radius:12px;box-shadow:0 8px 22px -16px #92400ee6;cursor:pointer;display:flex;flex-direction:column;gap:.45rem;padding:.5rem .65rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.plan-modal__history-cta:hover{border-color:#d97706b3;box-shadow:0 10px 26px -15px #92400e;transform:translateY(-1px)}.plan-modal__history-link{align-items:center;color:#92400e;display:inline-flex;font-size:.78rem;font-weight:700;gap:.4rem;letter-spacing:.02em}.plan-modal__days{align-items:flex-end;display:flex;flex-direction:column}.plan-modal__days-count{color:#111827;font-size:1.15rem;font-weight:700}.plan-modal__days-label{color:#6b7280;font-size:.85rem}.plan-modal__badge{align-items:center;background:#f3f4f6;border-radius:12px;color:#374151;display:flex;font-size:1.25rem;height:46px;justify-content:center;width:46px}.plan-modal__header--gold .plan-modal__badge{background:linear-gradient(135deg,#d4af371f,#f5e0750f);color:#d4af37}.plan-modal__header--silver .plan-modal__badge{background:linear-gradient(135deg,#c0c0c014,#e5e7eb08);color:#9ca3af}.plan-modal__header--trial{background:linear-gradient(135deg,#6366f114,#8b5cf60a);border-color:#6366f133}.plan-modal__header--trial .plan-modal__badge{background:linear-gradient(135deg,#6366f126,#8b5cf614);color:#6366f1}.plan-modal__header--trial .plan-modal__days-count{color:#6366f1}.plan-modal__header--trial.plan-modal__header--danger{background:linear-gradient(135deg,#ef444414,#dc26260a);border-color:#ef44444d}.plan-modal__header--trial.plan-modal__header--danger .plan-modal__badge{background:linear-gradient(135deg,#ef444426,#dc262614);color:#ef4444}.plan-modal__header--trial.plan-modal__header--danger .plan-modal__days-count{color:#ef4444}.plan-modal__title{font-size:1.15rem;margin:0}.plan-modal__subtitle{color:#6b7280;font-size:.95rem;margin:.15rem 0 0}.plan-modal__body{margin:2rem 0}.plan-modal__benefits{list-style:none;margin:.5rem 0 1rem;padding:0}.plan-modal__benefits li{align-items:center;color:#374151;display:flex;gap:.6rem;padding:.45rem 0}.plan-modal__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.plan-modal__lead{color:#4b5563;text-align:center}.plan-modal__options{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.plan-card{border:1px solid #0f172a33}.plan-card__badge{margin:0}.plan-card--silver .plan-card__badge{color:#a6acb8}.navbar .plan-modal .plan-card--silver{background:silver;border:1px solid #c0c0c066;box-shadow:none}.navbar .plan-modal .plan-card--gold{background:#d8ce98;border:1px solid #c0c0c066;box-shadow:none}.plan-card__price{color:#6b7280;font-size:.85rem;margin-top:4px}.help-form__group{display:flex;flex:1 1;flex-direction:column;margin-bottom:.75rem}.help-form__input,.help-form__textarea{background:#fff;border:1px solid #e6e6e6;border-radius:6px;color:#111827;font-size:.95rem;padding:.6rem .75rem;transition:border-color .15s,box-shadow .15s}.help-form__input:focus,.help-form__textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114;outline:none}.help-form__textarea{resize:vertical}.help-form__error{color:#dc2626;font-size:.85rem;margin-top:.35rem}.help-form__error--form{text-align:center}.help-form__actions{display:flex;gap:.5rem;margin-top:.5rem;width:100%}.help-form__actions>*{flex:1 1}.help-form__submit{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.55rem .9rem}.help-form__submit:disabled{cursor:default;opacity:.7}.help-success{padding:.5rem 0;text-align:center!important}.help-contact-info{border-top:1px dashed #eee;color:#374151;font-size:.95rem;margin:1rem 0;padding:.85rem 0;text-align:center}@media(max-width:600px){.navbar__help-form .help-form__row{flex-direction:column}.navbar__left,.navbar__right{gap:.5rem}.navbar__profile-btn{padding:.25rem .5rem}.navbar__icon-btn{font-size:1.2rem;padding:.375rem}.navbar__plan-btn{font-size:.85rem;padding:.35rem .5rem}}@media(max-width:768px){.navbar{height:60px;padding:.75rem 1rem}.navbar__logo{font-size:1.2rem;max-width:120px}.navbar__plan-btn .navbar__plan-label,.navbar__profile-btn span{display:none}.navbar__menu-btn{font-size:1.25rem;padding:.35rem}.navbar__dropdown{min-width:200px;right:-.5rem}.navbar__dropdown--notifications{max-height:300px;min-width:280px;right:-1rem}}@media(max-width:480px){.navbar{height:56px;padding:.5rem .75rem}.navbar__logo{font-size:1.1rem;max-width:100px}.navbar__menu-btn{font-size:1.15rem;padding:.25rem}.navbar__icon-btn{font-size:1.2rem;padding:.25rem}.navbar__badge{font-size:.6rem;min-width:14px;padding:.05rem .3rem}.navbar .plan-modal__header{padding:.2rem .5rem}.navbar .plan-modal__history-cta{align-items:center;border-radius:10px;min-width:124px;padding:.45rem .5rem}.navbar .plan-modal__history-link{font-size:.72rem}.navbar__plan-btn{padding:.25rem .4rem}.navbar__plan-btn svg{font-size:.9rem}.navbar__profile-btn{padding:.25rem}.navbar__profile-btn svg{font-size:1.4rem}.navbar__profile-img{height:28px;width:28px}.navbar__dropdown{min-width:180px}.navbar__dropdown--notifications{left:.5rem;max-height:70vh;max-width:calc(100vw - 1rem);position:fixed;right:.5rem;top:58px;z-index:110}.navbar__dropdown-item{font-size:.875rem;padding:.625rem 1rem}}@media(min-width:769px)and (max-width:1440px){.navbar{height:60px;padding:.75rem 1.25rem}.navbar__left,.navbar__right{gap:1rem}.navbar__menu-btn{font-size:1.25rem;padding:.4rem}.navbar__logo{font-size:1.25rem}.navbar__icon-btn{font-size:1.1rem;padding:.4rem}.navbar__profile-btn{font-size:.9rem;padding:.35rem .75rem}.navbar__profile-btn svg{font-size:1.5rem}.navbar__badge{font-size:.65rem;min-width:16px;padding:.08rem .35rem}}.confirm__message{color:#1f2937;font-size:1.05rem;font-weight:400;line-height:1.6;padding:1.5rem 1rem;text-align:center}.confirm__actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;margin:1.5rem 0 .5rem}.confirm__actions .btn-cancel,.confirm__actions .btn-confirm{border:1px solid #0000;border-radius:10px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;line-height:1;min-width:120px;padding:.875rem 1rem;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.confirm__actions .btn-cancel{background:#f3f4f6!important;border-color:#d1d5db;color:#374151}.confirm__actions .btn-cancel:hover{box-shadow:0 0 15px 5px #0f172a4d}.confirm__actions .btn-confirm{background:linear-gradient(135deg,#eb2525,#d81d1d);color:#fff}.confirm__actions .btn-confirm:hover{box-shadow:0 0 15px 5px #111b3180}.confirm__warning{color:#9ca3af;font-size:.85rem;font-style:italic;margin-bottom:0;margin-top:8px}@media(max-width:425px){.confirm__message{font-size:.95rem;padding:1rem .75rem}.confirm__actions{flex-direction:row;gap:.5rem}.confirm__actions .btn-cancel,.confirm__actions .btn-confirm{min-width:0;width:100%}}.plan-card{background:linear-gradient(180deg,#fff,#fbfbfd);border:1px solid #0f172a14;box-shadow:0 6px 18px #0f172a0f;overflow:visible;padding:1.35rem 1rem 1rem;position:relative}.plan-card__discount-badge{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#e23b09,#9b5353);border-radius:20px;box-shadow:0 4px 12px #e23b0959;color:#fff;display:inline-flex;font-size:.8rem;font-weight:400;gap:.4rem;left:10px;letter-spacing:.5px;padding:.35rem .75rem;position:absolute;right:auto;text-transform:uppercase;top:-20px;z-index:10}.plan-card__badge-separator{height:1em;margin:0 .2rem;width:auto}.plan-card--gold .plan-card__discount-badge{background:linear-gradient(135deg,#e23b09,#9b5353);box-shadow:0 4px 12px #e23b0959}.plan-card__original-price{color:#7d7f83;font-size:.85rem;margin-bottom:0;text-decoration:line-through}.plan-card__price-amount--discounted{color:#10b981;font-size:1.1rem}.plan-card__header{gap:.75rem}.plan-card__meta{display:flex;flex-direction:column}.plan{text-align:center}.plan-card__badge{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;font-size:1.1rem;height:48px;justify-content:center;width:48px}.plan-card--gold{background:#f7e99e!important;border:1px solid #d4af3766;box-shadow:0 2px 12px 2px #30303080!important}.plan-card--gold .plan-card__badge{background:linear-gradient(135deg,#d4af371f,#f5e0750f);color:#d4af37}.plan-card--silver{background:#e6e3e3!important;border:1px solid #c0c0c066;box-shadow:0 2px 12px 2px #30303080!important}.plan-card--silver .plan-card__badge{background:linear-gradient(135deg,#c0c0c014,#e5e7eb08);color:#6b7280}.plan-card__price-block{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;min-width:84px}.plan-card__savings-row{display:flex;justify-content:flex-end;margin-bottom:0;position:absolute;right:0;top:-12px;width:auto;z-index:5}.plan-card__price-line{align-items:baseline;display:flex;flex-wrap:nowrap;gap:.4rem;justify-content:flex-end;margin-bottom:2px}.plan-card__price-amount{color:#111827;font-size:1rem;font-weight:700}.plan-card__price-period{color:#292f38;font-size:.9rem;margin-top:.1rem}.plan-card__savings{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:999px;color:#059669;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;line-height:1;padding:.24rem .55rem;white-space:nowrap}.plan-card__list{margin:.75rem 0 0}.plan-card__list li{gap:.6rem;justify-content:center;padding:.38rem 0}.plan-modal__benefit-icon{color:#10b981}.payment-security-note{text-align:center}.plan-card__actions{gap:.6rem;justify-content:space-between;margin-top:1rem}.btn{padding:.6rem .9rem}.btn--primary{background:#6366f1;color:#fff}.btn--outline{background:#fff;color:#374151}.btn--light,.btn--outline{border:1px solid #848d9a!important}@media(max-width:768px){.plan-card{min-width:100%;padding:1.15rem .875rem .875rem}.plan-card__badge{font-size:1rem;height:42px;width:42px}.plan-card__price-amount{font-size:.95rem}.plan-card__price-line{gap:.3rem}.plan-card__price-period{font-size:.85rem}.plan-card__savings{font-size:.9rem;padding:.2rem .5rem}.plan-card__list li{font-size:.9rem;padding:.3rem 0}.plan-card__actions{gap:.5rem;margin-top:.75rem}.btn{font-size:.875rem;padding:.5rem .75rem}}@media(max-width:480px){.plan-card{border-radius:10px;padding:1.05rem .75rem .75rem}.plan-card__header{gap:.5rem}.plan-card__badge{border-radius:8px;font-size:.9rem;height:38px;width:38px}.plan-card__price-block{min-width:72px}.plan-card__price-line{gap:.24rem}.plan-card__price-amount{font-size:.9rem}.plan-card__price-period{font-size:.8rem}.plan-card__savings{font-size:.9rem;padding:.16rem .42rem}.plan-card__list{margin-top:.5rem}.plan-card__list li{font-size:.85rem;gap:.5rem}.plan-card__actions{flex-direction:row!important;gap:.5rem}.plan-card__actions .btn{text-align:center;width:100%}}.payment-history{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.payment-history__toolbar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.payment-history__filters{display:inline-flex;flex-wrap:wrap;gap:.5rem}.payment-history__filter{background:#f8fafc;border:1px solid #d5dbe5;border-radius:999px;color:#334155;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.payment-history__filter.is-active{background:linear-gradient(120deg,#fef3c7,#fde68a);border-color:#eab308;color:#78350f}.payment-history__refresh{align-items:center;background:#fff;border:1px solid #d5dbe5;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.45rem;padding:.45rem .75rem}.payment-history__refresh:disabled{cursor:not-allowed;opacity:.7}.payment-history__refresh .is-spinning{animation:payment-history-spin 1s linear infinite}@keyframes payment-history-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-history__state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;color:#475569;padding:1rem;text-align:center}.payment-history__state--error{background:#fff1f2;border-color:#fca5a5;color:#991b1b}.payment-history__list{display:flex;flex-direction:column;gap:.9rem}.payment-history__item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.9rem}.payment-history__item.is-success{border-color:#a7f3d0;box-shadow:inset 0 0 0 1px #10b98114}.payment-history__item.is-failed{border-color:#fecaca;box-shadow:inset 0 0 0 1px #ef444414}.payment-history__item-head{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.payment-history__status{align-items:center;color:#0f172a;display:inline-flex;font-weight:700;gap:.4rem}.payment-history__item.is-success .payment-history__status svg{color:#10b981}.payment-history__item.is-failed .payment-history__status svg{color:#ef4444}.payment-history__amount{color:#1f2937;font-size:1rem;font-weight:800}.payment-history__grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.payment-history__label{color:#64748b;font-size:.74rem;letter-spacing:.04em;margin:0;text-transform:uppercase}.payment-history__value{color:#1f2937;font-size:.9rem;margin:.16rem 0 0;word-break:break-word}.payment-history__value--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.payment-history__failure{border-top:1px dashed #fecaca;color:#7f1d1d;font-size:.85rem;margin-top:.8rem;padding-top:.65rem}.payment-history__failure-title{align-items:center;display:inline-flex;font-weight:700;gap:.4rem;margin:0 0 .2rem}@media(max-width:900px){.payment-history__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.payment-history__item-head{align-items:flex-start;flex-direction:column}.payment-history__grid{grid-template-columns:minmax(0,1fr)}}.notification-panel-container{position:relative}.notification-bell{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;position:relative;transition:all .15s ease}.notification-bell.has-unread,.notification-bell:hover{color:#6366f1}.notification-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:2px;top:2px}.notification-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1000}@media(max-width:480px){.notification-panel{border-radius:12px;bottom:auto;box-shadow:0 0 8px 500px #0006;left:50%;max-height:80vh;max-width:420px;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px)}}.notification-panel__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-panel__header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.notification-panel__header .mark-all-read-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.375rem;padding:.375rem .5rem;transition:background .15s ease}.notification-panel__header .mark-all-read-btn:hover{background:#6366f11a}.notification-panel__header .notification-panel__header-actions{align-items:center;display:flex;gap:.5rem}.notification-panel__header .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:.35rem}.notification-panel__header .close-btn:hover{background:#f3f4f6;color:#374151}.notification-panel__filters{border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1.25rem}.notification-panel__filters button{background:#f3f4f6;border:none;border-radius:20px;color:#4b5563;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all .15s ease;white-space:nowrap}.notification-panel__filters button:hover{background:#e5e7eb}.notification-panel__filters button.active{background:#6366f1;color:#fff}.notification-panel__list{flex:1 1;max-height:350px;overflow-y:auto}.notification-panel__footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:space-between;padding:.75rem 1.25rem;text-align:center}.notification-panel__footer button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.85rem;padding:.5rem 1rem}.notification-panel__footer button:hover{color:#374151}.notification-panel__footer .clear-all-btn{align-items:center;color:#ef4444;display:inline-flex;gap:.5rem}.notification-panel__footer .clear-all-btn:hover{background:#ef44440d;color:#ed2d2d}.notification-panel__footer .clear-all-btn:disabled{cursor:not-allowed;opacity:.6}.notification-empty,.notification-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.notification-empty svg,.notification-loading svg{font-size:2rem;margin-bottom:.75rem}.notification-empty p,.notification-loading p{color:#6b7280;margin:0}.notification-item{border-bottom:1px solid #f3f4f6;cursor:default;display:flex;gap:.75rem;padding:1rem 1.25rem;transition:background .15s ease}.notification-item.clickable{cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f3f4f6}.notification-item.unread{background:#6366f11a}.notification-item{position:relative}.notification-item__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-item__icon,.notification-item__icon.type-announcement{background:#6366f11a;color:#6366f1}.notification-item__icon.type-payment{background:#10b9811a;color:#10b981}.notification-item__icon.type-team{background:#3b82f61a;color:#3b82f6}.notification-item__icon.type-event{background:#f59e0b1a;color:#f59e0b}.notification-item__icon.type-security,.notification-item__icon.type-system{background:#ef44441a;color:#ef4444}.notification-item__content{flex:1 1;min-width:0}.notification-item__content h4{color:#1f2937;font-size:.9rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.notification-item__content p{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.notification-item__time{color:#9ca3af;display:block;font-size:.75rem;margin-top:.375rem}.notification-item__actions{display:flex;flex-direction:column;gap:.375rem;opacity:0;transition:opacity .15s ease}.notification-item__actions button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;transition:all .15s ease;width:28px}.notification-item__actions button:hover{background:#e5e7eb;color:#374151}.notification-item__actions button.dismiss-btn:hover{background:#ef44441a;color:#ef4444}.notification-item:hover .notification-item__actions{opacity:1}.plan-upgrade-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.plan-upgrade-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}.plan-upgrade-modal__close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.plan-upgrade-modal__close:hover{background:#ffffff4d}.plan-upgrade-modal__header{background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:16px 16px 0 0;color:#fff;padding:2rem;text-align:center}.plan-upgrade-modal__icon-wrapper{align-items:center;background:#fff3;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.plan-upgrade-modal__icon{color:#fff;font-size:1.75rem}.plan-upgrade-modal__title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.plan-upgrade-modal__subtitle{align-items:center;display:flex;font-size:.9375rem;gap:.5rem;justify-content:center;margin:0;opacity:.95}.plan-upgrade-modal__lock{font-size:.875rem}.plan-upgrade-modal__body{padding:1.5rem}.plan-upgrade-modal__current{align-items:center;background:#f8fafc;border-radius:8px;display:flex;font-size:.9375rem;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem}.plan-upgrade-modal__current-label{color:#64748b}.plan-upgrade-modal__current-plan{background:#e2e8f0;border-radius:4px;color:#1e293b;font-weight:600;padding:.25rem .75rem}.plan-upgrade-modal__description{color:#475569;font-size:.9375rem;line-height:1.5;margin:0 0 1.5rem;text-align:center}.plan-upgrade-modal__card{margin-bottom:1.5rem}.plan-upgrade-modal__card .plan-card{max-width:100%}.plan-upgrade-modal__benefits{background:linear-gradient(135deg,#d4af3714,#b8860b0a);border:1px solid #d4af3733;border-radius:12px;padding:1rem}.plan-upgrade-modal__benefits h4{color:#92400e;font-size:.9375rem;margin:0 0 .75rem;text-align:center}.plan-upgrade-modal__benefits ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.plan-upgrade-modal__benefits li{align-items:center;color:#78350f;display:flex;font-size:.875rem;gap:.75rem}.plan-upgrade-modal__benefits li svg{flex-shrink:0;height:20px;width:20px}.plan-upgrade-modal__footer{border-top:1px solid #e2e8f0;display:flex;justify-content:center;padding:1rem 1.5rem 1.5rem}.plan-upgrade-modal__cancel{background:#0000;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 2rem;transition:all .2s ease}.plan-upgrade-modal__cancel:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}@media(max-width:480px){.plan-upgrade-modal__header{padding:1.5rem}.plan-upgrade-modal__icon-wrapper{height:56px;width:56px}.plan-upgrade-modal__icon{font-size:1.5rem}.plan-upgrade-modal__title{font-size:1.25rem}.plan-upgrade-modal__subtitle{flex-direction:column;font-size:.875rem;gap:.25rem}.plan-upgrade-modal__body{padding:1rem}.plan-upgrade-modal__benefits li{font-size:.8125rem}.plan-upgrade-modal__footer{padding:1rem}}.sidebar{background:#1f2937;display:flex;flex-direction:column;height:calc(125vh - 60px);overflow:hidden;position:sticky;top:60px;transition:width .3s ease;will-change:width}.sidebar--open{width:180px!important}.sidebar--closed{width:80px}.sidebar__nav{flex:1 1 auto;padding:.5rem 0}.sidebar__footer{align-items:center;display:flex;justify-content:center}.sidebar__item{align-items:center;color:#d1d5db;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:background-color .2s,color .2s;white-space:nowrap}.sidebar__item:before{background:#6366f1;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s;width:4px}.sidebar__item:hover{background:#6366f11a;color:#fff}.sidebar__item--active{background:#6366f126;color:#fff}.sidebar__item--active:before{transform:scaleY(1)}.sidebar__item--active .sidebar__icon{color:#6366f1}.sidebar__icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center;min-width:24px}.sidebar__label{font-size:.95rem;font-weight:500}.sidebar__item--restricted{cursor:pointer;opacity:.6;position:relative}.sidebar__item--restricted:before{background:#d4af37}.sidebar__item--restricted:hover{background:#d4af371a;opacity:.85}.sidebar__item--restricted .sidebar__icon{color:#9ca3af}.sidebar__gold-badge{animation:shimmer 2s infinite;color:#d4af37;font-size:.75rem;opacity:.9}.sidebar__chat-badge{animation:pulse 2s infinite;background:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;margin-left:auto;min-width:18px;padding:.15rem .4rem;text-align:center}.sidebar__chat-badge--collapsed{font-size:.6rem;min-width:16px;padding:.1rem .3rem;position:absolute;right:6px;top:6px}.sidebar__logout{background:none;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;gap:.75rem;justify-content:flex-start;margin:2rem auto;padding:.8rem 1rem;width:calc(100% - 1rem)}.sidebar__logout:hover{background:#6366f11a;color:#fff}.sidebar__logout .sidebar__icon{transform:rotate(180deg);transition:transform .2s}@media(max-width:768px){.sidebar{box-shadow:4px 0 20px #00000026;height:calc(100vh - 60px);left:0;position:fixed;top:60px;transform:translateX(-100%);z-index:99}.sidebar--open{transform:translateX(0);width:200px}.sidebar--closed{transform:translateX(-100%)}.sidebar__item{padding:.875rem 1.25rem}.sidebar__icon{font-size:1.35rem}.sidebar__label{font-size:.9rem}.sidebar__logout{margin:1rem auto;padding:.75rem 1rem}}@media(max-width:480px){.sidebar{height:calc(100vh - 56px);top:56px}.sidebar--open{max-width:260px;width:50vw}.sidebar__item{padding:.75rem 1rem}.sidebar__icon{font-size:1.25rem;min-width:22px}.sidebar__label{font-size:.875rem}}@media(min-width:769px)and (max-width:1440px){.sidebar--open{width:140px}.sidebar--closed{width:64px}.sidebar__item{padding:.75rem 1rem}.sidebar__item .sidebar__icon,.sidebar__item__icon{font-size:1.25rem;min-width:20px}.sidebar__item .sidebar__label{font-size:.9rem}}@media(min-width:481px)and (max-width:768px){.sidebar--open{width:220px}}.trial-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.trial-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:850px;overflow-y:auto;position:relative;width:100%}.trial-modal__close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.trial-modal__close:hover{background:#e2e8f0;color:#334155}.trial-modal__header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px 16px 0 0;color:#fff;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.5rem 2rem}.trial-modal__header-content{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:200px}.trial-modal__icon-wrapper{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.trial-modal__icon{color:#fff;font-size:1.5rem}.trial-modal__icon--expired{color:#fbbf24}.trial-modal__header-text{flex:1 1}.trial-modal__title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.trial-modal__subtitle{font-size:.875rem;margin:0;opacity:.9}.trial-modal__days-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.trial-modal__days-circle{align-items:center;background:#ffffff26;border:3px solid #fff6;border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;text-align:center;width:80px}.trial-modal__days-circle--expired{background:#ef444433;border-color:#ef444480}.trial-modal__days-number{font-size:1.75rem;font-weight:800;line-height:1}.trial-modal__days-label{font-size:.65rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.trial-modal__progress-bar{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:80px}.trial-modal__progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .3s ease}.trial-modal__body{padding:1.5rem 2rem}.trial-modal__lead{color:#475569;font-size:1rem;margin:0 0 1.5rem;text-align:center}.trial-modal__plans{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.trial-modal__plans .plan-card{flex:1 1 280px;max-width:420px}.trial-modal__features-note{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:0}.trial-modal__feature-item{align-items:center;color:#475569;display:flex;font-size:.875rem;gap:.3rem}.trial-modal__feature-item svg{flex-shrink:0;height:24px;width:24px}.trial-modal__footer{border-top:1px solid #e2e8f0;display:flex;justify-content:center;padding:1rem 2rem 1.5rem}.trial-modal__skip-btn{background:#0000;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 2rem;transition:all .2s ease}.trial-modal__skip-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.trial-modal--warning .trial-modal__header{background:linear-gradient(135deg,#f59e0b,#d97706)}.trial-modal--warning .trial-modal__days-circle{border-color:#fff9}.trial-modal--critical .trial-modal__header{background:linear-gradient(135deg,#ef4444,#dc2626)}.trial-modal--critical .trial-modal__days-circle{animation:pulse 2s infinite;border-color:#fff9}.trial-modal--expired .trial-modal__header{background:linear-gradient(135deg,#64748b,#475569)}@media(max-width:640px){.trial-modal__header{padding:1.25rem 1rem}.trial-modal__header,.trial-modal__header-content{flex-direction:column;text-align:center}.trial-modal__days-circle{height:70px;width:70px}.trial-modal__days-number{font-size:1.5rem}.trial-modal__body{padding:1rem}.trial-modal__plans{align-items:stretch;flex-direction:column}.trial-modal__plans .plan-card{max-width:100%}.trial-modal__footer{padding:1rem}.trial-modal__close{height:32px;right:.75rem;top:.75rem;width:32px}}.trial-expired-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.trial-expired-overlay__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172af2,#1e293bf7);bottom:0;left:0;position:fixed;right:0;top:0}.trial-expired-overlay__content{animation:slideUpFade .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 30px 60px -12px #00000080;max-width:920px;overflow:hidden;position:relative;width:100%;z-index:1}.trial-expired-overlay__header{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:1rem;text-align:center}.trial-expired-overlay__icon-wrapper{align-items:center;animation:pulse 2s infinite;background:#ffffff26;border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 1rem;width:70px}.trial-expired-overlay__icon{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}.trial-expired-overlay__title{font-size:1.75rem;font-weight:800;line-height:1.2;margin:0 0 .75rem}.trial-expired-overlay__subtitle{font-size:1.125rem;font-weight:500;margin:0 0 .5rem;opacity:.95}.trial-expired-overlay__description{font-size:1rem;margin:0;opacity:.9}.trial-expired-overlay__body{padding:1rem}.trial-expired-overlay__plans{display:flex;flex-wrap:wrap;justify-content:space-around;margin:1rem 0}.trial-expired-overlay__plans .plan-card{flex:1 1 280px;max-width:400px}.trial-expired-overlay__features{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.875rem}.trial-expired-overlay__feature-item{align-items:center;color:#334155;display:flex;font-size:.9375rem;gap:1rem}.trial-expired-overlay__feature-item svg{flex-shrink:0;height:28px;width:28px}.trial-expired-overlay__feature-item strong{color:#1e293b}.trial-expired-overlay__footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:center;padding-bottom:1rem}.trial-expired-overlay__locked-notice{align-items:center;background:#fff;border:2px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;padding:.875rem 1.5rem}.trial-expired-overlay__locked-notice svg{color:#dc2626;font-size:1.25rem}@media(max-width:768px){.trial-expired-overlay__content{border-radius:16px;max-height:95vh;overflow-y:auto}.trial-expired-overlay__header{padding:2rem 1.5rem}.trial-expired-overlay__icon-wrapper{height:70px;margin-bottom:1rem;width:70px}.trial-expired-overlay__icon{font-size:2rem}.trial-expired-overlay__title{font-size:1.5rem}.trial-expired-overlay__subtitle{font-size:1rem}.trial-expired-overlay__description{font-size:.9375rem}.trial-expired-overlay__body{padding:1.5rem 1rem}.trial-expired-overlay__plans{flex-direction:column;gap:1rem}.trial-expired-overlay__plans .plan-card{max-width:100%}.trial-expired-overlay__features{padding:1rem}.trial-expired-overlay__footer{padding:1.25rem 1rem}.trial-expired-overlay__locked-notice{flex-direction:column;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:center}.trial-expired-overlay__locked-notice svg{font-size:1.5rem}}@media(max-width:480px){.trial-expired-overlay{padding:.5rem}.trial-expired-overlay__title{font-size:1.25rem}.trial-expired-overlay__feature-item{font-size:.875rem;gap:.75rem}.trial-expired-overlay__feature-item svg{height:24px;width:24px}}.maintenance-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.maintenance-overlay__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bfa,#0f172afc);bottom:0;left:0;position:fixed;right:0;top:0}.maintenance-overlay__content{animation:slideUpFade .5s ease-out;background:#fff;border-radius:24px;box-shadow:0 40px 80px -20px #00000080;max-width:500px;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;width:100%;z-index:1}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.maintenance-overlay__icon-wrapper{height:120px;margin:0 auto 2rem;position:relative;width:120px}.maintenance-overlay__icon-bg{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 10px 40px #f59e0b66;display:flex;height:100%;justify-content:center;width:100%}.maintenance-overlay__icon{animation:toolWiggle 3s ease-in-out infinite;color:#fff;font-size:3rem}@keyframes toolWiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.maintenance-overlay__gears{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.gear{animation:spin 4s linear infinite;color:#f59e0b4d;font-size:1.5rem;position:absolute}.gear-1{animation-direction:reverse;right:-5px;top:-10px}.gear-2{animation-duration:3s;bottom:-5px;font-size:1.25rem;left:-5px}.maintenance-overlay__title{color:#1f2937;font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 1rem}.maintenance-overlay__message{color:#6b7280;font-size:1.1rem;line-height:1.7;margin:0 0 1.5rem}.maintenance-overlay__estimated{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50px;display:inline-flex;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem}.maintenance-overlay__estimated-icon{color:#d97706;font-size:1rem}.maintenance-overlay__estimated span{color:#92400e;font-size:.95rem;font-weight:600}.maintenance-overlay__divider{align-items:center;display:flex;justify-content:center;margin:1.5rem 0}.maintenance-overlay__divider span{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);border-radius:2px;height:3px;width:60px}.maintenance-overlay__info{margin-bottom:1.5rem}.maintenance-overlay__info p{color:#9ca3af;font-size:.95rem;line-height:1.6;margin:0}.maintenance-overlay__contact{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.maintenance-overlay__animation{padding-top:.5rem}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar__fill{animation:progressMove 2s ease-in-out infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);border-radius:3px;height:100%;width:30%}@keyframes progressMove{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@media(max-width:480px){.maintenance-overlay__content{border-radius:20px;padding:2rem 1.5rem}.maintenance-overlay__icon-wrapper{height:100px;margin-bottom:1.5rem;width:100px}.maintenance-overlay__icon{font-size:2.5rem}.maintenance-overlay__title{font-size:1.5rem}.maintenance-overlay__message{font-size:1rem}}.announcement-banner{align-items:center;background:linear-gradient(135deg,#6366f1,#3e41ee);border-bottom:3px solid #3438ed;color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1.25rem}.announcement-banner.theme-info{background:linear-gradient(135deg,#3b82f6,#1469f4);border-bottom-color:#0b63f3}.announcement-banner.theme-success{background:linear-gradient(135deg,#10b981,#0d9367);border-bottom-color:#0c8a60}.announcement-banner.theme-warning{background:linear-gradient(135deg,#f59e0b,#cf8508);border-bottom-color:#c57f08}.announcement-banner.theme-urgent{background:linear-gradient(135deg,#ef4444,#ec1e1e);border-bottom-color:#eb1515}.announcement-banner__content{align-items:center;display:flex;flex:1 1;gap:.75rem;overflow:hidden}.announcement-banner__icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.announcement-banner__icon svg{font-size:1rem}.announcement-banner__text{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.announcement-banner__text strong{font-weight:600;white-space:nowrap}.announcement-banner__text span{opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.announcement-banner__text span{display:none}}.announcement-banner__actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.announcement-banner__nav{align-items:center;display:flex;gap:.5rem}.announcement-banner__nav button{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:background .15s ease;width:24px}.announcement-banner__nav button:hover{background:#ffffff4d}.announcement-banner__nav span{font-size:.8rem;opacity:.9;white-space:nowrap}.announcement-banner__dismiss{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .15s ease;width:28px}.announcement-banner__dismiss:hover{background:#ffffff40}.announcement-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.announcement-modal{background:#fff;border-radius:16px;border-top:4px solid #6366f1;box-shadow:0 20px 60px #0003;max-width:500px;overflow:hidden;width:100%}.announcement-modal.theme-info{border-top-color:#3b82f6}.announcement-modal.theme-info .announcement-modal__icon{background:#3b82f61a;color:#3b82f6}.announcement-modal.theme-success{border-top-color:#10b981}.announcement-modal.theme-success .announcement-modal__icon{background:#10b9811a;color:#10b981}.announcement-modal.theme-warning{border-top-color:#f59e0b}.announcement-modal.theme-warning .announcement-modal__icon{background:#f59e0b1a;color:#f59e0b}.announcement-modal.theme-urgent{border-top-color:#ef4444}.announcement-modal.theme-urgent .announcement-modal__icon{background:#ef44441a;color:#ef4444}.announcement-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1.25rem 1.5rem}.announcement-modal__header h2{color:#111827;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.announcement-modal__icon{align-items:center;background:#6366f11a;border-radius:10px;color:#6366f1;display:flex;height:40px;justify-content:center;width:40px}.announcement-modal__icon svg{font-size:1.25rem}.announcement-modal__close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem;padding:.25rem}.announcement-modal__close:hover{color:#374151}.announcement-modal__body{padding:1.5rem}.announcement-modal__body p{color:#4b5563;font-size:1rem;line-height:1.6;margin:0}.announcement-modal__footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.announcement-modal__footer .btn-primary{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .15s ease,transform .15s ease}.announcement-modal__footer .btn-primary:hover{background:#3e41ee;transform:translateY(-1px)}.terms-modal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.terms-modal__backdrop{background:#00000080;inset:0;position:absolute}.terms-modal__panel{background:#fff;border-radius:12px;box-shadow:0 20px 40px #02061766;display:flex;flex-direction:column;max-height:86vh;overflow:hidden;position:relative;width:min(920px,96%);z-index:2}.terms-modal__header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.terms-modal__header h2{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0}.terms-modal__close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.terms-modal__close:hover{background:#e2e8f0;color:#0f172a}.terms-modal__content{color:#4b5563;flex-grow:1;line-height:1.6;overflow-y:auto;padding:1.5rem}.terms-modal__content::-webkit-scrollbar{width:8px}.terms-modal__content::-webkit-scrollbar-track{background:#f1f5f9}.terms-modal__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.terms-modal__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.terms-modal__content h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;margin-top:1.75rem}.terms-modal__content h3:first-child{margin-top:0}.terms-modal__content p{margin:0 0 1rem}.terms-modal__content ul{list-style-type:disc;margin:.75rem 0 1.25rem 1.5rem;padding:0}.terms-modal__content ul li{margin-bottom:.5rem;padding-left:.25rem}.terms-modal__content ul li::marker{color:#6366f1}.terms-modal__contact{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.25rem 1.5rem}.terms-modal__contact h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .75rem}.terms-modal__contact p{color:#4b5563;font-size:.95rem;margin:0 0 .5rem}.terms-modal__contact ul{list-style:none;margin:0;padding:0}.terms-modal__contact ul li{color:#4b5563;font-size:.95rem;margin:0}.terms-modal__contact ul li a{color:#4f46e5;font-weight:500;text-decoration:none}.terms-modal__contact ul li a:hover{text-decoration:underline}.terms-modal__footer{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.terms-modal__accept{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.625rem 1.5rem;transition:all .2s ease}.terms-modal__accept:hover{background:#4338ca;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.terms-modal__accept:active{transform:translateY(0)}@media(max-width:768px){.terms-modal__panel{max-height:85vh;width:95%}.terms-modal__header{padding:1rem 1.25rem}.terms-modal__content{padding:1.25rem}.terms-modal__footer{padding:1rem 1.25rem}}@media(max-width:640px){.terms-modal__panel{border-radius:0;height:100%;max-height:100vh;width:100%}.terms-modal__header{padding:1rem}.terms-modal__header h2{font-size:1.1rem}.terms-modal__content{font-size:.95rem;padding:1rem}.terms-modal__footer{flex-direction:column-reverse;padding:1rem}.terms-modal__footer button{padding:.75rem;width:100%}}.login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:125vh;padding:2rem}.login__container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:2rem;width:100%}.login__header{margin-bottom:1rem;text-align:center}.login__logo{color:#6366f1;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.login__tagline{color:#6b7280;font-size:.95rem;font-weight:600;letter-spacing:.02em;margin:.25rem 0 .75rem}.login__subtitle{color:#6b7280;font-size:.95rem;margin:0}.login__tutorial-link{align-items:center;background:linear-gradient(135deg,#6366f11f,#764ba21f);border:1px solid #6366f140;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;margin-top:.9rem;padding:.7rem 1rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.login__tutorial-link:hover{background:linear-gradient(135deg,#6366f12e,#764ba22e);box-shadow:0 0 10px 10px #6366f166;color:#3730a3}.login__tutorial-link:focus-visible{outline:3px solid #6366f159;outline-offset:3px}.login__brand{align-items:center;display:flex;font-size:2.1rem;gap:.75rem;justify-content:center;margin-bottom:.25rem}.login__brand .login__logo{font-size:1em;line-height:1;margin:0}.login__brand .login__logo-img{display:block;height:3rem;width:auto}.login__deactivated-warning{align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.login__deactivated-icon{flex-shrink:0;font-size:1.5rem}.login__deactivated-content h3{color:#dc2626;font-size:1rem;font-weight:600;margin:0 0 .5rem}.login__deactivated-content p{color:#7f1d1d;font-size:.9rem;line-height:1.5;margin:0}.login__form{display:flex;flex-direction:column;gap:1rem}.login .input-with-icon{position:relative}.login .input-with-icon input{box-sizing:border-box;display:block;padding-right:3.25rem;width:100%}.login .input-with-icon .toggle-visibility{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.35rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.login .input-with-icon .toggle-visibility:hover{background:#4f46e50f;color:#4f46e5}.login .input-with-icon .toggle-visibility svg{display:block;height:1.25rem;width:1.25rem}.login__options{align-items:center;display:flex;justify-content:space-between;margin-top:-.5rem}.login__terms-checkbox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;margin-top:.5rem;padding:.75rem}.login__terms-checkbox .checkbox{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:.5rem}.login__terms-checkbox .checkbox input[type=checkbox]{accent-color:#6366f1;height:18px;width:18px}.login__link-btn{color:#6366f1;font-size:inherit;text-decoration:underline}.login__link-btn:hover{color:#4f46e5}.login__submit{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem}.login__submit:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f166}.login__submit:disabled{cursor:not-allowed;opacity:.6}.login__divider{align-items:center;color:#d1d5db;display:flex;font-size:.9rem;font-weight:500;gap:1rem}.login__divider:after,.login__divider:before{background-color:#e5e7eb;content:"";flex:1 1;height:1px}.login__google-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem;transition:all .3s ease}.login__google-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.login__google-btn:disabled{cursor:not-allowed;opacity:.6}.login__google-btn svg{height:1.25rem;width:1.25rem}.login__forgot-below{margin-top:.5rem;text-align:center}.login__forgot-below .login__link{display:inline-block}.login__footer-row{-webkit-overflow-scrolling:touch;align-items:center;color:#6b7280;display:flex;flex-wrap:nowrap;font-size:.95rem;gap:12px;justify-content:center;margin-top:1.25rem;overflow-x:auto;padding:6px 0;white-space:nowrap}.login__footer-row .login__link{align-items:center;border-radius:8px;color:#667eea;display:inline-flex;font-weight:500;gap:6px;padding:6px 10px;text-decoration:none;transition:all .16s ease}.login__footer-row .login__link:hover{background:#4f46e50f;color:#4f46e5;transform:translateY(-1px)}.login__footer{border-top:1px solid #eee;padding-top:10px;text-align:center}.login__footer p{color:#666;font-size:13px;margin:0}.login__footer-links{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-top:8px;overflow-x:auto;padding:6px 0;white-space:nowrap}.login__link{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.login__link:hover{color:#764ba2}.login__link-btn{background:none;border:none;color:#667eea;cursor:pointer;font:inherit;font-weight:500;padding:0;text-decoration:none;transition:color .3s ease}.login__link-btn:hover{color:#764ba2;text-decoration:underline}.login__link-btn:focus{outline:none}.login__google-terms{margin:-.5rem 0}.form-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.checkbox{align-items:center}@media(max-width:768px){.login{padding:1rem}.login__container{padding:1.75rem}.login__logo{font-size:2.25rem}.login__subtitle{font-size:.9rem}.login__form{gap:1.25rem}.login__google-btn,.login__submit{font-size:.95rem;padding:.75rem}.form-group label{font-size:.85rem}.form-group input{font-size:.95rem;padding:.625rem .875rem}}@media(max-width:640px){.login{height:100vh;min-height:100vh;padding:.5rem}.login__container{border-radius:12px;padding:1.25rem}.login__logo{font-size:2rem}.login__subtitle{font-size:.85rem}.login__header{margin-bottom:1.5rem}.login__form{gap:1rem}.login__footer-row{flex-wrap:wrap;gap:.5rem;justify-content:center}.login__footer-row .login__link{font-size:.875rem;padding:4px 8px}.login__google-btn,.login__submit{font-size:.9rem;padding:.7rem}.login__divider{font-size:.8rem}.form-group{gap:.375rem}.form-group label{font-size:.8rem}.form-group input{border-radius:6px;font-size:.9rem;padding:.6rem .75rem}.checkbox{font-size:.8rem}}@media(max-width:400px){.login{height:100vh;min-height:100vh;padding:.25rem}.login__container{border-radius:10px;padding:1rem}.login__logo{font-size:1.75rem}.login__options{align-items:flex-start;flex-direction:column;gap:.5rem}.login__footer-row .login__link{font-size:.8rem;padding:3px 6px}}.register{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:125vh;padding:2rem}.register__container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.register__header{margin-bottom:1rem;text-align:center}.register__logo{color:#6366f1;font-size:2.5rem;font-weight:700}.register__tagline{color:#6b7280;font-size:.95rem;font-weight:600;letter-spacing:.02em;margin:.25rem 0 .75rem}.register__subtitle{color:#6b7280;font-size:.95rem;margin:0}.register__tutorial-link{align-items:center;background:linear-gradient(135deg,#6366f11f,#764ba21f);border:1px solid #6366f140;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;margin-top:.9rem;padding:.7rem 1rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.register__tutorial-link:hover{background:linear-gradient(135deg,#6366f12e,#764ba22e);box-shadow:0 0 10px 10px #6366f166;color:#3730a3}.register__tutorial-link:focus-visible{outline:3px solid #6366f159;outline-offset:3px}.register__brand{align-items:center;display:flex;font-size:2.1rem;gap:.75rem;justify-content:center;margin-bottom:.25rem}.register__brand .register__logo{font-size:1em;line-height:1;margin:0}.register__brand .register__logo-img{display:block;height:3rem;width:auto}.register__deactivated-warning{align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.register__deactivated-icon{flex-shrink:0;font-size:1.5rem}.register__deactivated-content h3{color:#dc2626;font-size:1rem;font-weight:600;margin:0 0 .5rem}.register__deactivated-content p{color:#7f1d1d;font-size:.9rem;line-height:1.5;margin:0}.register__terms-checkbox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;margin-top:.5rem;padding:.75rem}.register__terms-checkbox .checkbox{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:.5rem}.register__terms-checkbox .checkbox input[type=checkbox]{accent-color:#6366f1;height:18px;width:18px}.register__terms-checkbox .error{display:block;margin-top:.5rem}.register__form{display:flex;flex-direction:column;gap:1rem}.register .input-with-icon{position:relative}.register .input-with-icon input,.register .input-with-icon select{box-sizing:border-box;display:block;padding-right:3.25rem;width:100%}.register .input-with-icon .toggle-visibility{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.35rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.register .input-with-icon .toggle-visibility:hover{background:#4f46e50f;color:#4f46e5}.register .input-with-icon .toggle-visibility svg{display:block;height:1.25rem;width:1.25rem}.register__submit{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem}.register__submit:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f166}.register__submit:disabled{cursor:not-allowed;opacity:.6}.register__divider{align-items:center;color:#d1d5db;display:flex;font-size:.9rem;font-weight:500;gap:1rem}.register__divider:after,.register__divider:before{background-color:#e5e7eb;content:"";flex:1 1;height:1px}.register__google-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem;transition:all .3s ease}.register__google-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.register__google-btn:disabled{cursor:not-allowed;opacity:.6}.register__google-btn svg{height:1.25rem;width:1.25rem}.register__footer{color:#6b7280;font-size:.9rem;margin-top:1.5rem;text-align:center}.register__google-terms{margin:-.25rem 0}.register__link{background:none;border:none;box-shadow:none;color:#6366f1;font-weight:500;outline:none;text-decoration:none}.register__link:hover{cursor:pointer;text-decoration:underline}.register__link:focus{box-shadow:none;outline:none}.register__link:focus-visible{outline:none}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#374151;font-size:.9rem;font-weight:500}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group .error{color:#ef4444;font-size:.85rem}.checkbox{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.checkbox input{cursor:pointer;margin-top:.2rem}@media(max-width:768px){.register{height:100vh;min-height:100vh;padding:1rem}.register__container{max-width:100%;padding:2rem}.register__logo{font-size:2.25rem}.register__form{gap:1rem}.register__submit{padding:.75rem}.form-group label{font-size:.85rem}.form-group input,.form-group select{font-size:.95rem;padding:.625rem .875rem}}@media(max-width:640px){.register{height:100vh;min-height:100vh;padding:.75rem}.register__container{border-radius:12px;max-height:95vh;padding:1.5rem 1.25rem}.register__header{margin-bottom:1.5rem}.register__logo{font-size:2rem}.register__subtitle{font-size:.875rem}.register__form{gap:.875rem}.register__submit{font-size:.9rem;padding:.7rem}.form-group{gap:.375rem}.form-group label{font-size:.8rem}.form-group input,.form-group select{border-radius:6px;font-size:.9rem;padding:.6rem .75rem}.checkbox{font-size:.8rem}.checkbox input{height:16px;width:16px}}@media(max-width:400px){.register{height:100vh;min-height:100vh;padding:.5rem}.register__container{border-radius:10px;padding:1.25rem 1rem}.register__logo{font-size:1.75rem}}.forgot-password{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:125vh;padding:20px}.forgot-password__container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:2rem;width:100%}.forgot-password__header{margin-bottom:1rem;text-align:center}.forgot-password__logo{color:#667eea;font-size:28px;font-weight:700}.forgot-password__tagline{color:#6b7280;font-size:.95rem;font-weight:600;letter-spacing:.02em;margin:0 0 .75rem}.forgot-password__subtitle{color:#666;font-size:14px;margin:0}.forgot-password__brand{align-items:center;display:flex;font-size:2.1rem;gap:.75rem;justify-content:center;margin-bottom:.25rem}.forgot-password__brand .forgot-password__logo{font-size:1em;line-height:1;margin:0}.forgot-password__brand .forgot-password__logo-img{display:block;height:3rem;width:auto}.forgot-password__form .form-group{margin-bottom:.5rem}.forgot-password__form .form-group label{color:#333;display:block;font-size:14px;font-weight:500}.forgot-password__form .form-group input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.forgot-password__form .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.forgot-password__form .form-group input::placeholder{color:#999}.forgot-password__form .form-group .input-with-toggle{position:relative}.forgot-password__form .form-group .input-with-toggle input{padding-right:44px}.forgot-password__form .form-group .input-with-toggle .password-toggle{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.forgot-password__form .form-group .input-with-toggle .password-toggle:focus{border-radius:6px;box-shadow:0 0 0 3px #667eea1f;outline:none}.forgot-password__form .form-group .error{color:#e74c3c;display:block;font-size:12px;margin-top:6px}.forgot-password__info{color:#666;font-size:13px;line-height:1.5;margin-bottom:10px;padding:0 10px;text-align:center}.forgot-password__submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:10px 0;padding:12px;width:100%}.forgot-password__submit:hover:not(:disabled){box-shadow:0 5px 20px #667eea66}.forgot-password__submit:disabled{cursor:not-allowed;opacity:.6}.forgot-password__success{text-align:center}.forgot-password__success .success-icon{align-items:center;background:#d4edda;border-radius:50%;color:#28a745;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.forgot-password__success .success-icon svg{height:32px;width:32px}.forgot-password__success h2{color:#333;font-size:18px;font-weight:600;margin-bottom:12px}.forgot-password__success p{color:#666;font-size:14px;line-height:1.5;margin-bottom:8px}.forgot-password__success p strong{color:#333;font-weight:600}.forgot-password__success p.secondary-text{color:#999;font-size:13px}.forgot-password__footer{border-top:1px solid #eee;text-align:center}.forgot-password__footer p{color:#666;font-size:13px;margin:0}.forgot-password__footer-links{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-top:8px;overflow-x:auto;white-space:nowrap;width:100%}.forgot-password__footer-links a.forgot-password__link,.forgot-password__footer-links button.forgot-password__link{align-items:center;background:#0000;border-radius:8px;color:#667eea;display:inline-flex;font-size:15px;font-weight:500;gap:6px;padding:6px 10px;text-decoration:none;transition:all .16s ease}.forgot-password__footer-links a.forgot-password__link:focus,.forgot-password__footer-links a.forgot-password__link:hover,.forgot-password__footer-links button.forgot-password__link:focus,.forgot-password__footer-links button.forgot-password__link:hover{color:#4f46e5;outline:none}.forgot-password__link{background:none;border:none;color:#667eea;cursor:pointer;font-weight:500;margin:10px 0!important;text-decoration:none;transition:color .3s ease}.forgot-password__link:hover{color:#764ba2}@media(max-width:768px){.forgot-password{height:100vh;min-height:100vh;padding:1rem}.forgot-password__container{padding:1.75rem}.forgot-password__logo{font-size:26px}}@media(max-width:480px){.forgot-password{height:100vh;min-height:100vh;padding:.5rem}.forgot-password__container{border-radius:10px;padding:1.25rem}.forgot-password__header{margin-bottom:20px}.forgot-password__logo{font-size:22px}.forgot-password__subtitle{font-size:13px}.forgot-password__form .form-group{margin-bottom:16px}.forgot-password__form .form-group label{font-size:13px;margin-bottom:6px}.forgot-password__form .form-group input{font-size:13px;padding:10px}.forgot-password__info{font-size:12px;padding:0 6px}.forgot-password__submit{font-size:13px;padding:10px}.forgot-password__footer{padding-top:16px}.forgot-password__footer p{font-size:12px}.forgot-password__footer-links{gap:6px;margin-top:6px}.forgot-password__link{font-size:13px}}@media(max-width:360px){.forgot-password{height:100vh;min-height:100vh;padding:.25rem}.forgot-password__container{padding:1rem}.forgot-password__logo{font-size:20px}}.card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:.5rem 1rem;transition:all .3s ease}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:#6366f1;border-color:var(--card-color,#6366f1);box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.card--rose .card__icon{color:#ec4899}.card--violet .card__icon{color:#8b5cf6}.card--indigo .card__icon{color:#6366f1}.card--green .card__icon{color:#10b981}.card__content{display:flex;flex-direction:column}.card__header{align-items:flex-start;display:flex;justify-content:space-between}.card__title{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.card__icon{color:#6366f1;color:var(--card-color,#6366f1);font-size:2rem;opacity:.8}.card__value{color:#1f2937;font-size:1.5rem;font-weight:700;margin:.5rem 0}@media(max-width:768px){.card{border-radius:10px;padding:.875rem}.card__icon,.card__value{font-size:1.35rem}.card__label{font-size:.8rem}}@media(max-width:480px){.card{padding:.75rem}.card__value{margin:.375rem 0}.card__icon,.card__value{font-size:1.25rem}.card__label{font-size:.75rem}}.dashboard{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.dashboard__header{align-items:center;background:linear-gradient(90deg,#d2d3f5,#d4d2fa);display:flex;gap:1rem;justify-content:space-between;padding:1rem}.dashboard__filter{align-items:center;display:flex;gap:.5rem}.dashboard .date-filter-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff26;border:1px solid #fff3;border-radius:999px;color:#1f2937;cursor:pointer;font-size:.875rem;padding:.35rem .6rem;transition:all .15s ease-in-out}.dashboard .date-filter-btn:hover{background:#fff}.dashboard .date-filter-btn--active{background:#fff;box-shadow:0 4px 12px #6366f114;color:#111827}.dashboard__title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-align:center}.dashboard__subtitle{color:#6b7280;font-size:1rem;margin:0;text-align:center}.dashboard__stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1rem}.dashboard__content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;height:auto;padding:0 1rem 1rem}.dashboard__section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.section-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.btn-link{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem}.btn-link:hover{text-decoration:underline}.projects-list{display:flex;flex-direction:column;gap:.5rem}.project-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:border-color .2s,box-shadow .2s}.project-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a;cursor:pointer}.project-item__info{flex:1 1;min-width:0}.project-item__name{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.project-item__deadline,.project-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item__deadline{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.5rem;margin:0}.project-item__deadline svg{font-size:.9rem}.project-item__services{color:#4b5563;font-size:.9rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item__status{margin-left:1rem}.status-badge{border-radius:6px;font-size:.85rem;font-weight:500;padding:.4rem .8rem;white-space:nowrap}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.action-btn{align-items:center;background:rgba(210,210,247,.467);border:1px solid #0000;border-radius:12px;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.5rem;padding:1.5rem 1rem;transition:all .2s}.action-btn svg{color:#6366f1;font-size:1.8rem}.action-btn:hover{background:#fff;border-color:#6366f1}@media(max-width:750px){.dashboard__header{align-items:center;flex-direction:column;gap:.5rem;padding:.75rem}.dashboard__title{font-size:1.25rem}.dashboard__stats{gap:.5rem;grid-template-columns:1fr 1fr;padding:.75rem}.dashboard__content{grid-template-columns:1fr;padding:0 .75rem .75rem}.dashboard__section{padding:.625rem}.section-header{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.section-title{flex:1 1 auto;font-size:1rem;margin:0}.btn-link{margin-left:auto}.quick-actions{gap:.5rem;grid-template-columns:repeat(2,1fr)}.action-btn{flex-direction:row;padding:.875rem 1rem}.action-btn svg{font-size:1.25rem}.project-item{padding:.75rem}.project-item__name{font-size:.9rem}.project-item__deadline{font-size:.8rem}.project-item__services{margin-bottom:.4rem;overflow:visible;text-overflow:clip;white-space:normal;width:100%}.status-badge{font-size:.75rem;padding:.3rem .6rem}}.dashboard__plans{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1rem}.dashboard__plans .plan-modal__options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0;max-width:920px;width:100%}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;flex:1 1 320px;flex-direction:column;min-width:260px;padding:1rem}.plan-card,.plan-card__header{display:flex;justify-content:space-between}.plan-card__header{align-items:center;gap:.5rem;margin-bottom:.5rem}.plan-card__title{color:#1f2937;font-size:1.05rem;font-weight:700}.plan-card__price{text-align:right}.plan-card__amount{color:#111827;font-size:1.25rem;font-weight:700}.plan-card__period{color:#6b7280;font-size:.85rem}.plan-card__list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:.5rem 0 1rem;padding:0}.plan-card__list li{align-items:center;color:#374151;display:flex;font-size:.95rem;gap:.5rem}.plan-card__list .plan-card__check{color:#10b981;font-size:.9rem}.plan-card__actions{display:flex;gap:.75rem;margin-top:.5rem}.plan-card__actions button{border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.65rem .75rem}.plan-card__actions .plan-card__contact{background:none;border:none;color:#313131;text-align:end;text-decoration:underline}.plan-card__actions .plan-card__activate{background:#6366f1;border:none;box-shadow:0 4px 12px #6366f126;color:#fff}.plan-card--highlight{background:linear-gradient(180deg,#ffe88d,#fff);border-color:#fde68a}.plan-card--silver{border-color:#e6e7ea}@media(min-width:1025px){.projects-list{margin:0 auto;max-width:980px;width:100%}.project-item{max-width:100%;width:100%}}@media(max-width:768px){.dashboard__plans{flex-direction:column;gap:1rem;justify-content:center;padding:.75rem}.dashboard__plans .plan-modal__options{max-width:100%}.plan-card{min-width:100%;padding:.875rem}}@media(max-width:480px){.dashboard__plans{gap:.75rem;padding:.5rem}.plan-card{margin-top:2rem;padding:.75rem}.plan-card__title{font-size:.95rem}.plan-card__amount{font-size:1.1rem}.plan-card__list li{font-size:.875rem}.plan-card__actions{flex-direction:column;gap:.5rem}.plan-card__actions button{width:100%}}.projects{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.projects__header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.projects__title{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.projects__title svg{color:#6366f1;font-size:2rem}.projects__subtitle{color:#6b7280;font-size:.875rem;margin-top:.5rem}.projects__filters{background:#fff;border:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.projects__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0 1rem}.projects__results{color:#6b7280;font-size:.9rem;margin:1rem 0;text-align:center}.projects__empty{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;grid-column:1/-1;padding:4rem 2rem;text-align:center}.projects__empty p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.pagination-controls{margin:1.5rem 0;padding:1rem}.pagination-controls button{border-radius:6px;font-weight:500;transition:all .2s}.pagination-controls button:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.btn-secondary{border:none;display:flex;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-danger:hover{transform:translateY(-2px)}.search-bar{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1;gap:.75rem;max-width:400px;padding:.75rem 1rem;position:relative}.search-bar svg{color:#9ca3af}.search-bar input{background:#f3f4f6;border:none;flex:1 1;font-size:.95rem;outline:none}.search-bar .clear-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:color .2s}.search-bar .clear-btn:hover{color:#6b7280}.filter-group{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.filter-group svg{color:#9ca3af}.filter-group select{background:#0000;border:none;cursor:pointer;font-size:.95rem;outline:none}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:all .3s}.project-card:hover{box-shadow:0 8px 24px #0000001f}.project-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-card__name{color:#1f2937;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.project-card__status{border-radius:6px;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.4rem .8rem;text-transform:capitalize;white-space:nowrap}.project-card__details{margin-bottom:1rem}.project-card__details p{color:#6b7280;font-size:.9rem;margin:.5rem 0}.project-card__details p strong{color:#374151}.project-card__description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;border-top:1px solid #f3f4f6;color:#6b7280!important;display:-webkit-box;font-size:.85rem!important;line-height:1.5;margin-top:.75rem!important;overflow:hidden;padding-top:.75rem;text-overflow:ellipsis}.project-card__view{background:#f3f4f6;border:none;border-radius:6px;color:#6366f1;cursor:pointer;font-weight:500;padding:.75rem;transition:all .2s;width:100%}.project-card__view:hover{background:#6366f1;color:#fff}.status-planning{background-color:#f59e0b33;color:#f59e0b}.status-in_progress{background-color:#3b82f633;color:#3b82f6}.status-editing{background-color:#8b5cf633;color:#8b5cf6}.status-review{background-color:#ec489933;color:#ec4899}.status-completed{background-color:#10b98133;color:#10b981}.status-delivered{background-color:#05966933;color:#059669}.status-custom{background-color:#6b72801f;color:#4b5563}.project-form{display:flex;flex-direction:column;gap:1.25rem}.project-form .form-group{display:flex;flex-direction:column;gap:.5rem}.project-form .form-group label{color:#374151;font-size:.9rem;font-weight:500}.project-form .form-group input,.project-form .form-group select,.project-form .form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.project-form .form-group input:focus,.project-form .form-group select:focus,.project-form .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.project-form .form-group textarea{font-family:inherit;resize:vertical}.project-form .form-group .error{color:#ef4444;font-size:.85rem}.project-form .form-group .field-hint{color:#6b7280;font-size:.8rem;line-height:1.4}.project-form .status-combobox{position:relative}.project-form .status-combobox__control{align-items:center;background:linear-gradient(180deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px #0f172a0a;display:flex;gap:.75rem;padding:.15rem .25rem .15rem .75rem;transition:all .2s ease}.project-form .status-combobox__control.is-open,.project-form .status-combobox__control:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.project-form .status-combobox input{background:#0000!important;border:none!important;color:#111827;flex:1 1;font-size:.98rem;min-width:0;outline:none;padding:.9rem 0}.project-form .status-combobox input::placeholder{color:#9ca3af}.project-form .status-combobox__chevron,.project-form .status-combobox__clear{align-items:center;background:#0000;border:none;border-radius:999px;color:#9ca3af;cursor:pointer;display:inline-flex;flex-shrink:0;height:2.25rem;justify-content:center;transition:all .2s ease;width:2.25rem}.project-form .status-combobox__chevron:hover,.project-form .status-combobox__clear:hover{background:#6366f114;color:#6366f1}.project-form .status-combobox__menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #e5e7ebf2;border-radius:16px;box-shadow:0 16px 40px #0f172a24;left:0;max-height:18rem;overflow:hidden;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:20}.project-form .status-combobox__option{align-items:center;background:#0000;border:none;border-radius:12px;color:#111827;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:.85rem .9rem;text-align:left;transition:all .18s ease;width:100%}.project-form .status-combobox__option.is-selected{background:linear-gradient(90deg,#6366f124,#6366f10f);color:#4338ca}.project-form .status-combobox__option--custom{background:#eef2ff;color:#3730a3;margin-top:.25rem}.project-form .status-combobox__option-label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-form .status-combobox__empty{color:#6b7280;font-size:.92rem;line-height:1.5;padding:.9rem}.project-form .form-actions{display:flex;gap:1rem;justify-content:space-between;margin:1rem 0}.project-form .event__quotation-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:.875rem;outline:none;padding:.75rem 42px .75rem .75rem;transition:all .2s;width:100%}.project-form .event__quotation-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:160px;left:0;list-style:none;margin:0;overflow:auto;padding:0;position:absolute;right:0;top:calc(100% + 6px);z-index:40}.project-form .event__quotation-dropdown li{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:8px 10px}.project-form .event__quotation-dropdown li:hover{background:#f3f4f6}.project-form .event__quotation-dropdown li div:first-child{color:#111;font-size:13px}.project-form .event__quotation-clear{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background .12s ease,color .12s ease;width:32px}.project-form .event__quotation-clear:hover{background:#f3f4f6;color:#111}.project-details{position:relative}.project-details__header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.project-details__header h2{align-items:center;color:#1f2937;display:flex;font-size:1.6rem;font-weight:600;gap:.6rem;margin:0 0 1rem}.project-details__header h2 svg{color:#6366f1}.project-details__header .status-badge{align-self:center;border-radius:6px;display:inline-block;font-size:.85rem;font-weight:500;margin-left:1rem;padding:.5rem 1rem;text-transform:capitalize}.project-details__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.project-details__grid .detail-item label{color:#6b7280;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.project-details__grid .detail-item p{color:#1f2937;font-size:1.1rem;margin:0}.project-details__description{background:#f9fafb;border-radius:8px;margin-bottom:2rem}.project-details__description label{color:#6b7280;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.project-details__description p{color:#374151;font-size:1rem;line-height:1.6;margin:0}.project-details__actions{align-items:center;border-top:2px solid #e5e7eb;display:flex;gap:30rem;justify-content:space-between;padding:1rem 0}.project-details__actions-right{display:flex;gap:1rem}@media(max-width:1024px){.projects__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.projects{padding:0}.projects__header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.projects__title{font-size:1.5rem}.projects__filters{flex-direction:column;gap:.75rem;padding:.75rem}.projects .search-bar{max-width:100%}.projects .filter-group{width:100%}.projects .filter-group select{flex:1 1}.projects__grid{gap:1rem;grid-template-columns:1fr;padding:0 .75rem}.projects__results{font-size:.85rem;margin:.75rem 0}.project-card{padding:1.25rem}.project-details__grid{gap:1rem;grid-template-columns:1fr}.project-details__actions{flex-direction:column;gap:.75rem}.project-details__actions-right{width:100%}.project-details__actions-right button{flex:1 1}}@media(max-width:480px){.projects__header{padding:.625rem}.projects__title{font-size:1.35rem;gap:.5rem}.projects__title svg{font-size:1.5rem}.projects__subtitle{font-size:.8rem}.projects__filters{gap:.5rem;padding:.625rem}.projects .search-bar{padding:.625rem .875rem}.projects .search-bar input{font-size:.875rem}.projects .filter-group{padding:.625rem .875rem}.projects .filter-group select{font-size:.875rem}.projects__grid{gap:.75rem;padding:0 .625rem .625rem}.projects__results{font-size:.8rem}.projects__empty{padding:2rem 1rem}.projects__empty p{font-size:1rem}.project-card{border-radius:10px;padding:1rem}.btn-danger,.btn-primary,.btn-secondary{font-size:.875rem;justify-content:center;padding:.625rem 1rem;width:100%}.project-details__header{align-items:flex-start;border-bottom:none;display:flex;flex-direction:column;padding-bottom:1rem;position:static}.project-details .status-badge{align-self:flex-start;margin:0;position:static;right:auto;top:auto}}.event{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.event__header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.event__header-actions{flex-wrap:wrap;gap:.75rem}.event .event__header-status-edit,.event__header-actions{align-items:center;display:flex}.event .event__status-wrapper{align-items:center;display:inline-flex;position:relative;transition:all .2s ease}.event .event__status-arrow{color:currentColor;font-size:.75rem;pointer-events:none;position:absolute;right:.75rem;transition:all .2s ease}.event .event__status-select{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #0000;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;line-height:1;min-width:130px;padding:.4rem 2rem .4rem 1rem;text-align:left;text-align-last:left;text-transform:capitalize}.event .event__status-select:focus{border-color:#0000001a;box-shadow:0 0 0 3px #0000000d;outline:none}.event .event__status-select.event__status--scheduled{background:#fef3c7;color:#92400e!important}.event .event__status-select.event__status--in-progress{background:#eef2ff;color:#1e40af}.event .event__status-select.event__status--completed{background:#d1fae5;color:#065f46}.event .event__status-select.event__status--cancelled{background:#fee2e2;color:#7f1d1d}.event .sr-only{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.event__title-section{display:flex;flex-direction:column;gap:.5rem}.event__title{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.event__title svg{color:#6366f1}.event__subtitle{color:#6b7280;font-size:1rem;margin:0}.event__stats{grid-gap:1rem;display:grid;flex-shrink:0;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:1rem}.event__stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.event__stat-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.event__stat-icon svg{font-size:1.125rem}.event__stat-icon--total{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.event__stat-icon--completed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}.event__stat-icon--cancelled{background:linear-gradient(135deg,#fff1f2,#fee2e2);color:#b91c1c}.event__stat-icon--scheduled{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e}.event__stat-info h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.event__stat-info p{color:#6b7280;font-size:.875rem;margin:0}.event__toolbar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.event__search,.event__toolbar{align-items:center;display:flex}.event__search{background:#f3f4f6;border-radius:8px;flex:1 1;gap:.75rem;max-width:500px;min-width:200px;padding:.625rem 1rem}.event__search svg{color:#6b7280;font-size:1rem}.event__search input{background:none;border:none;color:#1f2937;flex:1 1;font-size:.875rem;outline:none}.event__search input::placeholder{color:#9ca3af}.event__toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.event__column-selector{position:relative}.event__column-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem .875rem;transition:all .2s ease}.event__column-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.event__column-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.event__column-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem}.event__column-menu-header button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;padding:.25rem;transition:color .2s ease}.event__column-menu-header button:hover{color:#1f2937}.event__column-menu-items{max-height:400px;overflow-y:auto;padding:.5rem 0}.event__column-menu-item{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem;transition:background .2s ease}.event__column-menu-item:hover{background:#f3f4f6}.event__column-menu-item input[type=checkbox]{display:none}.event__column-menu-item svg{color:#6366f1;flex-shrink:0;font-size:1rem}.event__column-menu-item span{flex:1 1}.event__column-menu-item--select-all{background:#f8f9fa}.event__column-menu-item--select-all:hover{background:#f3f4f6}.event__column-menu-item--select-all span{color:#1f2937}.event__column-menu-divider{background:#e5e7eb;height:1px;margin:.25rem 0}.event__filter{align-items:center;display:flex;gap:.5rem}.event__filter svg{color:#6b7280}.event__filter select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.875rem;outline:none;padding:.5rem .75rem}.event__filter select:focus{border-color:#6366f1}.event__filter--date-range{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.event .event__date-input{display:flex;flex-direction:column;gap:.25rem}@media(min-width:769px){.event .event__date-input{align-items:center;flex-direction:row;gap:.5rem}}.event .event__date-input label{color:#6b7280;font-size:.875rem;margin:0}.event .event__date-input input[type=date]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:.9rem;outline:none;padding:.35rem .6rem;width:100%}.event .event__date-input input[type=date]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.event__view-toggle{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem}.event__view-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem .75rem;transition:all .2s}.event__view-btn:hover{background:#ffffff80;color:#1f2937}.event__view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1}.event__content{flex:1 1;overflow-y:auto;padding:1rem}.event__empty{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:400px;justify-content:center}.event__empty svg{color:#d1d5db;font-size:4rem;margin-bottom:1rem}.event__empty h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.event__empty p{color:#6b7280;font-size:.875rem;margin:0}.event__table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:100%;overflow-x:auto;overflow-y:hidden}.event__table{border-collapse:collapse;min-width:0;table-layout:auto;width:100%}.event__table .event__col-no{min-width:60px;text-align:left;width:60px}.event__table .event__col-order-type{min-width:100px;width:120px}.event__table .event__col-client{min-width:120px}.event__table .event__col-quotation-no{min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:140px}.event__table .event__col-services{min-width:120px}.event__table .event__col-date{min-width:180px;width:180px}.event__table .event__col-location,.event__table .event__col-team{min-width:120px}.event__table .event__col-status{min-width:140px;text-align:center;width:140px}.event__table .event__col-actions{min-width:100px;text-align:center;width:100px}.event__table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.event__table thead th{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;white-space:normal}.event__table thead th.event__sortable-header{cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.event__table thead th.event__sortable-header:hover{color:#1f2937}.event__table thead th.event__sortable-header svg{font-size:.75rem;margin-left:.25rem}.event__table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.event__table tbody tr[role=button]{cursor:pointer}.event__table tbody tr:focus{background:#f3f4f6;box-shadow:0 0 0 3px #6366f11f;outline:none}.event__table tbody tr:hover{background:#f9fafb}.event__table tbody tr td{color:#1f2937;font-size:.875rem;padding:.75rem;vertical-align:middle}.event__id{font-family:monospace;font-size:.75rem;font-weight:600}.event__client{align-items:center;display:flex;gap:.75rem}.event__client-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.event__client-avatar--large{font-size:1.5rem;height:60px;width:60px}.event__client-info{display:flex;flex-direction:column;gap:.25rem}.event__client-name{color:#1f2937;font-weight:600}.event__client-email,.event__client-phone{color:#6b7280;font-size:.8125rem}.event__services{display:flex;flex-direction:column;gap:.5rem}.event__service-tag{align-items:center;background:#f3f4f6;border-radius:6px;color:#1f2937;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem;white-space:nowrap}.event__service-tag svg{color:#6b7280;font-size:.75rem}.event .event__view-section .event__services{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.event .event__view-section .event__service-tag{align-items:center;display:inline-flex;justify-content:flex-start;padding:.5rem .75rem;white-space:normal;width:100%}@media(max-width:900px){.event .event__view-section .event__services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.event .event__view-section .event__services{grid-template-columns:repeat(1,minmax(0,1fr))}}.event__service-tag--struck{background:#0000;color:#9ca3af;font-weight:500;text-decoration:line-through}.event__service-tag--struck svg{color:#d1d5db}.event__card-service-meta--struck,.event__date--struck,.event__location--struck,.event__service-name--struck,.event__time--struck{background:#0000;color:#9ca3af;font-weight:500;text-decoration:line-through}.event__service-more{background:#e0e7ff;border-radius:6px;color:#6366f1;display:inline-block;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.event__date-info{display:flex;flex-direction:column;gap:.375rem}.event__service-date-time{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:space-between;padding:.25rem 0}.event__service-date-time:last-child{border-bottom:none}.event__service-date-time .event__date{flex:1 1 auto;min-width:0;overflow:visible;text-align:left;text-overflow:clip;white-space:normal}.event__service-date-time .event__time{flex:0 0 auto;overflow:visible;text-align:right;white-space:nowrap}.event__date{color:#1f2937;font-weight:600}.event__time{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.event__time svg{font-size:.6875rem}.event__location{color:#6b7280;display:flex;flex-direction:column;gap:.375rem}.event__location-item{align-items:center;display:flex;gap:.5rem}.event__location-item svg{flex-shrink:0;font-size:.875rem}.event__location-item span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event__amount{color:#10b981;font-size:1rem;font-weight:700}.event__status{align-items:center;border-radius:8px;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.event__status svg{font-size:.875rem}.event__status--scheduled{background:#fef3c7;color:#92400e}.event__status--in-progress{background:rgba(59,130,246,.251);color:#3b82f6}.event__status--completed{background:rgba(16,185,129,.251);color:#10b981}.event__status--cancelled{background:rgba(239,68,68,.251);color:#ef4444}.event__status--default{background:hsla(220,9%,46%,.251);color:#6b7280}.event__team-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.event__team-list--selectable{align-items:center}.event__team-label{align-items:center;background:#f3f4f6;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.35rem .6rem}.event__team-label input{margin:0}.event__team-label.is-checked{background:#eef2ff;color:#1f2937}.event__team-label-text{font-size:.9rem}.event__muted{color:#9ca3af}.event__col-no{width:80px}.event__col-services{min-width:200px}.event__col-location,.event__col-team{min-width:180px}.event__col-date{min-width:160px;width:200px}.event .event__sort-icon--muted{opacity:.3}.event__view-header-controls{align-items:center;display:flex;gap:.75rem}.event__service-status--scheduled{background:rgba(251,191,36,.251);color:#fbbf24}.event__service-status--in-progress{background:rgba(59,130,246,.251);color:#3b82f6}.event__service-status--completed{background:rgba(16,185,129,.251);color:#10b981}.event__service-status--cancelled{background:rgba(239,68,68,.251);color:#ef4444}.event__order-type{align-items:center;border-radius:6px;display:inline-flex;font-size:.825rem;font-weight:600;gap:.5rem;padding:.35rem .6rem;white-space:nowrap}.event__order-type--own{background:#d1fae5;color:#047857}.event__order-type--suborder{background:#fff7ed;color:#b45309}.event__actions{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;width:fit-content}.event__action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s;width:32px}.event__action-btn--view{background:#e0e7ff;color:#6366f1}.event__action-btn--view:hover{background:#c7d2fe}.event__action-btn--edit{background:#dbeafe;color:#0ea5e9}.event__action-btn--edit:hover{background:#bfdbfe}.event__action-btn--delete{background:#fee2e2;color:#ef4444}.event__action-btn--delete:hover{background:#fecaca}.event__action-btn--whatsapp{background:#e6f7ed;color:#25d366}.event__action-btn--whatsapp:hover{background:#c6f0d7}.event__action-btn--email{background:#fef3c7;color:#f59e0b}.event__action-btn--email:hover{background:#fde68a}.event__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:100%}.event__card{background:#f4f4f8;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 0 9px 6px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s}.event__card:hover{box-shadow:0 0 9px 6px #0003}.event__card-header{align-items:center;display:flex;justify-content:space-between}.event__card-no{color:#111827;flex:0 0 auto;font-size:.95rem;font-weight:700;margin-right:.75rem}.event__card-id{background:#0000;border-radius:6px;color:#6366f1;flex:1 1 auto;font-size:1rem;font-weight:600;overflow:hidden;padding:.375rem .75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.event__card-status{align-items:center;display:inline-flex;flex:0 0 auto;margin-left:.75rem}.event__card-client{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding-bottom:1rem}.event__card-client-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.event__card-client-info p{color:#6b7280;font-size:.875rem;margin:0}.event__card-services h4{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.event__card-services h4 svg{font-size:1rem}.event__card-service{background:#f9fafb;border-radius:8px;margin-bottom:.75rem;padding:1rem}.event__card-service:last-of-type{margin-bottom:0}.event__card-service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.event__service-name{color:#1f2937;font-weight:600}.event__service-status{border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.event__service-status svg{font-size:.625rem}.event__card-service-details{display:flex;gap:5rem;margin-bottom:.5rem}.event__card-service-details span{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:.5rem}.event__card-service-details span svg{font-size:.75rem}.event__card-service-location{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:.5rem}.event__card-service-location svg{font-size:.75rem}.event__card-more-services{background:#f3f4f6;border-radius:6px;color:#6366f1;font-size:.875rem;font-weight:600;padding:.75rem;text-align:center}.event__card-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:space-between;margin-top:auto;padding-top:1rem}.event__card-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:0;justify-content:center;min-width:0;padding:.625rem;transition:all .2s}.event__card-actions button svg{height:18px;width:18px}.event__card-actions button:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.event__form{display:flex;flex-direction:column;gap:2rem}.event__form-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.event__form-section h3 svg{color:#6366f1}@media(max-width:480px){.event__form-section .event__form-section-header .btn-secondary{font-size:.85rem;gap:.35rem;min-width:0;padding:.35rem .6rem;width:auto}.event__form-section .event__form-section-header .btn-secondary svg{margin-right:.35rem}}.event__form-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.event__form-section-header h3{margin:0}.event__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.event__form-row--with-margin{margin-top:1rem}.event__form-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.event__form-group label{color:#374151;font-size:.875rem;font-weight:600;padding-right:1rem;position:relative}.event__form-group input,.event__form-group select,.event__form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s}.event__form-group input:focus,.event__form-group select:focus,.event__form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.event__form-group input::placeholder,.event__form-group select::placeholder,.event__form-group textarea::placeholder{color:#9ca3af}.event__form-group .event__quotation-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:.875rem;outline:none;padding:.75rem 42px .75rem .75rem;transition:all .2s;width:100%}.event__form-group .event__quotation-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:160px;left:0;list-style:none;margin:0;overflow:auto;padding:0;position:absolute;right:0;top:calc(100% + 6px);z-index:40}.event__form-group .event__quotation-dropdown li{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:8px 10px}.event__form-group .event__quotation-dropdown li:hover{background:#f3f4f6}.event__form-group .event__quotation-dropdown li div:first-child{color:#111;font-size:13px}.event__form-group .event__quotation-clear{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background .12s ease,color .12s ease;width:32px}.event__form-group .event__quotation-clear:hover{background:#f3f4f6;color:#111}.event__form-group textarea{font-family:inherit;resize:vertical}.event__form-group select{cursor:pointer}.event__form-group .event__form-input-with-flag{position:relative}.event__form-group .event__form-input-with-flag input,.event__form-group .event__form-input-with-flag select,.event__form-group .event__form-input-with-flag textarea{display:block;width:100%}.event__form-group .event__form-input-with-flag .event__same-as-above{align-items:center;color:#6b7280;display:inline-flex;font-size:.75rem;gap:.375rem;position:absolute;right:0;top:-1.15rem}.event__form-group .event__form-input-with-flag .event__same-as-above input[type=checkbox]{height:14px;margin:0;width:14px}.event__service-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1.5rem;position:relative}.event__service-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.event__service-item-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.event__remove-service{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.event__remove-service:hover{background:#fecaca;transform:scale(1.1)}.event__form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.event__view{display:flex;flex-direction:column;gap:2rem}.event__view-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-bottom:1.5rem}.event__view-client{align-items:center;display:flex;gap:1rem}.event__view-client h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.event__view-client p{color:#6b7280;font-size:.875rem;margin:0}.event__view-section h4{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.event__view-section h4 svg{color:#6366f1}.event__view-section p{color:#6b7280;line-height:1.6;margin:0}.event__view-services{display:flex;flex-direction:column;gap:1rem}.event__view-service{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.event__view-service-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.event__view-service-header h5{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.event__view-service-status{align-items:center;display:flex;gap:1rem}.event__service-actions{display:flex;gap:.5rem}.event__view-service-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.event__view-service-detail{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.75rem}.event__view-service-detail svg{color:#6366f1;font-size:1rem}.event__view-service-notes{background:#fff;border-radius:8px;color:#6b7280;font-size:.875rem;line-height:1.6;padding:1rem}.event__view-service-notes strong{color:#1f2937}.event__view-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-bottom:1rem}.event__view-info-item{display:flex;flex-direction:column;gap:.5rem}.event__view-info-item label{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;letter-spacing:.05em;text-transform:uppercase}.event__view-info-item span{color:#1f2937;font-size:1rem}.event__view-info-item:first-child label{justify-content:flex-start}.event__view-info-item:last-child label{justify-content:flex-end}.event__header-status-edit{align-items:center;display:flex}.event__status-wrapper{align-items:center;display:inline-flex;position:relative;transition:all .2s ease}.event__status-arrow{color:currentColor;font-size:.75rem;pointer-events:none;position:absolute;right:.75rem;transition:all .2s ease}.event__status-select{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #0000;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;line-height:1;min-width:130px;padding:.4rem 2rem .4rem 1rem;text-align:left;text-align-last:left;text-transform:capitalize}.event__status-select:focus{border-color:#0000001a;box-shadow:0 0 0 3px #0000000d;outline:none}.event__status-select.event__status--scheduled{background:#fef3c7;color:#92400e!important}.event__status-select.event__status--in-progress{background:#eef2ff;color:#1e40af}.event__status-select.event__status--completed{background:#d1fae5;color:#065f46}.event__status-select.event__status--cancelled{background:#fee2e2;color:#7f1d1d}.sr-only{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.btn-danger,.btn-primary,.btn-secondary,.btn-sm,.btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-sm:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.5}.btn-danger svg,.btn-primary svg,.btn-secondary svg,.btn-sm svg,.btn-success svg{font-size:1rem}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-sm{font-size:.8125rem;padding:.5rem 1rem}.event__pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem 1.5rem}.event__pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}.event__pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.event__pagination-rows{align-items:center;display:flex;gap:.5rem}.event__pagination-rows label{color:#6b7280;font-size:.875rem;font-weight:500}.event__pagination-rows select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.event__pagination-rows select:hover{border-color:#6366f1}.event__pagination-rows select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.event__pagination-buttons{align-items:center;display:flex;gap:.5rem}.event__pagination-pages{align-items:center;display:flex;gap:.25rem}.event__pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem;padding:0 .75rem;transition:all .2s}.event__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.event__pagination-btn:disabled{cursor:not-allowed;opacity:.5}.event__pagination-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.event__pagination-btn.active:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.event__pagination-btn svg{font-size:1rem}.event__pagination-ellipsis{color:#9ca3af;font-weight:500;padding:0 .5rem}@media(max-width:1200px){.event__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.event__stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.event__toolbar{padding:.875rem}.event__table tbody td,.event__table thead th{padding:.75rem .5rem}}@media(max-width:968px){.event{padding:0}.event__header,.event__stats{padding:.875rem}.event__stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.event__stat-card{padding:.625rem}.event__stat-info h3{font-size:1.5rem}.event__stat-info p{font-size:.8rem}.event__content{padding:.875rem}.event__toolbar{margin:0 .875rem .875rem;padding:.875rem}.event__grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.modal__content{padding:1.25rem 1.25rem 0}.event{padding:0}.event__header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.event__title{font-size:1.5rem}.event__subtitle{font-size:.8125rem}.event__toolbar{align-items:stretch;flex-direction:column;gap:.75rem;margin:0 .75rem .75rem;padding:.75rem}.event__search{max-width:100%;min-width:100%}.event__toolbar-right{flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.event__filter{flex:1 1;min-width:100px}.event__filter select{font-size:.8125rem;width:100%}.event__filter--date-range{flex:1 1;flex-wrap:wrap;gap:.375rem;min-width:100%}.event__filter--date-range label{font-size:.75rem;width:100%}.event__filter--date-range input[type=date]{flex:1 1;font-size:.8125rem;min-width:120px;padding:.5rem}.event__stats{gap:.625rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.event__stat-card{gap:.5rem;padding:.5rem}.event__stat-icon{height:36px;width:36px}.event__stat-icon svg{font-size:1rem}.event__stat-info h3{font-size:1.25rem;margin-bottom:.125rem}.event__stat-info p{font-size:.7rem}.event__grid{gap:1rem;grid-template-columns:1fr}.event__card{padding:1rem}.event__table-container{-webkit-overflow-scrolling:touch;border-radius:8px;margin:0;overflow-x:auto}.event__table{min-width:600px}.event__form-row{grid-template-columns:1fr}.event__column-menu{bottom:1rem;left:.5rem;max-width:calc(100vw - 1rem);position:fixed;right:.5rem;top:auto}.event__content{padding:.75rem}.event__form-actions{padding:.75rem!important}.event__view-toggle{flex-shrink:0}.event__view-header{flex-direction:column;gap:1rem}.event__view-client{align-items:flex-start;flex-direction:column;gap:.75rem}.event__client-avatar--large{font-size:1.25rem;height:48px;width:48px}.event__view-service-header{align-items:center;flex-direction:row;gap:.75rem;justify-content:space-between}.event__view-service-header h5{flex:1 1 auto;min-width:0}.event__view-service-status{flex-shrink:0;justify-content:flex-end;width:auto}.event__view-service-details{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.event__view-service-details .event__view-service-detail:nth-child(3){grid-column:1/-1}.event__view-info-grid{gap:1rem;grid-template-columns:1fr}.event__pagination{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.event__pagination-info{font-size:.8125rem;text-align:center}.event__pagination-controls{flex-direction:column;gap:.75rem}.event__pagination-buttons,.event__pagination-rows{justify-content:center}}@media(max-width:480px){.event{padding:0}.event__header{padding:.625rem}.event__header-actions{flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;width:100%}.event__header-actions .btn-primary,.event__header-actions .btn-secondary,.event__header-actions button{flex-basis:calc(50% - 0.25rem);flex-grow:0;flex-shrink:0;font-size:.9rem;justify-content:center;max-width:calc(45% - .25rem);min-width:0;padding:.45rem .7rem;white-space:nowrap}.event__title{font-size:1.25rem;gap:.5rem}.event__title svg{font-size:1.125rem}.event__subtitle{font-size:.75rem}.event__stats{grid-template-columns:1fr 1fr}.event__stat-card,.event__stats{gap:.5rem;padding:.5rem}.event__stat-icon{height:32px;width:32px}.event__stat-icon svg{font-size:.875rem}.event__stat-info h3{font-size:1.125rem;margin-bottom:.125rem}.event__stat-info p{font-size:.6875rem}.event__toolbar{border-radius:8px;margin:0 .5rem .5rem;padding:.5rem}.event__search{padding:.5rem .75rem}.event__search input{font-size:.8125rem}.event__view-toggle{justify-content:center;width:100%}.event__view-btn{flex:1 1;padding:.5rem}.event__grid{gap:.75rem}.event__card{gap:.75rem;padding:.875rem}.event__card-header{flex-wrap:wrap;gap:.5rem}.event__card-id{font-size:.9rem;padding:.25rem .5rem}.event__card-client{align-items:flex-start;flex-direction:column;gap:.75rem;padding-bottom:.75rem}.event__client-avatar{font-size:.875rem;height:36px;width:36px}.event__card-client-info h3{font-size:1rem}.event__card-client-info p{font-size:.8125rem}.event__card-services h4{font-size:.75rem;margin-bottom:.5rem}.event__card-service{margin-bottom:.5rem;padding:.75rem}.event__card-service-header{align-items:center;flex-direction:row;gap:.75rem;justify-content:space-between}.event__service-name{flex:1 1 auto;font-size:.875rem;min-width:0}.event__service-status{flex-shrink:0}.event__card-service-details{flex-wrap:wrap;justify-content:space-between}.event__card-service-details span{font-size:.75rem}.event__card-actions{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.375rem;overflow-x:auto}.event__card-actions button{flex:0 1 auto;height:36px;max-width:100px;min-width:44px;width:auto}.event__service-item{padding:.75rem}.event__content{padding:.5rem}.event__pagination{padding:.625rem}.event__pagination-btn{font-size:.75rem;height:1.875rem;min-width:1.875rem;padding:0 .375rem}.event__pagination-pages{gap:.125rem}.event__pagination-info{font-size:.75rem}.event .event__col-location,.event .event__col-team{display:none}.event__table{min-width:450px}.event__table tbody td,.event__table thead th{font-size:.75rem;padding:.5rem .375rem}.event__form-group{margin-top:.5rem}.event__form-group label{font-size:.8125rem}.event__form-group input,.event__form-group select,.event__form-group textarea{font-size:.8125rem;padding:.625rem}.event__service-item-header h4{font-size:.875rem}.event__form-actions{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.375rem;justify-content:flex-end;overflow-x:auto;padding-bottom:.25rem}.event__form-actions>button{flex:0 0 auto;font-size:.8rem;min-width:0;padding:.45rem .6rem;white-space:nowrap}.event__form-actions .btn-primary{padding-left:.7rem;padding-right:.7rem}.event__view{gap:1rem}.event .modal__content{padding:.5rem .5rem 0!important}.event .modal__content .event__form-actions{flex-direction:row!important;flex-wrap:nowrap!important;gap:0;justify-content:space-between!important;padding:.5rem .25rem!important}.event .modal__content .event__form-actions>button{flex:0 0 auto!important;min-width:80px!important;padding:.45rem .6rem!important;white-space:nowrap!important;width:auto!important}.event__view-section h4{font-size:.875rem}.event__view-service{padding:1rem}.event__view-service-notes{font-size:.8125rem;padding:.75rem}}@media(max-width:360px){.event__title{font-size:1.125rem}.event__stats{grid-template-columns:1fr}.event__stat-card{flex-direction:row;justify-content:flex-start}.event__card-actions button{min-width:44px}.event__filter select{font-size:.75rem;padding:.4rem .5rem}}.service-type-input,.service-type-input__wrapper{position:relative;width:100%}.service-type-input__input-group{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;position:relative;transition:all .2s ease}.service-type-input__input{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem}.service-type-input__input::placeholder{color:#9ca3af}.service-type-input__input::-webkit-inner-spin-button,.service-type-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.service-type-input__clear{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:.25rem;padding:0;transition:all .2s ease;width:36px}.service-type-input__clear:hover{background:#f3f4f6;color:#1f2937}.service-type-input__clear svg{font-size:.9rem}.service-type-input__toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:.5rem;padding:0;transition:all .2s ease;width:36px}.service-type-input__toggle:hover{background:#f3f4f6;color:#1f2937}.service-type-input__toggle svg{font-size:.85rem;transition:transform .2s ease}.service-type-input__dropdown{animation:slideDown .2s ease;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.service-type-input__list{list-style:none;margin:0;padding:.5rem 0}.service-type-input__item{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem 1rem;transition:all .15s ease}.service-type-input__item:hover{background:#f3f4f6}.service-type-input__item--highlighted{background:#e0e7ff;color:#4f46e5}.service-type-input__item-name{flex:1 1;font-weight:500}.service-type-input__item-price{background:#f0fdf4;border-radius:4px;color:#16a34a;font-size:.85rem;font-weight:600;margin-left:1rem;padding:.25rem .5rem;white-space:nowrap}.service-type-input__no-results{color:#6b7280;padding:2rem 1rem;text-align:center}.service-type-input__no-results p{font-size:.95rem;margin:.5rem 0}.service-type-input__no-results p:first-child{color:#1f2937;font-weight:500}.service-type-input__no-results-hint{color:#9ca3af;font-size:.8rem;font-style:italic;margin-top:.75rem!important}.service-type-input__empty{color:#9ca3af;font-size:.95rem;padding:2rem 1rem;text-align:center}.service-type-input__dropdown::-webkit-scrollbar{width:6px}.service-type-input__dropdown::-webkit-scrollbar-track{background:#0000}.service-type-input__dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.service-type-input__dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.team{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.team__header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.team__stats{grid-gap:1rem;display:grid;flex-shrink:0;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:1rem}.team__stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:.875rem;padding:1rem;transition:all .2s}.team__stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.team__stat-icon svg{font-size:1.25rem}.team__stat-icon--total{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.team__stat-icon--payment{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.team__stat-icon--paid{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}.team__stat-icon--pending{background:linear-gradient(135deg,#fff1f2,#fee2e2);color:#b91c1c}.team__stat-info{min-width:0}.team__stat-info h3{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team__stat-info p{color:#6b7280;font-size:.75rem;margin:0;white-space:nowrap}.team__search{background:#0000;border-bottom:1px solid #eef2f7;display:flex;justify-content:center;padding:.75rem 1rem}.team__search input{border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;max-width:520px;outline:none;padding:.6rem .75rem;width:100%}.team__title{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:600;margin:0}.team__title svg{color:#6366f1;font-size:2rem;margin-right:.5rem}.team td:first-child,.team th:first-child{color:#374151;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;width:120px}.team__subtitle{color:#6b7280;font-size:.875rem;margin-top:.5rem}.team__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;padding:1rem}.team .team__empty{color:#6b7280;grid-column:1/-1;padding:1rem .5rem;text-align:center}.team-card{background:#f4f4f8;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 0 9px 6px #0000001a;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .3s}.team-card:hover{box-shadow:0 0 9px 6px #0003}.team-card__menu{position:absolute;right:.75rem;top:.75rem;z-index:10}.team-card__menu-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all .2s}.team-card__menu-button:hover{background:#0000000d;color:#374151}.team-card__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.25rem;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.team-card__dropdown .dropdown-item{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.team-card__dropdown .dropdown-item svg{font-size:.875rem}.team-card__dropdown .dropdown-item:hover{background:#f3f4f6}.team-card__dropdown .dropdown-item--danger{color:#ef4444}.team-card__dropdown .dropdown-item--danger:hover{background:#fef2f2}.team-card__avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:80px}.team-card__avatar-img{border-radius:5px;display:block;height:100%;object-fit:cover;width:100%}.team-card__avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.team-card__name{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.team-card__role{color:#6366f1;font-weight:500;margin:0 0 .5rem}.team-card__email,.team-card__phone{color:#6b7280;font-size:.9rem;margin:0 0 .5rem}.team-card__payment-summary{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem}.team-card__payment-summary h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.team-card__payment-summary .payment-stats{display:flex;flex-direction:column;gap:.5rem}.team-card__payment-summary .payment-stats .stat{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.team-card__payment-summary .payment-stats .stat .label{color:#6b7280}.team-card__payment-summary .payment-stats .stat .value{font-weight:600}.team-card__payment-summary .payment-stats .stat .value.total{color:#374151}.team-card__payment-summary .payment-stats .stat .value.paid{color:#10b981}.team-card__payment-summary .payment-stats .stat .value.pending{color:#f59e0b}.team-card__payment-summary .payment-count{color:#9ca3af;font-size:.8rem;margin-top:.5rem;text-align:center}.team-card__payments{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem;text-align:left}.team-card__payments h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.team-card__payments .payment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.team-card__payments .payment-item .payment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.team-card__payments .payment-item .payment-header .event-name{color:#374151;font-size:.875rem;font-weight:600}.team-card__payments .payment-item .payment-header .payment-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.team-card__payments .payment-item .payment-header .payment-status.status-paid{background:#d1fae5;color:#065f46}.team-card__payments .payment-item .payment-header .payment-status.status-pending{background:#fef3c7;color:#92400e}.team-card__payments .payment-item .payment-header .payment-status.status-partial{background:#dbeafe;color:#1e40af}.team-card__payments .payment-item .payment-details{color:#6b7280;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.team-card__payments .payment-item .payment-details .amount{color:#059669;font-size:.95rem;font-weight:600}.team-card__payments .payment-item .payment-notes{color:#6b7280;font-size:.8rem;font-style:italic;margin:.5rem 0}.team-card__payments .payment-item .payment-actions{display:flex;gap:.5rem;margin-top:.5rem}.team-card__payments .payment-item .payment-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .5rem;transition:all .2s}.team-card__payments .payment-item .payment-actions .btn-status-change{background:#10b981;color:#fff}.team-card__payments .payment-item .payment-actions .btn-status-change:hover{background:#059669}.team-card__payments .payment-item .payment-actions .btn-delete-payment{background:#ef4444;color:#fff}.team-card__payments .payment-item .payment-actions .btn-delete-payment:hover{background:#dc2626}.team-card__payments .more-payments{color:#9ca3af;font-size:.8rem;margin:0;text-align:center}.team-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;margin-top:1rem}.team-card__actions .btn-primary:active,.team-card__actions .btn-primary:hover{box-shadow:none!important;transform:none!important}.team-card__actions .btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1.05rem;height:36px;justify-content:center;padding:0;transition:all .15s ease;width:36px}.team-card__actions .btn-edit{background:#ecfdf5;color:#10b981!important}.team-card__actions .btn-whatsapp{background:#dcfce7;color:#16a34a!important}.team-card__actions .btn-view-payments{background:#fce5da;color:#f6763b!important}.team-card__actions .btn-add-payment{background:#dce8fc;color:#3b82f6!important}.team-card__actions .btn-add-payment:active,.team-card__actions .btn-add-payment:focus,.team-card__actions .btn-add-payment:hover,.team-card__actions .btn-delete:active,.team-card__actions .btn-delete:focus,.team-card__actions .btn-delete:hover,.team-card__actions .btn-edit:active,.team-card__actions .btn-edit:focus,.team-card__actions .btn-edit:hover,.team-card__actions .btn-view-payments:active,.team-card__actions .btn-view-payments:focus,.team-card__actions .btn-view-payments:hover,.team-card__actions .btn-whatsapp:active,.team-card__actions .btn-whatsapp:focus,.team-card__actions .btn-whatsapp:hover{background:none!important;box-shadow:none!important;outline:none!important}.team-form{display:flex;flex-direction:column}.team-form__label{color:#374151;display:flex;font-weight:600;justify-content:space-between;margin:.5rem 0 .25rem}.team-form__input{border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;outline:none;padding:.6rem .75rem}.team-form__error{color:#ef4444;font-size:.85rem;margin-top:.25rem}.team-form textarea.team-form__input{font-family:inherit;resize:vertical}.btn-primary{display:flex;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.modal-actions{align-items:center;gap:.5rem;margin:1rem 0;width:100%}.modal-actions .btn-cancel{background:none!important;border:1px solid #d1d5db;color:#1f2937;order:0}.modal-actions .btn-primary:not(.btn-cancel){margin-left:auto;order:1}.btn-cancel{background:#6b7280!important}.payments-table{margin-bottom:1rem;width:100%}.payments-table p{text-align:center}.payments-table-scrollable{border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow:auto}.payments-table table{border-collapse:collapse;font-size:.95rem;min-width:800px;width:100%}.payments-table td,.payments-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left;vertical-align:middle;white-space:nowrap}.payments-table th{background:#f8fafc;color:#374151;font-weight:600;position:sticky;top:0;z-index:1}.payments-table .payment-status{border-radius:4px;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.payments-table .btn-status-change{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:.5rem;padding:.35rem .5rem}.payments-table .btn-delete-payment{border:none;border-radius:4px;color:#ef4444;cursor:pointer;padding:.35rem .5rem}.payments-viewer__header{align-items:center;display:flex;gap:1rem;justify-content:space-around;margin-bottom:1rem}.payments-viewer__search{display:flex;justify-content:center;margin-bottom:.75rem}.payments-viewer__search input{border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;max-width:300px;outline:none;padding:.5rem .75rem;text-align:left;width:100%}.payments-viewer__search input::placeholder{color:#9ca3af;text-align:center}.payments-viewer__search input::-webkit-input-placeholder{text-align:center}.payments-viewer__search input::-moz-placeholder{opacity:1;text-align:center}.payments-viewer__search input:-ms-input-placeholder{text-align:center}.payments-viewer__search input:-moz-placeholder{text-align:center}.payments-viewer__stat{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:120px;padding:.6rem .75rem;text-align:center}.payments-viewer__stat .label{color:#6b7280;font-size:.75rem;font-weight:600}.payments-viewer__stat .value{color:#374151;font-size:1.05rem;font-weight:700;margin-top:.25rem}.payments-viewer__stat .value.paid{color:#10b981}.payments-viewer__stat .value.pending{color:#f59e0b}.search-highlight{background:#fff3b0;border-radius:3px;color:inherit;padding:0 4px}.pagination-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.pagination-controls button{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls button:hover:not(:disabled){background:#f3f4f6}.pagination-controls span{color:#374151;font-weight:500}@media(max-width:1024px){.team__stats{grid-template-columns:repeat(4,1fr);padding:.875rem}.team__grid{grid-template-columns:repeat(auto-fit,minmax(260px,300px))}}@media(max-width:768px){.team{padding:0}.team__header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.team__title{font-size:1.5rem}.team__stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.team__stat-card,.team__stats{padding:.75rem}.team__stat-icon{height:38px;width:38px}.team__stat-icon svg,.team__stat-info h3{font-size:1rem}.team__stat-info p{font-size:.7rem}.team__search{padding:.625rem .75rem}.team__search input{max-width:100%}.team__grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:.75rem}.team-card{padding:1.5rem}.team-card__avatar{font-size:1.75rem;height:70px;width:70px}.team-card__name{font-size:1.1rem}.pagination-controls{flex-wrap:wrap;gap:.75rem}}@media(max-width:480px){.modal__content{padding:.5rem}.team__header{padding:.625rem}.team__title{font-size:1.35rem}.team__title svg{font-size:1.5rem}.team__stats{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.5rem}.team__stat-card{gap:.5rem;padding:.625rem}.team__stat-icon{height:32px;width:32px}.team__stat-icon svg,.team__stat-info h3{font-size:.875rem}.team__stat-info p{font-size:.625rem}.team__subtitle{font-size:.8rem}.team__search,.team__search input{padding:.5rem .625rem}.team__search input{font-size:.875rem}.team__grid{gap:.75rem;grid-template-columns:1fr;padding:.625rem}.team-card{padding:1.25rem}.team-card__avatar{font-size:1.5rem;height:60px;margin-bottom:.75rem;width:60px}.team-card__name{font-size:1.05rem;margin-bottom:.375rem}.team-card__role{font-size:.875rem;margin-bottom:.375rem}.team-card__email,.team-card__phone{font-size:.8rem;margin-bottom:.75rem}.team-card__payment-summary{margin-top:1rem;padding-top:.75rem}.team-card__payment-summary h4{font-size:.875rem}.team-card__payment-summary .payment-stats .stat{font-size:.8rem}.pagination-controls{flex-direction:column;gap:.5rem}.pagination-controls button{width:100%}.payments-viewer__header{gap:.5rem}.payments-viewer__stat{min-width:100px;padding:.5rem}.payments-viewer__stat .label{font-size:.7rem}.payments-viewer__stat .value{font-size:.95rem}}.services{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.services__header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.services__title-section{display:flex;flex-direction:column;gap:.5rem}.services__title{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.services__title svg{color:#6366f1}.services__subtitle{color:#6b7280;font-size:.875rem;margin:0}.services__toolbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1rem 2rem}.services__search{align-items:center;background:#e2e2e2;border-radius:8px;display:flex;flex:1 1;gap:.75rem;max-width:500px;padding:.625rem 1rem}.services__search svg{color:#6b7280;font-size:1rem}.services__search input{background:none;border:none;color:#1f2937;flex:1 1;font-size:.875rem;outline:none}.services__search input::placeholder{color:#7f8083}.services__filters{align-items:center;display:flex;gap:1rem}.services__filter{align-items:center;display:flex;gap:.5rem}.services__filter label{color:#6b7280;font-size:.875rem;font-weight:500}.services__filter select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.875rem;outline:none;padding:.5rem .75rem}.services__filter select:focus{border-color:#6366f1}.services__stats{grid-gap:1rem;display:grid;flex-shrink:0;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:1rem}.services__stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1rem;transition:all .2s}.services__stat-icon{align-items:center;background:#f3f4f6;border:1px solid #0000;border-radius:15px;box-shadow:0 2px 6px #0f172a08;display:flex;height:60px;justify-content:center;width:60px}.services__stat-icon svg{color:inherit;font-size:1.5rem}.services__stat-icon--indigo{background:#d4defa}.services__stat-icon--indigo svg{color:#6366f1}.services__stat-icon--sky{background:#d4fad6}.services__stat-icon--sky svg{color:#4db952}.services__stat-info h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.services__stat-info p{color:#6b7280;font-size:.875rem;margin:0}.services__content{flex:1 1;overflow-y:auto;padding:0 1rem 1rem}.services__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:20px}.services__card{background:#fff;border-radius:12px;box-shadow:0 0 9px 6px #00000026;display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:all .2s}.services__card:hover{box-shadow:0 0 9px 6px #00000040}.services__card.inactive{background:#f9fafb;opacity:.6}.services__popular-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 2px 8px #fbbf244d;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.375rem .75rem;position:absolute;right:1rem;top:1rem}.services__popular-badge svg{font-size:.65rem}.services__card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.services__card-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.services__card-actions{display:flex;gap:.5rem}.services__action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s;width:32px}.services__action-btn--edit{background:#e0e7ff;color:#6366f1}.services__action-btn--edit:hover{background:#c7d2fe}.services__action-btn--delete{background:#fee2e2;color:#ef4444}.services__action-btn--delete:hover{background:#fecaca}.services__card-body{display:flex;flex:1 1;flex-direction:column;text-align:center}.services__category{align-self:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.75rem;padding:.25rem .75rem;text-transform:uppercase;width:fit-content}.services__card-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.services__description{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0 0 1rem}.services__meta{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.services__meta-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.services__meta-item svg{color:#6366f1}.services__deliverables,.services__features{margin-bottom:1rem}.services__deliverables h4,.services__features h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.services__deliverables ul,.services__features ul{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.services__deliverables li,.services__features li{align-items:center;color:#6b7280;display:flex;font-size:.813rem;gap:.5rem}.services__deliverables li svg,.services__features li svg{color:#10b981;flex-shrink:0;font-size:.75rem}.services__features li svg{color:#fbbf24}.services__card-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:auto;padding-top:1rem}.services__price{display:flex;flex-direction:column}.services__price-label{color:#6b7280;font-size:.75rem;margin-bottom:.25rem;text-align:center}.services__price-value{color:#6366f1;font-size:1.5rem;font-weight:700}.services__status{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.375rem .75rem}.services__status.active{background:#d1fae5;color:#065f46}.services__status.active svg{font-size:.65rem}.services__status.inactive{background:#fee2e2;color:#991b1b}.services__empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.services__empty svg{font-size:4rem;margin-bottom:1rem;opacity:.5}.services__empty h3{color:#6b7280;font-size:1.25rem;margin:0 0 .5rem}.services__empty p{font-size:.875rem;margin:0}.services__form{padding:0 1rem}.services__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.services__form-group{display:flex;flex-direction:column;margin-bottom:1rem}.services__form-group label{align-items:center;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.services__form-group input,.services__form-group select,.services__form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:.875rem;outline:none;padding:.75rem;transition:all .2s}.services__form-group input:focus,.services__form-group select:focus,.services__form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.services__form-group input::placeholder,.services__form-group select::placeholder,.services__form-group textarea::placeholder{color:#9ca3af}.services__form-group textarea{font-family:inherit;resize:vertical}.services__form-group .required{color:#ef4444;font-weight:600}.services__form-group .error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.services__form-group input.input-error,.services__form-group select.input-error,.services__form-group textarea.input-error{border-color:#ef4444}.services__form-group input.input-error:focus,.services__form-group select.input-error:focus,.services__form-group textarea.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.services__form-group input[type=number]{appearance:textfield}.services__form-group input[type=number]::-webkit-inner-spin-button,.services__form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.services__add-item-btn{align-items:center;background:#e0e7ff;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.25rem .75rem;transition:all .2s}.services__add-item-btn:hover{background:#c7d2fe}.services__add-item-btn svg{font-size:.65rem}.services__form-array-item{display:flex;gap:.5rem;margin-bottom:.5rem}.services__form-array-item input{flex:1 1}.services__remove-item-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.services__remove-item-btn:hover{background:#fecaca}.services__form-checkboxes{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.services__checkbox-label{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.services__checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.services__form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1rem 0}.services__category-selector{position:relative}.services__category-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%236366f1' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1.5px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;font-size:.875rem;outline:none;padding:.875rem 2.5rem .875rem 1rem;transition:all .2s ease;width:100%}.services__category-select:hover{border-color:#6366f1;box-shadow:0 0 0 3px #6366f10d}.services__category-select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.services__category-select option{background:#fff;color:#1f2937;padding:.5rem}.services__category-select option:hover{background:#e0e7ff}.services__add-new-option{border-top:1px solid #e5e7eb;color:#6366f1;font-weight:600;margin-top:.5rem;padding-top:.5rem}.services__category-input-wrapper{display:flex;flex-direction:column}.services__category-input-group{align-items:center;display:flex;gap:.5rem}.services__category-input-group input{background:#fff;border:1.5px solid #6366f1;border-radius:10px;box-shadow:0 0 0 3px #6366f11a;color:#1f2937;flex:1 1;font-size:.875rem;outline:none;padding:.875rem 1rem;transition:all .2s ease}.services__category-input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.services__category-input-group input::placeholder{color:#9ca3af}.services__category-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:38px;justify-content:center;transition:all .2s ease;width:38px}.services__category-btn--confirm{background:#d1fae5;color:#065f46}.services__category-btn--confirm:hover{background:#a7f3d0;transform:scale(1.05)}.services__category-btn--confirm:active{transform:scale(.95)}.services__category-btn--cancel{background:#fee2e2;color:#991b1b}.services__category-btn--cancel:hover{background:#fecaca;transform:scale(1.05)}.services__category-btn--cancel:active{transform:scale(.95)}.services__pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 1rem 1.5rem;padding:.875rem 1.25rem}.services__pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}.services__pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.services__pagination-rows{align-items:center;display:flex;gap:.5rem}.services__pagination-rows label{color:#6b7280;font-size:.875rem;font-weight:500}.services__pagination-rows select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:.4rem .6rem;transition:border-color .2s}.services__pagination-rows select:hover{border-color:#6366f1}.services__pagination-rows select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.services__pagination-buttons{align-items:center;display:flex;gap:.375rem}.services__pagination-pages{align-items:center;display:flex;gap:.25rem}.services__pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:center;min-width:2.25rem;padding:0 .5rem;transition:all .2s}.services__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.services__pagination-btn:disabled{cursor:not-allowed;opacity:.45}.services__pagination-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.services__pagination-btn svg{font-size:.9rem}.services__pagination-ellipsis{color:#9ca3af;font-weight:500;padding:0 .4rem}@media(max-width:640px){.services__pagination{align-items:stretch;flex-direction:column;gap:.75rem}.services__pagination-info{text-align:center}.services__pagination-controls{justify-content:center}}@media(max-width:1024px){.services__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.services__stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.services__toolbar{padding:.875rem 1rem}}@media(max-width:768px){.services__header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.services__title{font-size:1.5rem}.services__toolbar{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.services__search{max-width:none}.services__filters{flex-wrap:wrap;gap:.75rem}.services__grid{gap:1rem;grid-template-columns:1fr;padding:0 .75rem}.services__stats{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.services__stat-card{padding:.75rem}.services__stat-icon{height:48px;width:48px}.services__form-row{grid-template-columns:1fr}.services__content{padding:0 .75rem .75rem}.services__card{padding:1.25rem}}@media(max-width:480px){.services__header{padding:.625rem}.services__title{font-size:1.35rem;gap:.5rem}.services__title svg{font-size:1.25rem}.services__subtitle{font-size:.8rem}.services__toolbar{padding:.625rem}.services__search{padding:.5rem .75rem}.services__search input{font-size:.8rem}.services__filters{gap:.5rem}.services__filter,.services__filter select{width:100%}.services__stats{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.625rem}.services__stat-card{padding:.625rem}.services__stat-icon{border-radius:10px;height:42px;width:42px}.services__stat-icon svg{font-size:1.25rem}.services__stat-info h3{font-size:1.5rem}.services__stat-info p{font-size:.8rem}.services__grid{gap:.75rem;padding:0}.services__card{border-radius:10px;padding:1rem}.services__card-icon{border-radius:10px;font-size:1.25rem;height:42px;width:42px}.services__card-name{font-size:1.1rem}.services__content{padding:0 .625rem .625rem}.services__form-actions{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.services__form-actions button{flex:1 1 auto;min-width:120px;width:auto}}.quotations{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.quotations__header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.quotations__header-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem}.quotations__header-actions .btn-primary,.quotations__header-actions .btn-secondary{flex:0 0 auto}.quotations__title-section{display:flex;flex-direction:column;gap:.5rem}.quotations__title{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.quotations__title svg{color:#6366f1}.quotations__subtitle{color:#6b7280;font-size:.875rem;margin:0}.quotations__stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:1rem}.quotations__stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.quotations__stat-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.quotations__stat-icon svg{font-size:1.125rem}.quotations__stat-icon--blue{background:#e0e7ff}.quotations__stat-icon--blue svg{color:#6366f1}.quotations__stat-icon--amber{background:#fef3c7}.quotations__stat-icon--amber svg{color:#fbbf24}.quotations__stat-icon--orange{background:#fffbeb}.quotations__stat-icon--orange svg{color:#f59e0b}.quotations__stat-icon--green{background:#d1fae5}.quotations__stat-icon--green svg{color:#10b981}.quotations__stat-icon--green-light{background:#ecfdf5}.quotations__stat-icon--green-light svg{color:#10b981}.quotations__stat-icon--red{background:#fee2e2}.quotations__stat-icon--red svg{color:#ef4444}.quotations__stat-icon--red-light{background:#fff1f2}.quotations__stat-icon--red-light svg{color:#ef4444}.quotations__stat-icon svg{font-size:1.25rem}.quotations__stat-info h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.quotations__stat-info p{color:#6b7280;font-size:.75rem;margin:0}.quotations__toolbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1rem 2rem}.quotations__search{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex:1 1;gap:.75rem;max-width:600px;padding:.625rem 1rem}.quotations__search svg{color:#6b7280;font-size:1rem}.quotations__search input{background:none;border:none;color:#1f2937;flex:1 1;font-size:.875rem;outline:none}.quotations__search input::placeholder{color:#9ca3af}.quotations__toolbar-right{align-items:center;display:flex;gap:1rem}.quotations__date-range{align-items:center;display:flex;gap:.5rem}.quotations__date-range label{color:#6b7280;font-size:.75rem;margin-right:.25rem}.quotations__date-range input[type=date]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:.875rem;outline:none;padding:.4rem .5rem}.quotations__date-range input[type=date]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f10f}.quotations__column-selector{position:relative}.quotations__column-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem .875rem;transition:all .2s ease}.quotations__column-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.quotations__column-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.quotations__column-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem}.quotations__column-menu-header button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;padding:.25rem;transition:color .2s ease}.quotations__column-menu-header button:hover{color:#1f2937}.quotations__column-menu-items{max-height:400px;overflow-y:auto;padding:.5rem 0}.quotations__column-menu-item{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem;transition:background .2s ease}.quotations__column-menu-item:hover{background:#f3f4f6}.quotations__column-menu-item .quotations__clickable{cursor:pointer}.quotations__column-menu-item .quotations__sort-icon-muted{opacity:.3}.quotations__column-menu-item input[type=checkbox]{display:none}.quotations__column-menu-item svg{color:#6366f1;flex-shrink:0;font-size:1rem}.quotations__column-menu-item span{flex:1 1}.quotations__column-menu-item--select-all{background:#f8f9fa}.quotations__column-menu-item--select-all:hover{background:#f3f4f6}.quotations__column-menu-item--select-all span{color:#1f2937}.quotations__column-menu-divider{background:#e5e7eb;height:1px;margin:.25rem 0}.quotations__filter{align-items:center;display:flex;gap:.5rem}.quotations__filter svg{color:#6b7280}.quotations__filter select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.875rem;outline:none;padding:.5rem .75rem}.quotations__filter select:focus{border-color:#6366f1}.quotations__content{flex:1 1;overflow-y:auto;padding:1rem}.quotations__table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.quotations__table{border-collapse:collapse;width:100%}.quotations__table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.quotations__table thead th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.quotations__table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s}.quotations__table tbody tr:hover{background:#f9fafb}.quotations__table tbody tr:last-child{border-bottom:none}.quotations__table tbody td{color:#1f2937;font-size:.875rem;padding:1rem}.quotations__table tbody td.quotations__col-no,.quotations__table tbody th.quotations__col-no{max-width:40px;min-width:40px;width:40px}.quotations__table tbody td.quotations__col-id,.quotations__table tbody th.quotations__col-id{max-width:120px;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}.quotations__table tbody td.quotations__col-client,.quotations__table tbody th.quotations__col-client{min-width:120px;width:140px}.quotations__table tbody td.quotations__col-event-date,.quotations__table tbody th.quotations__col-event-date{min-width:120px;width:100px}.quotations__table tbody td.quotations__col-services,.quotations__table tbody th.quotations__col-services{max-width:300px!important;min-width:150px!important;width:250px!important}.quotations__table tbody td.quotations__col-amount,.quotations__table tbody th.quotations__col-amount{min-width:90px;width:90px}.quotations__table tbody td.quotations__col-date,.quotations__table tbody th.quotations__col-date{min-width:80px;width:80px}.quotations__table tbody td.quotations__col-status,.quotations__table tbody th.quotations__col-status{min-width:90px!important;width:90px!important}.quotations__table tbody td.quotations__col-actions,.quotations__table tbody th.quotations__col-actions{min-width:60px!important;width:60px!important}.quotations .quotations__status--badge{background:#6366f114;color:#6b7280}.quotations .quotations__status--pending{background:#fef3c7;color:#92400e}.quotations .quotations__status--approved{background:#d1fae5;color:#065f46}.quotations .quotations__status--rejected{background:#fee2e2;color:#991b1b}.quotations__id{color:#6366f1;font-family:Courier New,monospace;font-weight:600}.quotations__client{align-items:center;display:flex;gap:.75rem}.quotations__client-info{display:flex;flex-direction:column}.quotations__client-name{color:#1f2937;font-weight:600}.quotations__client-email,.quotations__client-phone{color:#6b7280;font-size:.75rem}.quotations__services{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:repeat(2,1fr);width:100%}.quotations__service-tag{background:#e0e7ff;color:#6366f1;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.quotations__service-more,.quotations__service-tag{border-radius:12px;font-size:.75rem;padding:.25rem .625rem}.quotations__service-more{background:#f3f4f6;color:#6b7280;font-weight:600}.quotations__amount{color:#10b981;font-size:1rem;font-weight:700}.quotations__date{color:#6b7280;font-size:.875rem}.quotations__status{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.quotations__status svg{font-size:.65rem}.quotations__status--pending{background:#fef3c7;color:#92400e}.quotations__status--approved{background:#d1fae5;color:#065f46}.quotations__status--rejected{background:#fee2e2;color:#991b1b}.quotations__actions{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;width:fit-content}.quotations__action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s;width:32px}.quotations__action-btn--view{background:#e0e7ff;color:#6366f1}.quotations__action-btn--view:hover{background:#c7d2fe}.quotations__action-btn--download{background:#dbeafe;color:#0ea5e9}.quotations__action-btn--download:hover{background:#bfdbfe}.quotations__action-btn--email{background:#fef3c7;color:#f59e0b}.quotations__action-btn--email:hover{background:#fde68a}.quotations__action-btn--whatsapp{background:#e6f7ed;color:#25d366}.quotations__action-btn--whatsapp:hover{background:#c6f0d7}.quotations__action-btn--delete{background:#fee2e2;color:#ef4444}.quotations__action-btn--delete:hover{background:#fecaca}.quotations__empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.quotations__empty svg{font-size:4rem;margin-bottom:1rem;opacity:.5}.quotations__empty h3{color:#6b7280;font-size:1.25rem;margin:0 0 .5rem}.quotations__empty p{font-size:.875rem;margin:0}.quotations__form{flex-direction:column}.quotations__form-section{margin-bottom:0}.quotations__form-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.quotations__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.quotations__form-row--3col{grid-template-columns:repeat(3,1fr)}.quotations__form-row--2col{grid-template-columns:repeat(2,1fr)}.quotations__form-row--mt{margin-top:20px}.quotations__form-group{display:flex;flex-direction:column;gap:.5rem}.quotations__form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.quotations__form-group input,.quotations__form-group select,.quotations__form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s}.quotations__form-group input:focus,.quotations__form-group select:focus,.quotations__form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.quotations__form-group input::placeholder,.quotations__form-group select::placeholder,.quotations__form-group textarea::placeholder{color:#9ca3af}.quotations__form-group textarea{font-family:inherit;resize:vertical}.quotations__form-group select{cursor:pointer}.quotations .quotations__form-group--wide{flex:2 1}.quotations .quotations__charge-desc--flex1{flex:1 1}.quotations .quotations__charge-amount--fixed{width:140px}.quotations .quotations__add-charge-row{display:flex;gap:.5rem;margin:.75rem 0}.quotations .quotations__item-qty{text-align:center}.quotations .quotations__item-line,.quotations .quotations__item-unit{text-align:right}.quotations input[type=number]{appearance:textfield}.quotations input[type=number]::-webkit-inner-spin-button,.quotations input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quotations__line-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1rem;position:relative}.quotations__line-item-row--details>.quotations__form-group{flex:0 1 auto;min-width:0}.quotations__line-item-row--details>.quotations__form-group:first-child,.quotations__line-item-row--details>.quotations__form-group:nth-child(2){flex-basis:30%}.quotations__line-item-row--details>.quotations__form-group:nth-child(3){flex-basis:40%}.quotations__line-total{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#10b981;font-weight:700;padding:.75rem;text-align:right}.quotations__remove-item{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;position:absolute;right:0;top:0;transition:all .2s;width:30px}.quotations__remove-item:hover{color:#ff9393}.quotations__summary{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.quotations__form-actions{padding:1rem!important}.quotations__additional-charges{display:flex;flex-direction:column;gap:.5rem}.quotations__additional-charges .quotations__charge-row{align-items:flex-end;background:#0000;display:flex;gap:1rem;margin:1rem 0;padding-top:1.75rem;position:relative}.quotations__additional-charges .quotations__charge-desc{flex:1 1;margin:0}.quotations__additional-charges .quotations__charge-desc>label{display:block;text-align:left}.quotations__additional-charges .quotations__charge-remove{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:all .2s;width:32px;z-index:1}.quotations__additional-charges .quotations__charge-remove:hover{background:#fecaca;color:#dc2626}.quotations__additional-charges .quotations__charge-amount{flex-shrink:0;width:140px}.quotations__additional-charges .quotations__charge-amount input{text-align:right}.quotations__summary-row{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.quotations__summary-row:not(:last-child){border-bottom:1px solid #e5e7eb}.quotations__summary-total{color:#1f2937;font-size:1.25rem;font-weight:700;padding-top:1rem}.quotations__summary-total span:last-child{color:#10b981}.quotations__discount{color:#ef4444!important}.quotations__card-actions{gap:.375rem}.quotations__card-actions button{flex:0 1 auto;height:36px;max-width:80px;min-width:44px;width:auto}.quotations__view{padding:0}.quotations__view-header{grid-gap:.5rem 1rem;align-items:start;border-bottom:2px solid #e5e7eb;display:grid;gap:.5rem 1rem;grid-template-rows:auto auto;margin-bottom:1.5rem;padding-bottom:1.5rem}.quotations__view-header-top{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:auto 1fr auto}.quotations__view-status-left,.quotations__view-top-actions{align-items:center;display:flex}.quotations__view-top-actions{justify-content:flex-end}.quotations__view-client h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.quotations__view-client p{color:#6b7280;font-size:.875rem;margin:0}.quotations__view-section{margin-bottom:1.5rem}.quotations__view-section h4{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-align:left!important;text-transform:uppercase}.quotations__view-section--total{align-items:center;display:flex;gap:1rem;justify-content:space-between}.quotations__view-section--total h4{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-align:left;text-transform:uppercase}.quotations__view-section--total .quotations__view-amount{margin:0}.quotations__view-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.quotations__view-row div{display:flex;flex-direction:column}.quotations__view-row label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.quotations__view-row span{color:#1f2937;font-size:.875rem}.quotations__view-client-row{align-items:center;display:flex;gap:1rem;grid-column:1/-1;justify-content:space-between}.quotations__view-client-row .quotations__view-client h3{margin:0 0 .25rem}.quotations__view-client-row .quotations__view-client p{margin:0}.quotations__view-client-row .quotations__view-date-right{align-items:flex-end;display:flex;flex-direction:column}.quotations__view-client-row .quotations__view-date-right label{color:#6b7280;font-size:.75rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.quotations__view-client-row .quotations__view-date-right span{color:#1f2937;font-size:.875rem;font-weight:600}.quotations__view-services{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.quotations__view-services li{background:#f3f4f6;border-radius:8px;color:#1f2937;font-size:.875rem;padding:.75rem}.quotations__view-items{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.quotations__view-items .quotations__items-table{border-collapse:collapse;font-size:.95rem;min-width:520px;width:100%}.quotations__view-items .quotations__items-table thead th{background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:.75rem;text-align:left;text-transform:uppercase}.quotations__view-items .quotations__items-table tbody tr td{border-bottom:1px solid #f1f5f9;color:#1f2937;padding:.75rem;vertical-align:middle}.quotations__view-items .quotations__items-table tbody tr:last-child td{border-bottom:none}.quotations__view-items .quotations__items-table tbody .quotations__items-subtotal td{border-top:1px solid #e5e7eb;color:#1f2937;font-weight:700;padding-bottom:.25rem;padding-top:.75rem}.quotations__view-items .quotations__items-table .quotations__item-qty{text-align:center}.quotations h4,.quotations__view-items .quotations__items-table .quotations__item-line,.quotations__view-items .quotations__items-table .quotations__item-unit{text-align:right}.quotations__view-amount{color:#10b981;font-size:1.5rem;font-weight:700;text-align:right}.quotations__view-charges{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.quotations__view-charges li{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem .75rem}.quotations__view-charges .quotations__charge-desc{color:#374151;font-size:.9rem;font-weight:600}.quotations__view-charges .quotations__charge-amount{color:#1f2937;font-size:.95rem}.quotations__view-actions{border-top:2px solid #e5e7eb;display:flex;gap:1rem;padding:1.5rem 0}.btn-success{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.btn-success:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.btn-danger{background:#ef4444;border:none;color:#fff;flex:1 1;font-size:.875rem;padding:.75rem 1.5rem}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.quotations__pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem 1.5rem}.quotations__pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}.quotations__pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.quotations__pagination-rows{align-items:center;display:flex;gap:.5rem}.quotations__pagination-rows label{color:#6b7280;font-size:.875rem;font-weight:500}.quotations__pagination-rows select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.quotations__pagination-rows select:hover{border-color:#6366f1}.quotations__pagination-rows select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.quotations__pagination-buttons{align-items:center;display:flex;gap:.5rem}.quotations__pagination-pages{align-items:center;display:flex;gap:.25rem}.quotations__pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem;padding:0 .75rem;transition:all .2s}.quotations__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.quotations__pagination-btn:disabled{cursor:not-allowed;opacity:.5}.quotations__pagination-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.quotations__pagination-btn.active:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.quotations__pagination-btn svg{font-size:1rem}.quotations__pagination-ellipsis{color:#9ca3af;font-weight:500;padding:0 .5rem}@media(max-width:1200px){.quotations__table{font-size:.8125rem}.quotations__table td,.quotations__table th{padding:.75rem .5rem}.quotations__stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.quotations__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.quotations__toolbar{padding:1rem}}@media(max-width:968px){.quotations__header{padding:.875rem}.quotations__stats{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:.875rem}.quotations__stat-card{padding:.625rem}.quotations__toolbar{flex-wrap:wrap;gap:.75rem;padding:.875rem}.quotations__grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.quotations__content{padding:.875rem}}@media(max-width:768px){.quotations__header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.quotations__header-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-end;width:100%}.quotations__title{font-size:1.5rem}.quotations__subtitle{font-size:.8125rem}.quotations__toolbar{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.quotations__search{max-width:none;width:100%}.quotations__toolbar-right{flex-wrap:wrap;gap:.5rem;justify-content:space-between}.quotations__date-range{flex:1 1;flex-wrap:wrap;gap:.375rem;min-width:100%}.quotations__date-range label{font-size:.75rem}.quotations__date-range input[type=date]{flex:1 1;font-size:.8125rem;min-width:120px;padding:.5rem}.quotations__filter{flex:1 1;min-width:120px}.quotations__filter select{font-size:.8125rem;width:100%}.quotations__stats{gap:.625rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.quotations__stat-card{gap:.5rem;padding:.5rem}.quotations__stat-icon{height:36px;width:36px}.quotations__stat-icon svg{font-size:1rem}.quotations__stat-info h3{font-size:1.125rem}.quotations__stat-info p{font-size:.6875rem}.quotations__table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.quotations__table{min-width:600px}.quotations__form-row,.quotations__form-row--2col,.quotations__form-row--3col{grid-template-columns:1fr}.quotations__line-item-row{align-items:stretch;flex-direction:column}.quotations__line-item-row--details{flex-wrap:wrap;gap:.75rem}.quotations__line-item-row--details>.quotations__form-group{flex:1 1 100%;min-width:100%}.quotations__view-row{grid-template-columns:1fr}.quotations__view-header{align-items:flex-start;gap:.5rem;grid-template-rows:auto auto}.quotations__view-header-top{align-items:center;gap:.5rem;grid-column:1/-1;grid-template-columns:1fr auto}.quotations__view-client-row{align-items:flex-start;flex-direction:column;gap:.75rem}.quotations__view-client-row .quotations__view-date-right{align-items:flex-start}.quotations__view-top-actions{justify-content:flex-start}.quotations__view-actions{flex-direction:row;gap:.5rem}.quotations__view-actions button{width:100%}.quotations__grid{gap:1rem;grid-template-columns:1fr}.quotations__card{padding:1rem}.quotations__content{padding:.75rem}.quotations .quotations .modal__content{padding:0!important}.quotations .modal__content{padding:.5rem .5rem 0!important}.quotations__summary{margin:0}.quotations__form-actions{padding:.75rem!important}.quotations__column-menu{bottom:1rem;left:.5rem;max-width:calc(100vw - 1rem);position:fixed;right:.5rem;top:auto}.quotations__view-toggle{flex-shrink:0}.quotations__pagination{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.quotations__pagination-info{font-size:.8125rem;text-align:center}.quotations__pagination-controls{flex-direction:column;gap:.75rem}.quotations__pagination-buttons,.quotations__pagination-rows{justify-content:center}}@media(max-width:480px){.quotations__header{padding:.625rem}.quotations__title{font-size:1.25rem;gap:.5rem}.quotations__title svg{font-size:1.125rem}.quotations__subtitle{font-size:.75rem}.quotations__add-item-btn{flex:0 0 auto;font-size:.825rem;max-width:9rem;min-width:0;padding:.4rem .65rem;white-space:nowrap;width:auto}.quotations__header-actions{flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;width:100%}.quotations__header-actions .btn-primary,.quotations__header-actions .btn-secondary{flex-basis:calc(50% - 0.25rem);flex-grow:0;flex-shrink:0;font-size:.9rem;justify-content:center;max-width:calc(45% - .25rem);min-width:0;padding:.45rem .7rem;white-space:nowrap}.quotations__toolbar{gap:.5rem;padding:.5rem}.quotations__search{padding:.5rem .75rem}.quotations__search input{font-size:.8125rem}.quotations__stats{grid-template-columns:1fr 1fr}.quotations__stat-card,.quotations__stats{gap:.5rem;padding:.5rem}.quotations__stat-icon{height:32px;width:32px}.quotations__stat-icon svg{font-size:.875rem}.quotations__stat-info h3{font-size:1rem}.quotations__stat-info p{font-size:.625rem}.quotations__content{padding:0}.quotations .quotations .modal__content{padding:0!important}.quotations__summary{margin:0}.quotations__grid{gap:.5rem!important}.quotations__card{gap:1rem;margin:.5rem;padding:.85rem!important}.quotations__card-header{flex-wrap:wrap;gap:.5rem}.quotations__card-id{font-size:.75rem}.quotations__card-client{align-items:flex-start;flex-direction:column;gap:.75rem}.quotations__card-client-info h3{font-size:1rem}.quotations__card-client-info p{font-size:.8125rem}.quotations__card-event-date{align-items:flex-start;text-align:left}.quotations__card-event-date label{font-size:.875rem}.quotations__card-event-date span{font-size:.8125rem}.quotations__card-services{gap:.375rem}.quotations__service-tag{font-size:.6875rem;padding:.2rem .5rem}.quotations__card-details{gap:.5rem;padding:.75rem 0}.quotations__card-detail{gap:.5rem}.quotations__card-detail label,.quotations__card-detail span{font-size:.8125rem}.quotations__card-actions{flex-wrap:wrap;gap:.375rem}.quotations__card-actions .quotations__action-btn{flex:1 1;height:36px;max-width:none;min-width:calc(50% - .25rem)}.quotations__table{min-width:500px}.quotations__view-toggle{justify-content:center;width:100%}.quotations__view-btn{flex:1 1;padding:.5rem}.quotations__pagination{padding:.625rem}.quotations__pagination-btn{font-size:.75rem;height:1.875rem;min-width:1.875rem;padding:0 .375rem}.quotations__pagination-pages{gap:.125rem}.quotations__pagination-info{font-size:.75rem}.quotations__form{gap:1rem;padding:0!important}.quotations__form-section-header{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.quotations__form-section-header h3{font-size:1rem;margin:0}.quotations__form-section-header .btn-secondary{align-items:center;border-radius:8px;display:inline-flex;flex:1 1 auto;font-size:.9rem;gap:.5rem;padding:.45rem .7rem;white-space:nowrap}.quotations__form-group label{font-size:.8125rem}.quotations__form-group input,.quotations__form-group select,.quotations__form-group textarea{font-size:.8125rem;padding:.625rem}.quotations__line-item{padding:.75rem}.quotations__remove-item{height:28px;width:28px}.quotations__summary{padding:.5rem}.quotations__form-actions{display:flex!important;justify-content:space-between!important}.quotations__form-actions button{flex:1 1 auto;min-width:100px;width:auto}.quotations__view{padding:0}.quotations .modal__content{padding:.5rem .5rem 0!important}.quotations .quotations__form-actions{display:flex!important;justify-content:space-between!important;padding:.5rem .25rem!important}.quotations .quotations__form-actions>button{flex:0 0 auto!important;min-width:70px!important;padding:.45rem .6rem!important;white-space:nowrap!important;width:auto!important}.quotations__view-header{margin-bottom:1rem;padding-bottom:1rem}.quotations__view-client h3{font-size:1.25rem}.quotations__view-amount{font-size:1.5rem}}@media(max-width:360px){.quotations__title{font-size:1.125rem}.quotations__stats{grid-template-columns:1fr}.quotations__stat-card{flex-direction:row;justify-content:flex-start}.quotations__card-actions .quotations__action-btn{min-width:44px}.quotations__filter select{font-size:.75rem;padding:.4rem .5rem}}.quotations__view-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden}.quotations__view-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem .875rem;transition:all .2s ease}.quotations__view-btn:hover{background:#f3f4f6;color:#1f2937}.quotations__view-btn.active{background:#6366f1;color:#fff}.quotations__view-btn:not(:last-child){border-right:1px solid #e5e7eb}.quotations__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0}.quotations__card{background:#f4f4f8;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 0 9px 6px #0000001a;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.quotations__card:hover{box-shadow:0 0 9px 6px #0003}.quotations__card-header{align-items:center;display:flex;justify-content:space-between}.quotations__card-id{color:#6366f1;font-size:.875rem;font-weight:600}.quotations__card-client{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.quotations__card-client-info{flex:1 1}.quotations__card-client-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.quotations__card-client-info p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.quotations__card-event-date{align-items:flex-end;display:flex;flex-direction:column;text-align:right;white-space:nowrap}.quotations__card-event-date label{color:#474747;font-size:1rem;margin:0}.quotations__card-event-date span{color:#1f2937;font-size:.875rem;font-weight:700}.quotations__card-services{display:flex;flex-wrap:wrap;gap:.5rem}.quotations__card-details{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.quotations__card-detail{align-items:center;display:flex;gap:.75rem}.quotations__card-detail svg{color:#6366f1;font-size:1rem}.quotations__card-detail div{align-items:center;display:flex;flex:1 1;justify-content:space-between}.quotations__card-detail label{color:#6b7280;font-size:.875rem;margin:0}.quotations__card-detail span{color:#1f2937;font-size:.875rem;font-weight:600}.quotations__card-actions{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;margin-top:auto;overflow-x:auto}.quotations__card-actions .quotations__action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:0 1 auto;font-size:0;height:32px;justify-content:center;max-width:80px;min-width:44px;padding:.5rem;transition:all .2s;width:auto}.quotations__card-actions .quotations__action-btn:hover{background:#f3f4f6}.quotations__card-actions .quotations__action-btn svg{height:16px;width:16px}.quotations__form{box-sizing:border-box;display:flex;gap:1.5rem;margin:0 auto;max-height:80vh;padding:1rem}.btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .15s ease}.btn-primary:hover{background:#4f46e5}.btn-secondary{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.6rem .9rem;transition:all .15s ease}.btn-secondary:hover{background:#f3f4f6}.quotations__line-item{display:flex;flex-direction:column;gap:.75rem;padding:.85rem}.quotations__line-item-row{align-items:flex-end;display:flex;gap:1rem}.quotations__line-item-row--service{align-items:stretch;flex-direction:column}.quotations__line-item-row--details{display:flex;flex-wrap:nowrap;gap:1rem}.quotations__line-item-row--details>.quotations__form-group{flex:1 1 auto;min-width:80px}.quotations__remove-item{order:100}.quotations__form-group input,.quotations__form-group select,.quotations__form-group textarea{width:100%}@media(max-width:900px){.quotations__form{grid-template-columns:1fr;padding:1rem}.quotations__form-actions,.quotations__summary{grid-column:1/-1}.quotations__form-row{grid-template-columns:1fr}.quotations__line-item-row{align-items:stretch;flex-direction:column}.quotations__remove-item{align-self:flex-end;margin-left:0;order:100}}@media(max-width:625px){.quotations__additional-charges .quotations__charge-row{flex-direction:column;gap:.75rem;padding-top:0}.quotations__additional-charges .quotations__charge-amount--fixed,.quotations__additional-charges .quotations__charge-desc{width:100%}.quotations__additional-charges .quotations__charge-desc>label{display:block;padding-right:52px;position:relative;text-align:left}.quotations__additional-charges .quotations__charge-remove{right:8px;top:50%;transform:translateY(-50%)}}.quotations__terms-section .quotations__policy-groups{max-height:400px;overflow-y:auto;padding-right:.5rem}.quotations__terms-section .quotations__policy-groups::-webkit-scrollbar{width:8px}.quotations__terms-section .quotations__policy-groups::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.quotations__terms-section .quotations__policy-groups::-webkit-scrollbar-thumb{background:#10b981;border-radius:4px}.quotations__terms-section .quotations__policy-groups::-webkit-scrollbar-thumb:hover{background:#059669}.quotations__terms-section .quotations__policy-group{transition:all .2s ease}.quotations__terms-section .quotations__policy-group:hover{box-shadow:0 2px 8px #10b98126}.modal__content .quotations__policy-groups input[type=checkbox],.quotations .quotations__policy-groups input[type=checkbox],.quotations__policy-groups input[type=checkbox]{accent-color:#10b981;appearance:checkbox;cursor:pointer;height:16px;width:16px}.modal__content .quotations__policy-groups input[type=checkbox]:checked,.quotations__policy-groups input[type=checkbox]:checked{background-color:#10b981;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.003 10.803 3.2 7.999l-.707.707 3.51 3.514 7.512-7.513L12.808 4z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:70% 70%;border-color:#10b981}.quotations__form-group input[type=email],.quotations__form-group input[type=number],.quotations__form-group input[type=tel],.quotations__form-group input[type=text],.quotations__form-group input[type=url]{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s}.quotations__form-group input[type=email]:focus,.quotations__form-group input[type=number]:focus,.quotations__form-group input[type=tel]:focus,.quotations__form-group input[type=text]:focus,.quotations__form-group input[type=url]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.quotations__form-group input[type=email]::placeholder,.quotations__form-group input[type=number]::placeholder,.quotations__form-group input[type=tel]::placeholder,.quotations__form-group input[type=text]::placeholder,.quotations__form-group input[type=url]::placeholder{color:#9ca3af}.quotations__terms-section .quotations__form-group{margin-bottom:0}.quotations__table .quotations__services{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.quotations__table .quotations__service-more,.quotations__table .quotations__service-tag{display:inline-block;margin:0;white-space:nowrap}.billing{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.billing__header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.billing__title-section{display:flex;flex-direction:column;gap:.5rem}.billing__title{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.billing__title svg{color:#6366f1}.billing__subtitle{color:#6b7280;font-size:.875rem;margin:0}.billing__stats{grid-gap:1rem;display:grid;flex-shrink:0;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:1rem}.billing__stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.billing__stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.billing__stat-icon svg{font-size:1.25rem}.billing__stat-info h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.billing__stat-info p{color:#6b7280;font-size:.875rem;margin:0}.billing__toolbar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.billing__search{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex:1 1;gap:.75rem;max-width:500px;min-width:200px;padding:.625rem 1rem}.billing__search svg{color:#6b7280;font-size:1rem}.billing__search input{background:none;border:none;color:#1f2937;flex:1 1;font-size:.875rem;outline:none}.billing__search input::placeholder{color:#9ca3af}.billing__filter{align-items:center;display:flex;gap:.5rem}.billing__filter svg{color:#6b7280}.billing__filter select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.875rem;outline:none;padding:.5rem .75rem}.billing__filter select:focus{border-color:#6366f1}.billing__content{flex:1 1;overflow-y:auto;padding:1rem}.billing__table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.billing__table{border-collapse:collapse;width:100%}.billing__table .billing__col-no{min-width:80px;width:80px}.billing__table .billing__col-id{min-width:140px;width:140px}.billing__table .billing__col-quotation-id{min-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:160px}.billing__table .billing__col-event-id{min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:140px}.billing__table .billing__col-client{min-width:200px;width:300px}.billing__table .billing__col-services{max-width:200px;min-width:150px}.billing__table .billing__col-amount,.billing__table .billing__col-balance,.billing__table .billing__col-paid{min-width:100px;text-align:center;width:120px}.billing__table .billing__col-status{min-width:120px;text-align:center;width:140px}.billing__table .billing__col-actions{min-width:100px;width:100px}.billing__table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.billing__table thead th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.billing__table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s}.billing__table tbody tr:hover{background:#f9fafb}.billing__table tbody tr:last-child{border-bottom:none}.billing__table tbody td{color:#1f2937;font-size:.875rem;padding:1rem}.billing__id{color:#6366f1;font-family:Courier New,monospace;font-weight:600}.billing__client{align-items:center;display:flex;gap:.75rem}.billing__client-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.billing__client-info{display:flex;flex-direction:column}.billing__client-name{color:#1f2937;font-weight:600}.billing__client-email,.billing__client-phone{color:#6b7280;font-size:.75rem}.billing__services{display:flex;flex-wrap:wrap;gap:.375rem}.billing__service-tag{background:#e0e7ff;color:#6366f1;font-weight:500}.billing__service-more,.billing__service-tag{border-radius:12px;font-size:.75rem;padding:.25rem .625rem}.billing__service-more{background:#f3f4f6;color:#6b7280;font-weight:600}.billing__amount{color:#1f2937;font-size:1rem;font-weight:700}.billing__paid{color:#10b981;font-weight:600}.billing__balance{color:#c43737;font-size:1rem;font-weight:700}.billing__date{color:#6b7280;font-size:.875rem}.billing__status{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.billing__status svg{font-size:.65rem}.billing__status--paid{background:#d1fae5;color:#065f46}.billing__status--partial{background:#dbeafe;color:#075985}.billing__status--pending{background:#fef3c7;color:#92400e}.billing__status--overdue{background:#fee2e2;color:#991b1b}.billing .billing__status--view{align-items:center;border-radius:18px;display:inline-flex;font-weight:600;gap:.375rem;padding:.375rem .75rem}.billing__actions{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;width:fit-content}.billing__action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s;width:32px}.billing__action-btn--view{background:#e0e7ff;color:#6366f1}.billing__action-btn--view:hover{background:#c7d2fe}.billing__action-btn--payment{background:#d1fae5;color:#10b981}.billing__action-btn--payment:hover{background:#a7f3d0}.billing__action-btn--download{background:#dbeafe;color:#0ea5e9}.billing__action-btn--download:hover{background:#bfdbfe}.billing__action-btn--email{background:#fef3c7;color:#f59e0b}.billing__action-btn--email:hover{background:#fde68a}.billing__action-btn--whatsapp{background:#e6f7ed;color:#25d366}.billing__action-btn--whatsapp:hover{background:#c6f0d7}.billing__action-btn--delete{background:#fee2e2;color:#ef4444}.billing__action-btn--delete:hover{background:#fecaca}.billing__empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.billing__empty svg{font-size:4rem;margin-bottom:1rem;opacity:.5}.billing__empty h3{color:#6b7280;font-size:1.25rem;margin:0 0 .5rem}.billing__empty p{font-size:.875rem;margin:0}.billing__payment-form{padding:1rem}.billing__payment-summary{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.billing__payment-summary-row{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.billing__payment-summary-row:not(:last-child){border-bottom:1px solid #e5e7eb}.billing__payment-summary-row span:last-child{color:#1f2937;font-weight:600}.billing__payment-summary-balance{font-size:1.125rem;padding-top:1rem}.billing__payment-summary-balance span:last-child{color:#fbbf24;font-size:1.5rem}.billing__payment-paid{color:#10b981!important}.billing__form-group{margin-bottom:1rem}.billing__form-group label{color:#1f2937;margin-bottom:.5rem}.billing__form-group input,.billing__form-group select,.billing__form-group textarea{border:1px solid #e5e7eb;outline:none}.billing__form-group .billing__quotation-input{background:#fff;border:1px solid #d1d1d1!important;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:.875rem;outline:none;padding:.75rem 42px .75rem .75rem;transition:all .2s;width:100%}.billing__form-group .billing__quotation-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:160px;left:0;list-style:none;margin:0;overflow:auto;padding:0;position:absolute;right:0;top:calc(100% + 6px);z-index:40}.billing__form-group .billing__quotation-dropdown li{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:8px 10px}.billing__form-group .billing__quotation-dropdown li:hover{background:#f3f4f6}.billing__form-group .billing__quotation-dropdown li div:first-child{color:#111;font-size:13px}.billing__form-group .billing__quotation-dropdown li div:last-child{color:#6b7280;font-size:12px}.billing__form-group .billing__quotation-clear{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background .12s ease,color .12s ease;width:32px}.billing__form-group .billing__quotation-clear:hover{background:#f3f4f6;color:#111}.billing__form-group .billing__quotation-empty-state{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.7rem}.billing__form-group .billing__quotation-empty-message{color:#9ca3af;font-size:1rem}.billing__label-with-checkbox{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;min-height:1.25rem}.billing__label-with-checkbox label:first-child{margin-bottom:0}.billing__checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin:0!important;-webkit-user-select:none;user-select:none}.billing__checkbox-label input[type=checkbox]{accent-color:#6366f1;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;height:16px;margin:0;padding:0;width:16px}.billing__checkbox-label span{color:#807f7f;font-size:.85rem}.billing__mode-switch{align-items:center;display:inline-flex;gap:.75rem}.billing .billing__mode-label{color:#6b7280;font-size:.85rem;font-weight:600;-webkit-user-select:none;user-select:none}.billing .billing__mode-label--active{color:#111827}.billing .switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.billing .switch input{height:0;opacity:0;width:0}.billing .switch .slider{background-color:#d1d5db;border:none;border-radius:999px;bottom:0;box-shadow:inset 0 1px 3px #0000001f;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.billing .switch .slider:before{background-color:#6366f1;border-radius:50%;bottom:3px;box-shadow:0 1px 4px #10182838;content:"";height:18px;left:3px;position:absolute;transition:transform .2s ease;width:18px}.billing .switch input:checked+.slider:before{transform:translateX(20px)}.billing__toggle-mode-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;padding:.375rem .5rem;transition:all .2s ease}.billing__toggle-mode-btn:hover{background:#e0e7ff;border-color:#6366f1;transform:scale(1.05)}.billing__toggle-mode-btn:active{transform:scale(.95)}.billing__toggle-mode-btn svg{font-size:.875rem}.billing__form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}.billing__form-actions button:disabled{cursor:not-allowed;opacity:.5}.billing .billing__stat-icon--indigo{background:#e0e7ff}.billing .billing__stat-icon--green{background:#d1fae5}.billing .billing__stat-icon--amber{background:#fef3c7}.billing .billing__stat-icon--red{background:#fee2e2}.billing .billing__stat-svg--indigo{color:#6366f1}.billing .billing__stat-svg--green{color:#10b981}.billing .billing__stat-svg--amber{color:#fbbf24}.billing .billing__stat-svg--red{color:#ef4444}.billing .billing__header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.billing .billing__export-btn{margin-right:8px}.billing .billing__table tbody tr[role=button],.billing .billing__table tbody tr[tabindex]{cursor:pointer}.billing .billing__sort-icon--muted{opacity:.3}.billing .billing__col-no{width:60px}.billing .billing__status{align-items:center;border-radius:6px;display:inline-flex;font-weight:600;gap:.5rem;padding:.4rem .75rem}.billing .billing__status--pending{background:hsla(48,96%,89%,.251);color:#fbbf24}.billing .billing__status--paid,.billing .billing__status--partial{background:rgba(209,250,229,.251);color:#10b981}.billing .billing__status--overdue{background:hsla(0,93%,94%,.251);color:#ef4444}.billing__invoice-view{padding:1rem}.billing__invoice-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.billing__invoice-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.billing__invoice-edit-btn{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.billing__invoice-edit-btn svg{font-size:.875rem}.billing__invoice-client h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.billing__invoice-client p{color:#6b7280;font-size:.875rem;margin:0}.billing__invoice-section{margin-bottom:1.5rem}.billing__invoice-section h4{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.billing__invoice-additional-charges{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.billing__invoice-charge-row{align-items:center;background:#f3f4f6;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.6rem .75rem}.billing__invoice-charge-desc{color:#374151;flex:1 1 auto;font-size:.95rem;margin-right:.5rem}.billing__invoice-charge-amount{color:#1f2937;flex:0 0 auto;font-weight:600;min-width:80px;text-align:right}.billing__invoice-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.billing__invoice-row div{display:flex;flex-direction:column}.billing__invoice-row label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.billing__invoice-row span{color:#1f2937;font-size:.875rem}.billing__invoice-services{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.billing__invoice-services li{background:#f3f4f6;border-radius:8px;color:#1f2937;font-size:.875rem;padding:.75rem}.billing__invoice-items-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.billing__invoice-items-table{border-collapse:collapse;min-width:520px;width:100%}.billing__invoice-items-table td,.billing__invoice-items-table th{border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:.875rem;padding:.75rem}.billing__invoice-items-table th{background:#f9fafb;color:#6b7280;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-align:left;text-transform:uppercase}.billing__invoice-items-table tr:last-child td{border-bottom:none}.billing__invoice-items-center{text-align:center!important}.billing__invoice-items-right{text-align:right!important}.billing__invoice-empty{color:#6b7280;font-size:.9rem;margin:0}.billing__invoice-totals{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.billing__invoice-total-row{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.billing__invoice-total-row:not(:last-child){border-bottom:1px solid #e5e7eb}.billing__invoice-total-row span:last-child{color:#1f2937;font-weight:600}.billing__invoice-total-balance{font-size:1.125rem;padding-top:1rem}.billing__invoice-total-balance span:last-child{color:#fbbf24;font-size:1.75rem}.billing__invoice-actions{border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding-top:1.5rem}.billing .billing__view-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;overflow:hidden}.billing .billing__view-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem .875rem;transition:all .2s ease}.billing .billing__view-btn:hover{background:#f3f4f6;color:#1f2937}.billing .billing__view-btn.active{background:#6366f1;color:#fff}.billing .billing__view-btn:not(:last-child){border-right:1px solid #e5e7eb}.billing .billing__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0;width:100%}.billing .billing__card{background:#f4f4f8;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 0 9px 6px #0000001a;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.billing .billing__card:hover{box-shadow:0 0 9px 6px #0003}.billing .billing__card-header{align-items:center;display:flex;justify-content:space-between}.billing .billing__card-no{color:#111827;flex:0 0 auto;font-size:.95rem;font-weight:700;margin-right:.75rem}.billing .billing__card-id{color:#6366f1;flex:1 1 auto;font-size:.875rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.billing .billing__card-status{align-items:center;display:inline-flex;flex:0 0 auto;margin-left:.75rem}.billing .billing__card-client{align-items:center;display:flex;gap:1rem}.billing .billing__client-avatar--large{font-size:1.25rem;height:48px;width:48px}.billing .billing__card-client-info{flex:1 1}.billing .billing__card-client-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.billing .billing__card-client-info p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.billing .billing__card-services{display:flex;flex-wrap:wrap;gap:.5rem}.billing .billing__card-amounts{background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.billing .billing__card-amount-item{flex:1 1;text-align:center}.billing .billing__card-amount-item label{color:#6b7280;display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.billing .billing__card-amount-item span{color:#1f2937;display:block;font-size:1.125rem;font-weight:600}.billing .billing__card-amount-item.billing__card-amount-balance label{color:#6366f1}.billing .billing__card-amount-item.billing__card-amount-balance span{color:#6366f1;font-size:1.25rem}.billing .billing__amount-value{color:#1f2937!important}.billing .billing__paid-value{color:#10b981!important}.billing .billing__balance-value{color:#6366f1!important}.billing .billing__card-details{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.billing .billing__card-detail{align-items:center;display:flex;gap:.75rem}.billing .billing__card-detail svg{color:#6366f1;font-size:1rem}.billing .billing__card-detail div{align-items:center;display:flex;flex:1 1;justify-content:space-between}.billing .billing__card-detail label{color:#6b7280;font-size:.875rem;margin:0}.billing .billing__card-detail span{color:#1f2937;font-size:.875rem;font-weight:600}.billing .billing__card-actions{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:auto;overflow-x:auto}.billing .billing__card-actions .billing__action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1 auto;font-size:0;height:36px;justify-content:center;max-width:60px;min-width:44px;padding:.5rem;transition:all .2s;width:auto}.billing .billing__card-actions .billing__action-btn:hover{background:#f3f4f6}.billing .billing__card-actions .billing__action-btn svg{height:16px;width:16px}.billing .billing__toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.billing .billing__date-range{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.billing .billing__date-range label{color:#6b7280;font-size:.75rem;margin-right:.25rem}.billing .billing__date-range input[type=date]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:.875rem;min-width:120px;outline:none;padding:.4rem .5rem}.billing .billing__date-range input[type=date]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f10f}.billing .billing__column-selector{position:relative}.billing .billing__column-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem .875rem;transition:all .2s ease}.billing .billing__column-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.billing .billing__column-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.billing .billing__column-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem}.billing .billing__column-menu-header button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;padding:.25rem;transition:color .2s ease}.billing .billing__column-menu-header button:hover{color:#1f2937}.billing .billing__column-menu-items{max-height:400px;overflow-y:auto;padding:.5rem 0}.billing .billing__column-menu-item{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem;transition:background .2s ease}.billing .billing__column-menu-item:hover{background:#f3f4f6}.billing .billing__column-menu-item input[type=checkbox]{display:none}.billing .billing__column-menu-item svg{color:#6366f1;flex-shrink:0;font-size:1rem}.billing .billing__column-menu-item span{flex:1 1}.billing .billing__column-menu-item--select-all{background:#f8f9fa}.billing .billing__column-menu-item--select-all:hover{background:#f3f4f6}.billing .billing__column-menu-item--select-all span{color:#1f2937}.billing .billing__column-menu-divider{background:#e5e7eb;height:1px;margin:.25rem 0}.billing__form{display:flex;flex-direction:column;gap:1.5rem;padding:0!important}.billing__form-section{margin-bottom:0}.billing__form-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.billing__form-section-header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.billing__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.billing__form-row--3col{grid-template-columns:repeat(3,1fr)}.billing__form-row--2col{grid-template-columns:repeat(2,1fr)}.billing__form-group{display:flex;flex-direction:column;gap:.5rem}.billing__form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;min-height:1.25rem}.billing__form-group input,.billing__form-group select,.billing__form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s}.billing__form-group input:focus,.billing__form-group select:focus,.billing__form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.billing__form-group input::placeholder,.billing__form-group select::placeholder,.billing__form-group textarea::placeholder{color:#9ca3af}.billing__form-group textarea{font-family:inherit;resize:vertical}.billing__form-group select{cursor:pointer}.billing__form-group--wide{flex:2 1}.billing__charge-desc--flex1{flex:1 1}.billing__charge-amount--fixed{margin:0;width:140px}.billing__add-charge-row{display:flex;gap:.5rem}.billing input[type=number]{appearance:textfield}.billing input[type=number]::-webkit-inner-spin-button,.billing input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.billing__line-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;position:relative}.billing__line-item-row{align-items:flex-end;display:flex;gap:1rem}.billing__line-item-row--service{align-items:stretch;flex-direction:column}.billing__line-item-row--details{display:flex;flex-wrap:nowrap;gap:1rem}.billing__line-item-row--details>.billing__form-group{flex:0 1 auto;min-width:0}.billing__line-item-row--details>.billing__form-group:first-child,.billing__line-item-row--details>.billing__form-group:nth-child(2){flex-basis:30%}.billing__line-item-row--details>.billing__form-group:nth-child(3){flex-basis:40%}.billing__line-total{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#10b981;font-weight:700;padding:.75rem;text-align:right}.billing__remove-item{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:absolute;right:0;top:0;transition:all .2s;width:36px}.billing__remove-item:hover{color:#ff9393}.billing__summary{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.billing__additional-charges{display:flex;flex-direction:column;gap:.5rem}.billing__additional-charges>*{align-items:center;display:flex;gap:1rem;justify-content:space-between}.billing__additional-charges .billing__charge-amount{flex-shrink:0;text-align:right;width:140px}.billing__additional-charges .billing__charge-amount input{text-align:right}.billing__charge-row{align-items:flex-end;background:#0000;display:flex;gap:1rem;margin:1rem 0;padding-top:1.5rem;position:relative}.billing__charge-desc{flex:1 1;margin:0}.billing__charge-amount input{text-align:right}.billing__charge-actions{align-items:center;display:flex;margin-left:auto}.billing__additional-charges .billing__remove-item{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;position:static;right:auto;top:auto;transition:all .2s;width:32px}.billing__additional-charges .billing__remove-item:hover{background:#fecaca}.billing__additional-charges .billing__charge-remove{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:32px;z-index:1}.billing__additional-charges .billing__charge-remove:hover{background:#fecaca;color:#dc2626}@media(max-width:480px){.billing__additional-charges .billing__charge-row{padding-top:0;position:relative}.billing__additional-charges .billing__charge-desc>label{display:block;position:relative}.billing__additional-charges .billing__charge-remove{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px}.billing__additional-charges .billing__charge-desc{padding-right:52px}}.billing__additional-charges .modal__content .billing__charge-desc>label{display:block;position:relative}.billing__additional-charges .modal__content .billing__charge-remove{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:32px;z-index:1}.billing__additional-charges .modal__content .billing__charge-remove:hover{background:#fecaca;color:#dc2626}@media(max-width:480px){.billing__additional-charges .modal__content .billing__charge-remove{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px}.billing__additional-charges .modal__content .billing__charge-desc{padding-right:52px}.billing__additional-charges .billing__charge-row{position:relative}.billing__additional-charges .billing__charge-desc{padding:0}}.billing__summary-row{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.billing__summary-row:not(:last-child){border-bottom:1px solid #e5e7eb}.billing__summary-total{color:#1f2937;font-size:1.25rem;font-weight:700;padding-top:1rem}.billing__summary-total span:last-child{color:#10b981}.billing__pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem 1.5rem}.billing__pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}.billing__pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.billing__pagination-rows{align-items:center;display:flex;gap:.5rem}.billing__pagination-rows label{color:#6b7280;font-size:.875rem;font-weight:500}.billing__pagination-rows select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.billing__pagination-rows select:hover{border-color:#6366f1}.billing__pagination-rows select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.billing__pagination-buttons{align-items:center;display:flex;gap:.5rem}.billing__pagination-pages{align-items:center;display:flex;gap:.25rem}.billing__pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem;padding:0 .75rem;transition:all .2s}.billing__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.billing__pagination-btn:disabled{cursor:not-allowed;opacity:.5}.billing__pagination-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.billing__pagination-btn.active:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.billing__pagination-btn svg{font-size:1rem}.billing__pagination-ellipsis{color:#9ca3af;font-weight:500;padding:0 .5rem}@media(max-width:1200px){.billing__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.billing__stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.billing__toolbar{padding:.875rem}.billing__table{font-size:.75rem}.billing__table tbody td,.billing__table thead th{padding:.75rem .5rem}}@media(max-width:968px){.billing{padding:0}.billing__header{align-items:flex-start;flex-direction:column;gap:1rem;padding:.875rem}.billing__stats{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:.875rem}.billing__stat-card{padding:.625rem}.billing__stat-info h3{font-size:1.5rem}.billing__stat-info p{font-size:.8rem}.billing__toolbar{align-items:stretch;flex-direction:column;gap:.75rem;padding:.875rem}.billing__search{max-width:none;width:100%}.billing__toolbar-right{flex-wrap:wrap;gap:.5rem;justify-content:space-between}.billing__content{padding:.875rem}.billing__table-container{overflow-x:auto}.billing__table{min-width:900px}.billing__grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.billing__card-actions .billing__action-btn{min-width:30px!important}}@media(max-width:768px){.billing{padding:0}.billing__header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.billing__header-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-end;width:100%}.billing__title{font-size:1.5rem}.billing__subtitle{font-size:.8125rem}.billing__toolbar{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.billing__search{max-width:none;width:100%}.billing__toolbar-right{flex-wrap:wrap;gap:.5rem;justify-content:space-between}.billing__date-range{flex:1 1;flex-wrap:wrap;gap:.375rem;min-width:100%}.billing__date-range label{font-size:.75rem}.billing__date-range input[type=date]{flex:1 1;font-size:.8125rem;min-width:120px;padding:.5rem}.billing__filter{flex:1 1;min-width:120px}.billing__filter select{font-size:.8125rem;width:100%}.billing__stats{gap:.625rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.billing__stat-card{gap:.5rem;padding:.5rem}.billing__stat-icon{height:36px;width:36px}.billing__stat-icon svg{font-size:1rem}.billing__stat-info h3{font-size:1.125rem}.billing__stat-info p{font-size:.6875rem}.billing__table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.billing__table{min-width:600px}.billing__grid{gap:1rem;grid-template-columns:1fr}.billing__card{padding:1rem}.billing__card-actions .billing__action-btn{min-width:30px!important}.billing__content{padding:.75rem}.billing .modal__content{padding:.75rem .75rem 0!important}.billing__column-menu{bottom:1rem;left:.5rem;max-width:calc(100vw - 1rem);position:fixed;right:.5rem;top:auto}.billing__view-toggle{flex-shrink:0}.billing__form-row,.billing__form-row--3col{grid-template-columns:1fr}.billing__line-item-row{align-items:stretch;flex-direction:column}.billing__line-item-row--details{flex-wrap:wrap;gap:.75rem}.billing__line-item-row--details>.billing__form-group{flex:1 1 100%;min-width:100%}.billing__invoice-row{grid-template-columns:1fr}.billing__invoice-header{flex-direction:column;gap:1rem}.billing__invoice-actions{flex-direction:column;gap:.5rem}.billing__invoice-actions button{width:100%}.billing__pagination{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.billing__pagination-info{font-size:.8125rem;text-align:center}.billing__pagination-controls{flex-direction:column;gap:.75rem}.billing__pagination-buttons,.billing__pagination-rows{justify-content:center}.billing__payment-summary{padding:1rem}.billing__payment-summary-balance span:last-child{font-size:1.25rem}}@media(max-width:625px){.billing__form-row,.billing__form-row--3col{grid-gap:1rem;display:grid!important;gap:1rem;grid-template-columns:1fr!important}.billing__form-group{margin-bottom:.5rem;width:100%!important}.billing__header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;width:100%}.billing__header-actions .btn,.billing__header-actions button{flex-basis:calc(50% - 0.25rem);flex-grow:0;flex-shrink:0;font-size:.9rem;justify-content:center;max-width:calc(45% - .25rem);min-width:0;padding:.45rem .7rem;white-space:nowrap}.billing__line-item-row--details>.billing__form-group:first-child,.billing__line-item-row--details>.billing__form-group:nth-child(2),.billing__line-item-row--details>.billing__form-group:nth-child(3){flex-basis:100%}.billing__charge-row{flex-direction:column;gap:.75rem}.billing__charge-row .billing__charge-amount--fixed,.billing__charge-row .billing__charge-desc{width:100%}}@media(max-width:480px){.billing{padding:0}.billing__header{padding:.625rem}.billing__header-actions{flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;width:100%}.billing__header-actions .btn-primary,.billing__header-actions .btn-secondary{flex-basis:calc(50% - 0.25rem);flex-grow:0;flex-shrink:0;font-size:.9rem;justify-content:center;max-width:calc(45% - .25rem);min-width:0;padding:.45rem .7rem;white-space:nowrap}.billing__title{font-size:1.25rem;gap:.5rem}.billing__title svg{font-size:1.125rem}.billing__subtitle{font-size:.75rem}.billing__add-item-btn{flex:0 0 auto;font-size:.825rem;max-width:9rem;min-width:0;padding:.4rem .65rem;white-space:nowrap;width:auto}.billing__toolbar{gap:.5rem;padding:.5rem}.billing__search{padding:.5rem .75rem}.billing__search input{font-size:.8125rem}.billing__stats{grid-template-columns:1fr 1fr}.billing__stat-card,.billing__stats{gap:.5rem;padding:.5rem}.billing__stat-icon{height:32px;width:32px}.billing__stat-icon svg{font-size:.875rem}.billing__stat-info h3{font-size:1rem}.billing__stat-info p{font-size:.625rem}.billing__content{padding:0}.billing__grid{gap:.5rem!important}.billing__card{gap:1rem;margin:.5rem;padding:.85rem!important}.billing__card-header{flex-wrap:wrap;gap:.5rem}.billing__card-id{font-size:.75rem}.billing__card-client-info h3{font-size:1rem}.billing__card-client-info p{font-size:.8125rem}.billing__card-services{gap:.375rem}.billing__service-tag{font-size:.6875rem;padding:.2rem .5rem}.billing__card-amounts{flex-direction:column;gap:.5rem;padding:.75rem}.billing__card-amount-item{align-items:center;display:flex;justify-content:space-between;text-align:left}.billing__card-amount-item label{display:inline;margin-bottom:0}.billing__card-amount-item span{font-size:1rem}.billing__card-details{gap:.5rem;padding:.75rem 0}.billing__card-detail{gap:.5rem}.billing__card-detail label,.billing__card-detail span{font-size:.8125rem}.billing__card-actions{flex-wrap:wrap;gap:.375rem}.billing__card-actions .billing__action-btn{flex:1 1;height:36px;max-width:none;min-width:calc(50% - .25rem)}.billing__table{min-width:500px}.billing__view-toggle{justify-content:center;width:100%}.billing__view-btn{flex:1 1;padding:.5rem}.billing__pagination{padding:.625rem}.billing__pagination-btn{font-size:.75rem;height:1.875rem;min-width:1.875rem;padding:0 .375rem}.billing__pagination-pages{gap:.125rem}.billing__pagination-info{font-size:.75rem}.billing__form{gap:1rem;padding:.75rem}.billing__form-section-header h3{font-size:1rem}.billing__form-group{margin-bottom:.75rem}.billing__form-group label{font-size:.8125rem}.billing__form-group input,.billing__form-group select,.billing__form-group textarea{font-size:.8125rem;padding:.625rem}.billing__line-item{padding:.75rem}.billing__remove-item{height:28px;width:28px}.billing__summary{padding:1rem}.billing__form-actions{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.billing__form-actions button{flex:1 1 auto;min-width:100px;width:auto}.billing__invoice-view{padding:0}.billing .modal__content .billing__form-actions{flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-content:space-between!important;padding:.5rem .25rem!important}.billing .modal__content .billing__form-actions>button{flex:0 0 auto!important;min-width:70px!important;padding:.45rem .6rem!important;white-space:nowrap!important;width:auto!important}.billing__invoice-header{margin-bottom:1rem;padding-bottom:1rem}.billing__invoice-client h3,.billing__invoice-total-balance span:last-child{font-size:1.25rem}.billing__payment-form{padding:.75rem}.billing__payment-summary{margin-bottom:1rem;padding:1rem}.billing .billing__col-quotation-id{display:none}}@media(max-width:360px){.billing__title{font-size:1.125rem}.billing__stats{grid-template-columns:1fr}.billing__stat-card{flex-direction:row;justify-content:flex-start}.billing__card-actions .billing__action-btn{min-width:30px!important}.billing__filter select{font-size:.75rem;padding:.4rem .5rem}.billing__card-amounts{padding:.5rem}.billing__invoice-totals{padding:1rem}.billing__form-actions{gap:.375rem}.billing__form-actions button{font-size:.75rem;min-width:80px;padding:.4rem .5rem}}.billing__table .billing__services{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.375rem}.billing__table .billing__service-more,.billing__table .billing__service-tag{display:inline-block;margin:0;white-space:nowrap}.modal__content .billing__mode-switch{align-items:center;display:inline-flex;gap:.75rem}.modal__content .billing__mode-switch .billing__mode-label{color:#6b7280;font-size:.85rem;font-weight:600;-webkit-user-select:none;user-select:none}.modal__content .billing__mode-switch .billing__mode-label--active{color:#111827}.modal__content .billing__mode-switch .switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.modal__content .billing__mode-switch .switch input{height:0;opacity:0;width:0}.modal__content .billing__mode-switch .switch .slider{background-color:#d1d5db;border:none;border-radius:999px;bottom:0;box-shadow:inset 0 1px 3px #0000001f;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.modal__content .billing__mode-switch .switch .slider:before{background-color:#6366f1;border-radius:50%;bottom:3px;box-shadow:0 1px 4px #10182838;content:"";height:18px;left:3px;position:absolute;transition:transform .2s ease;width:18px}.modal__content .billing__mode-switch .switch input:checked+.slider:before{transform:translateX(20px)}.modal__content .billing__invoice-section h4{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.modal__content .billing__repayment-history{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:.5rem 0 0;padding:0}.modal__content .billing__repayment-history .billing__repayment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.modal__content .billing__repayment-history .billing__repayment-item .billing__repayment-row{align-items:center;display:flex;justify-content:space-between}.modal__content .billing__repayment-history .billing__repayment-item .billing__repayment-row .billing__repayment-amount{color:#1f2937;font-weight:700}.modal__content .billing__repayment-history .billing__repayment-item .billing__repayment-row .billing__repayment-date{color:#6b7280;font-size:.9rem}.modal__content .billing__repayment-history .billing__repayment-item .billing__repayment-meta{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.75rem}.modal__content .billing__repayment-history .billing__repayment-item .billing__repayment-meta .billing__repayment-method{color:#111827;font-weight:600}.modal__content .billing__repayment-history .billing__repayment-item .billing__repayment-meta .billing__repayment-ref{color:#6b7280}.modal__content .billing__repayment-history .billing__repayment-item .billing__repayment-meta .billing__repayment-notes{color:#6b7280;font-style:italic}.billing__invoice-row-right{text-align:right}@media(max-width:768px){.billing__invoice-row{grid-template-columns:1fr}.billing__invoice-row-right{text-align:left}}.billing__terms-section .billing__policy-groups{max-height:400px;overflow-y:auto;padding-right:.5rem}.billing__terms-section .billing__policy-groups::-webkit-scrollbar{width:8px}.billing__terms-section .billing__policy-groups::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.billing__terms-section .billing__policy-groups::-webkit-scrollbar-thumb{background:#10b981;border-radius:4px}.billing__terms-section .billing__policy-groups::-webkit-scrollbar-thumb:hover{background:#059669}.billing__terms-section .billing__policy-group{transition:all .2s ease}.billing__terms-section .billing__policy-group:hover{box-shadow:0 2px 8px #10b98126}.billing .billing__policy-groups input[type=checkbox],.billing__policy-groups input[type=checkbox],.modal__content .billing__policy-groups input[type=checkbox]{accent-color:#10b981;appearance:checkbox;cursor:pointer;height:16px;width:16px}.billing__policy-groups input[type=checkbox]:checked,.modal__content .billing__policy-groups input[type=checkbox]:checked{background-color:#10b981;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.003 10.803 3.2 7.999l-.707.707 3.51 3.514 7.512-7.513L12.808 4z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:70% 70%;border-color:#10b981}.billing__terms-section .billing__form-group{margin-bottom:0}.chat{background:#f0f2f5;display:grid;grid-template-columns:350px 1fr;height:calc(100vh - 70px)}@media(max-width:1024px){.chat{grid-template-columns:300px 1fr;height:calc(100vh - 60px)}}.chat__sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.chat__sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.chat__sidebar-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.chat__sidebar-header .header-actions{display:flex;gap:.5rem}.chat__sidebar-header .btn-invitations,.chat__sidebar-header .btn-new-chat,.chat__sidebar-header .btn-new-group{align-items:center;background:#6366f1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.75rem;position:relative;transition:all .2s;width:40px}.chat__sidebar-header .btn-invitations:hover,.chat__sidebar-header .btn-new-chat:hover,.chat__sidebar-header .btn-new-group:hover{background:#4f46e5;transform:scale(1.05)}.chat__sidebar-header .btn-invitations{background:#f59e0b}.chat__sidebar-header .btn-invitations:hover{background:#d97706}.chat__sidebar-header .btn-invitations .invitation-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;padding:.15rem .35rem;position:absolute;right:-4px;text-align:center;top:-4px}.chat__sidebar-header .btn-new-chat{background:#10b981}.chat__sidebar-header .btn-new-chat:hover{background:#059669}.chat__reset-timer{align-items:center;background:#fef3c7;border-bottom:1px solid #fbbf24;color:#92400e;display:flex;font-size:.85rem;gap:.5rem;padding:.75rem 1.5rem}.chat__reset-timer svg{color:#f59e0b}.chat__reset-timer span{flex:1 1;font-weight:500}.chat__reset-timer .btn-info{align-items:center;background:#0000;border:none;color:#f59e0b;cursor:pointer;display:flex;padding:.25rem;transition:all .2s}.chat__reset-timer .btn-info:hover{color:#d97706;transform:scale(1.1)}.chat__header{padding:.5rem!important}.chat__header .chat__back-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:1.25rem;justify-content:center;margin-right:.5rem;padding:.5rem}.chat__header .chat__back-btn:hover{color:#374151}.chat__header .chat__reset-timer--sub{align-items:center;background:#fef3c7;border-bottom:1px solid #e5e7eb;border-radius:0;color:#92400e;display:flex;font-size:.85rem;gap:.5rem;margin:0;padding:.75rem 1.5rem}.chat__header .chat__reset-timer--sub svg{color:#f59e0b}.chat__header .chat__reset-timer--sub span{flex:1 1;font-weight:500}.chat__reset-notice{align-items:center;animation:slideDown .3s ease-out;background:#10b981;border-radius:8px;box-shadow:0 10px 40px #10b9814d;color:#fff;display:flex;gap:1rem;left:50%;padding:1rem 1.5rem;position:fixed;top:80px;transform:translateX(-50%);z-index:10000}.chat__reset-notice svg{font-size:1.25rem}.chat__reset-notice span{font-weight:500}.chat__reset-notice button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;padding:.25rem;transition:all .2s}.chat__reset-notice button:hover{opacity:.8}.chat .chat-reset-info{color:#1f2937;display:flex;flex-direction:column;font-size:.95rem;gap:.75rem}.chat .chat-reset-info ul{display:flex;flex-direction:column;gap:.35rem;margin:0 0 1rem;padding-left:1.25rem}.chat .chat-reset-info li{line-height:1.6}.chat__search{align-items:center;background:#f0f2f5;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:.75rem 1.5rem}.chat__search svg{color:#54656f}.chat__search input{background:#fff;border:none;border-radius:8px;flex:1 1;font-size:.9rem;outline:none;padding:.625rem .875rem;transition:box-shadow .2s}.chat__search input::placeholder{color:#667781}.chat__search input:focus{box-shadow:0 0 0 2px #6366f133}.chat__conversations{flex:1 1;overflow-y:auto}.chat .conversation-item__meta{position:relative}.chat__main{background:#fff;display:flex;flex-direction:column;min-height:0}.chat__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.chat__header-info{align-items:center;border-radius:8px;display:flex;gap:1rem;margin:-.5rem 0 -.5rem auto;padding:.5rem;transition:all .2s}.chat__header-info:hover{background:#f3f4f6}.chat__header-info .chat__header-role{color:#6b7280;font-size:.85rem;font-weight:500;margin:0}.chat__header-actions{display:flex;gap:.75rem}.chat__header-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;position:relative;width:48px}.chat__header-avatar .group-icon{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:-2px;font-size:.7rem;padding:4px;position:absolute;right:-2px}.chat__header h2{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 .25rem}.chat__header h2 .group-badge{align-items:center;background:#f3f4f6;border-radius:12px;color:#6b7280;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.chat__header p{color:#10b981;font-size:.85rem;margin:0}.chat__messages{background:#efeae2;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff08 0,#ffffff08 20px);display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto;padding:1.5rem}.chat .chat__blocked-notice{align-items:center;background:#fff2f2;border:1px solid #fecaca;border-radius:8px;color:#7f1d1d;display:flex;font-size:.95rem;gap:.75rem;margin:.5rem 1rem;padding:.75rem 1.25rem}.chat .chat__blocked-notice svg{color:#ef4444;flex-shrink:0}.chat .chat__blocked-notice span{color:#7f1d1d;flex:1 1}.chat .chat__blocked-notice .unblock-link{background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-weight:700;margin-left:.25rem;padding:.25rem .5rem;transition:background .12s ease,color .12s ease}.chat .chat__blocked-notice .unblock-link:hover{background:#ef44440f}.chat .chat__blocked-notice .unblock-link:focus{outline:3px solid #ef44442e;outline-offset:2px}@media(max-width:425px){.chat .chat__blocked-notice{bottom:72px;left:.75rem;margin:0;position:fixed;right:.75rem;z-index:1101}}.chat__selection-toolbar{align-items:center;animation:slideUp .2s ease-out;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-top:1px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative;z-index:100}.chat__selection-toolbar .toolbar-info{align-items:center;display:flex;gap:1rem}.chat__selection-toolbar .toolbar-info .btn-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s;width:36px}.chat__selection-toolbar .toolbar-info .btn-close:hover{background:#ffffff4d}.chat__selection-toolbar .toolbar-info span{font-size:.95rem;font-weight:600}.chat__selection-toolbar .toolbar-actions{display:flex;gap:.75rem}.chat__selection-toolbar .toolbar-actions button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.chat__selection-toolbar .toolbar-actions button:hover{background:#ffffff4d;transform:translateY(-2px)}.chat__selection-toolbar .toolbar-actions button.btn-delete{background:#ef4444e6}.chat__selection-toolbar .toolbar-actions button.btn-delete:hover{background:#ef4444}.chat__input-wrapper{border-top:1px solid #e5e7eb}.chat__recording-indicator{align-items:center;animation:slideDown .3s ease-out;background:#fef2f2;border-left:3px solid #ef4444;display:flex;gap:.75rem;padding:.75rem 1.5rem}.chat__recording-indicator .recording-pulse{animation:pulse 1.5s infinite;background:#ef4444;border-radius:50%;height:12px;width:12px}.chat__recording-indicator span{color:#991b1b;font-size:.9rem;font-weight:600}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.chat__reply-preview{align-items:center;background:#f9fafb;border-left:3px solid #6366f1;display:flex;justify-content:space-between;padding:.75rem 1.5rem}.chat__reply-preview .reply-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.chat__reply-preview .reply-info svg{color:#6366f1}.chat__reply-preview .reply-info strong{color:#6366f1;font-size:.875rem}.chat__reply-preview .reply-info p{color:#6b7280;font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__reply-preview button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem}.chat__reply-preview button:hover{color:#ef4444}.chat__media-preview{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem 0}.chat__input{align-items:center;display:flex;gap:.75rem;padding:1.5rem}.chat__input .btn-record{align-items:center;background:#0000;background:#fff;border:2px solid #0000;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;color:#ef4444;cursor:pointer;display:inline-flex;font-size:1.05rem;height:44px;justify-content:center;padding:.5rem;transition:all .15s ease;width:44px}.chat__input .btn-record.recording{animation:recordingPulse 1s infinite;background:#ef4444;box-shadow:0 6px 18px #ef44442e;color:#fff}@keyframes recordingPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.chat__input input[type=text]{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.95rem;outline:none;padding:.875rem 1rem}.chat__input input[type=text]:focus{border-color:#6366f1}.chat__input .btn-send{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.875rem 1.5rem;transition:all .2s}.chat__input .btn-send:hover{background:#4f46e5}.conversation-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;transition:background .15s ease}.conversation-item:hover{background:#f5f5f5}.conversation-item--active{background:#e7f3ff;border-left:4px solid #6366f1;padding-left:calc(1.5rem - 4px)}.conversation-item--active:hover{background:#dbeafe}.conversation-item--blocked{background:#fef2f2;opacity:.7}.conversation-item--blocked:hover{background:#fee2e2}.conversation-item--blocked .conversation-item__avatar{background:linear-gradient(135deg,#ef4444,#dc2626)}.conversation-item__avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;position:relative;width:50px}.conversation-item__avatar .group-icon{background:#10b981}.conversation-item__avatar .blocked-icon,.conversation-item__avatar .group-icon{border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 1px 3px #0003;font-size:.65rem;padding:4px;position:absolute;right:-2px}.conversation-item__avatar .blocked-icon{background:#ef4444}.conversation-item__content{flex:1 1;min-width:0}.conversation-item__content h3{color:#111b21;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .35rem}.conversation-item__content h3 .member-count{color:#667781;font-size:.8rem;font-weight:400}.conversation-item__content h3 .blocked-label{background:#fee2e2;border-radius:4px;color:#ef4444;font-size:.7rem;font-weight:500;margin-left:.5rem;padding:.15rem .4rem;vertical-align:middle}.conversation-item__content p{color:#667781;font-size:.875rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.conversation-item__meta .time{color:#9ca3af;font-size:.75rem}.unread-badge{background:#6366f1;border-radius:10px;color:#fff;font-size:.75rem;min-width:20px;padding:.2rem .5rem;text-align:center}.message{display:flex;flex-direction:column;margin-bottom:.5rem;max-width:65%;position:relative;transition:all .15s ease}.message--selectable{cursor:pointer;padding-left:2.5rem}.message--selected{background:#6366f11a;border-radius:8px;margin:-4px;padding:4px}.message__checkbox{left:.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.message__checkbox input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:20px;width:20px}.message--own{align-self:flex-end}.message--own .message__content{background:#d9fdd3;box-shadow:0 1px .5px #00000021;color:#111b21}.message--own.message--selectable{padding-left:0;padding-right:2.5rem}.message--own .message__checkbox{left:auto;right:.5rem}.message--system{align-self:center;margin:.5rem 0;max-width:90%}.message--system .message__content{background:#f9fafb;border-radius:16px;color:#6b7280;font-size:.85rem;padding:.5rem 1rem;text-align:center}.message__sender{color:#6366f1;font-size:.75rem;font-weight:600;margin-bottom:.25rem;padding-left:.25rem}.message__forwarded{align-items:center;background:#0000000d;border-radius:4px;display:flex;font-size:.75rem;font-style:italic;gap:.5rem;margin-bottom:.5rem;opacity:.8;padding:.25rem .5rem}.message__forwarded svg{font-size:.7rem}.message__edited{font-size:.75rem;font-style:italic;margin-left:.25rem;opacity:.7}.message__edit-mode{display:flex;flex-direction:column;gap:.5rem;width:100%}.message__edit-mode input[type=text]{background:#ffffff26;border:2px solid #ffffff4d;border-radius:6px;color:inherit;font-size:.95rem;outline:none;padding:.5rem;width:100%}.message__edit-mode input[type=text]:focus{background:#fff3;border-color:#ffffff80}.message__edit-mode .edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.message__edit-mode .edit-actions button{align-items:center;background:#fff3;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem .75rem;transition:all .2s}.message__edit-mode .edit-actions button:hover{background:#ffffff4d}.message__edit-mode .edit-actions button.btn-save{background:#10b981}.message__edit-mode .edit-actions button.btn-save:hover{background:#059669}.message__edit-mode .edit-actions button.btn-cancel{background:#ef4444}.message__edit-mode .edit-actions button.btn-cancel:hover{background:#dc2626}.message__content{word-wrap:break-word;background:#fff;border-radius:8px;box-shadow:0 1px .5px #00000021;cursor:pointer;display:inline-block;padding:.5rem .75rem;position:relative;transition:all .15s ease;-webkit-user-select:text;user-select:text}.message__content:hover{box-shadow:0 1px 2px #00000026}.message__content .message__ellipsis{align-items:center;background:#0000;border:none;border-radius:6px;color:#747575;cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;opacity:0;padding:4px;position:absolute;right:8px;top:6px;transition:all .15s;visibility:hidden}.message__content p{word-wrap:break-word;font-size:.95rem;margin:0 1.1rem .25rem 0;white-space:pre-wrap}.message:hover .message__content .message__ellipsis{opacity:1;visibility:visible}.message--selectable .message__content .message__ellipsis,.message.message--selectable .message__content .message__ellipsis{display:none}.message__reply-to{align-items:center;background:#0000001a;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.message__reply-to svg{font-size:.75rem}.message__reply-to span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__media{margin-bottom:.5rem}.message .media-item__audio{align-items:flex-start;background:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;height:auto;padding:.5rem;width:220px}.message .media-inline{border-radius:8px;margin-bottom:.5rem;overflow:hidden}.message .media-inline--image{max-width:320px}.message .media-inline--image img{border-radius:8px;display:block;height:auto;max-height:400px;object-fit:cover;transition:transform .2s;width:100%}.message .media-inline--image img:hover{transform:scale(1.02)}.message .media-inline--video{max-width:320px}.message .media-inline--video video{background:#000;border-radius:8px;display:block;max-height:400px;width:100%}.message .media-inline--audio{max-width:280px;width:100%}.message .media-inline--audio .audio-player-wrapper{align-items:center;background:#0000000d;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.message .media-inline--audio .audio-player-wrapper .audio-icon{color:#6366f1;flex-shrink:0;font-size:1.25rem}.message .media-inline--audio .audio-player-wrapper audio{flex:1 1;height:32px;outline:none}.message .media-inline--file{align-items:center;background:#0000000d;border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s}.message .media-inline--file:hover{background:#00000014;transform:translateX(2px)}.message .media-inline--file .file-icon-wrapper{align-items:center;background:#6366f1;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.message .media-inline--file .file-info{flex:1 1;min-width:0}.message .media-inline--file .file-info .file-name{color:#1f2937;display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message .media-inline--file .file-info .file-size{color:#6b7280;display:block;font-size:.75rem}.message .media-inline .media-caption{color:#6b7280;display:block;font-size:.8rem;font-style:italic;margin-top:.5rem;padding:0 .25rem}.message--own .media-inline--audio .audio-player-wrapper{background:#ffffff26}.message--own .media-inline--audio .audio-player-wrapper .audio-icon{color:#fff}.message--own .media-inline--file{background:#ffffff26}.message--own .media-inline--file:hover{background:#ffffff40}.message--own .media-inline--file .file-icon-wrapper{background:#fff;color:#6366f1}.message--own .media-inline--file .file-info .file-name{color:#fff}.message--own .media-inline--file .file-info .file-size{color:#fffc}.message--own .media-inline .media-caption{color:#ffffffe6}.message__footer{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.25rem}.message__time{font-size:.75rem;opacity:.7}.message__status{align-items:center;display:flex}.message__status svg{color:#a9aaaa;font-size:.875rem}.message__status svg.read{color:#10b981}.media-wrapper{position:relative}.media__ellipsis{align-items:center;background:#00000073;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;opacity:0;padding:6px;position:absolute;right:6px;top:6px;transition:all .12s ease;visibility:hidden;z-index:20}.media-wrapper:hover .media__ellipsis{opacity:1;transform:translateY(-2px);visibility:visible}@media(max-width:425px){.media__ellipsis{opacity:1;visibility:visible}}.media-item{border:2px solid #e5e7eb;border-radius:8px;height:100px;overflow:hidden;position:relative;width:100px}.media-item img{height:100%;object-fit:cover;width:100%}.media-item__file,.media-item__video{align-items:center;background:#f3f4f6;display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:center;padding:.5rem;width:100%}.media-item__file svg,.media-item__video svg{color:#6366f1;font-size:1.5rem}.media-item__file span,.media-item__video span{color:#6b7280;font-size:.65rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-item__remove{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.media-item__remove:hover{background:#ef4444}.media-preview{align-items:center;background:#f9fafb;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.media-preview svg{color:#6366f1}.media-preview--image svg{color:#10b981}.media-preview--video svg{color:#f59e0b}.btn-call,.media-preview--file svg{color:#6366f1}.btn-call{align-items:center;background:#fff;border:2px solid #6366f1;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s}.btn-call:hover{background:#6366f1;color:#fff}.call-modal{padding:1rem}.call-modal__video{align-items:center;background:#1f2937;border-radius:12px;color:#fff;display:flex;height:400px;justify-content:center;margin-bottom:1.5rem}.call-modal__controls{display:flex;gap:1rem;justify-content:center}.audio-placeholder,.video-placeholder{align-items:center;display:flex;flex-direction:column;gap:1rem}.audio-placeholder svg,.video-placeholder svg{font-size:4rem;opacity:.5}.audio-placeholder p,.video-placeholder p{font-size:1rem;margin:0}.audio-placeholder .audio-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:3rem;font-weight:700;height:120px;justify-content:center;margin-bottom:1rem;width:120px}.audio-placeholder h3{font-size:1.5rem;margin:0}.audio-placeholder p{opacity:.7}.btn-call-control{align-items:center;background:#6b7280;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;padding:1rem;transition:all .2s;width:56px}.btn-call-control:hover{background:#4b5563}.btn-call-control--mute{background:#f59e0b}.btn-call-control--mute:hover{background:#d97706}.btn-call-control--end{background:#ef4444}.btn-call-control--end:hover{background:#dc2626}.group-modal{padding:1rem}.group-modal .modal-search{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.group-modal .modal-search svg{color:#6b7280;font-size:1rem}.group-modal .modal-search input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.95rem;outline:none;padding:.5rem .75rem}.group-modal .modal-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f10f}.group-modal__form{display:flex;flex-direction:column;gap:1rem}.group-modal__form label{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:-.5rem}.group-modal__form input,.group-modal__form textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem}.group-modal__form input:focus,.group-modal__form textarea:focus{border-color:#6366f1}.member-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.member-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:all .2s}.member-item:hover{background:#f3f4f6}.member-item--selected{background:#eff6ff;border-color:#6366f1}.member-item .check-icon{color:#6366f1;margin-left:auto}.member-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;position:relative;width:40px}.member-avatar .online-dot{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.member-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.member-info strong{align-items:center;color:#1f2937;display:flex;font-size:.95rem;gap:.5rem}.member-info strong .admin-icon{color:#f59e0b;font-size:.85rem}.member-info span{color:#6b7280;font-size:.85rem}.member-actions{display:flex;gap:.5rem}.member-actions .btn-icon{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.member-actions .btn-icon:hover{background:#f3f4f6;color:#1f2937}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.group-info-modal{padding:1rem}.group-info-modal .group-info-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.group-info-modal .group-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;width:80px}.group-info-modal .group-description-input,.group-info-modal .group-name-input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;outline:none;padding:.75rem;text-align:center;width:100%}.group-info-modal .group-description-input:focus:not(:disabled),.group-info-modal .group-name-input:focus:not(:disabled){border-color:#6366f1}.group-info-modal .group-description-input:disabled,.group-info-modal .group-name-input:disabled{background:#f9fafb;color:#6b7280}.group-info-modal .group-name-input{font-size:1.25rem;font-weight:600}.group-info-modal .btn-save-info{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.group-info-modal .btn-save-info:hover{background:#059669}.group-info-modal .group-info-section{margin-bottom:1.5rem}.group-info-modal .group-info-section h3{align-items:center;color:#1f2937;display:flex;font-size:1rem;justify-content:space-between;margin:0 0 1rem}.group-info-modal .group-info-section .btn-add-member{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.group-info-modal .group-info-section .btn-add-member:hover{background:#4f46e5}.group-info-modal .group-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.btn-danger{align-items:center;background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.btn-danger:hover{background:#ef4444;color:#fff}.message-context-menu{animation:contextMenuSlide .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;left:50%!important;max-width:200px;min-width:160px;padding:.5rem 0;position:fixed;transform:translateX(-50%);z-index:9000}.message-context-menu button{align-items:center;background:none;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.message-context-menu button:hover{background:#f9fafb}.message-context-menu button.danger{color:#ef4444}.message-context-menu button.danger:hover{background:#fef2f2}.message-context-menu button svg{flex-shrink:0;font-size:.9rem}.message-context-menu hr{border:none;border-top:1px solid #e5e7eb;margin:.5rem 0}@keyframes contextMenuSlide{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.online-dot{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat__empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.chat__empty-state svg{color:#d1d5db;margin-bottom:1rem}.chat__empty-state p{color:#374151;font-size:1.125rem;font-weight:600;margin:.5rem 0}.chat__empty-state span{color:#6b7280;font-size:.875rem;line-height:1.5;max-width:300px}.member-item--existing{background:#f3f4f6;cursor:pointer}.member-item--existing:hover{background:#e5e7eb}.member-item--existing .existing-badge{background:#10b981;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.member-item--disabled{cursor:not-allowed;opacity:.6}.member-item--disabled:hover{background:#f9fafb}.member-item--disabled .no-email-badge{background:#ef4444;border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-top:.25rem;padding:.2rem .5rem}.chat__welcome{background:linear-gradient(90deg,#fff,#fbfdff);gap:2rem;height:100%;padding:3rem;width:100%}.chat__welcome,.welcome-art{align-items:center;display:flex;justify-content:center}.welcome-art{height:220px;position:relative;width:360px}.bubble{border-radius:50%;opacity:.12;position:absolute}.bubble--lg{background:#6366f1;height:220px;left:-20px;top:-30px;width:220px}.bubble--md{background:#10b981;height:140px;right:-20px;top:20px;width:140px}.bubble--sm{background:#f59e0b;bottom:-10px;height:80px;left:60px;width:80px}.chat-illustration{position:relative;z-index:2}.welcome-content{max-width:520px}.welcome-content h1{color:#111827;font-size:1.6rem;margin:0 0 .5rem}.welcome-content p{color:#6b7280;margin:0 0 1rem}.welcome-actions{display:flex;gap:.75rem;margin-bottom:1rem}.welcome-actions .btn-primary{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem 1rem}.welcome-actions .btn-secondary{background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;padding:.6rem 1rem}.welcome-features{color:#6b7280;list-style:none;margin:0;padding:0}.welcome-features li{margin:.4rem 0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forward-modal{padding:1rem}.forward-modal .forward-info{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 1rem}.forward-modal .conversation-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.forward-modal .forward-conversation-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:.875rem 1rem;transition:all .2s}.forward-modal .forward-conversation-item:hover{background:#eff6ff;border-color:#6366f1;transform:translateX(4px)}.forward-modal .forward-conversation-item .conversation-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;position:relative;width:48px}.forward-modal .forward-conversation-item .conversation-avatar .group-icon{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:-2px;font-size:.65rem;padding:4px;position:absolute;right:-2px}.forward-modal .forward-conversation-item .conversation-name{flex:1 1}.forward-modal .forward-conversation-item .conversation-name strong{color:#1f2937;display:block;font-size:.95rem}.forward-modal .forward-conversation-item .conversation-name .member-count{color:#6b7280;font-size:.8rem;font-weight:400}@media(max-width:768px){.chat{grid-template-columns:260px 1fr;grid-template-rows:1fr}.chat__reset-notice{font-size:.85rem;left:.75rem;padding:.75rem 1rem;right:.75rem;top:60px;transform:none}.chat__reset-timer{font-size:.75rem;padding:.5rem .875rem}.chat__reset-timer span{font-size:.75rem}.chat__reset-timer--sub{padding:.5rem .875rem}.chat__sidebar-header{padding:1rem}.chat__sidebar-header h2{font-size:1.25rem}.chat__sidebar-header .btn-new-chat,.chat__sidebar-header .btn-new-group{height:36px;padding:.625rem;width:36px}.chat__search{padding:.75rem 1rem}.chat__header{padding:.75rem 1rem!important}.chat__header-avatar{font-size:1.25rem;height:40px;width:40px}.chat__messages{padding:1rem}}@media(max-width:600px){.chat{grid-template-columns:1fr;height:calc(100vh - 56px)}.chat__sidebar{display:block;width:100%}.chat__main{display:none}.chat.chat--mobile-main-visible .chat__sidebar{display:none!important}.chat.chat--mobile-main-visible .chat__main{display:flex!important;flex-direction:column}.chat__sidebar-header{padding:.75rem}.chat__sidebar-header h2{font-size:1.15rem}.chat__sidebar-header .header-actions{gap:.375rem}.chat__sidebar-header .btn-new-chat,.chat__sidebar-header .btn-new-group{height:34px;padding:.5rem;width:34px}.chat__search{padding:.625rem .75rem}.chat__search input{font-size:.85rem}.chat__header{padding:.625rem .75rem!important}.chat__header-info{gap:.75rem}.chat__header-avatar{font-size:1.1rem;height:36px;width:36px}.chat__header h2{font-size:1rem}.chat__header p{font-size:.75rem}.chat__back-btn{font-size:1.1rem;margin-right:.375rem;padding:.375rem}.chat__messages{padding:.75rem .75rem 100px}.chat__selection-toolbar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-top:1px solid #ffffff0f;bottom:60px;color:#fff;display:flex;font-size:.8rem;justify-content:space-between;left:0;padding:.625rem .75rem;position:fixed;right:0;z-index:1101}.chat__selection-toolbar .toolbar-info{gap:.5rem}.chat__selection-toolbar .toolbar-info .btn-close{height:30px;padding:.35rem;width:30px}.chat__selection-toolbar .toolbar-info span{font-size:.8rem}.chat__selection-toolbar .toolbar-actions{gap:.375rem}.chat__selection-toolbar .toolbar-actions button{font-size:.85rem;padding:.5rem .625rem}.chat .message--selectable{padding-left:1.75rem}.chat .message--own.message--selectable{padding-right:1.75rem}.chat .message__checkbox input[type=checkbox]{height:16px;width:16px}.chat .message__edit-mode input[type=text]{font-size:.8rem}.chat .message .message__content .message__ellipsis{font-size:.9rem;opacity:1;padding:6px;right:8px;top:6px;visibility:visible}.chat__input{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:.5rem;left:0;padding:.625rem .75rem;position:fixed;right:0;z-index:1000}.chat__input input[type=text]{border-radius:8px;padding:.5rem 1rem}.chat__input .btn-send{border-radius:8px;padding:.6rem 1rem}.message-context-menu{font-size:.85rem;min-width:170px}.message-context-menu button{font-size:.85rem;padding:.65rem .875rem}.forward-modal .conversation-list{max-height:300px}.forward-modal .forward-conversation-item{padding:.75rem .875rem}.forward-modal .forward-conversation-item .conversation-avatar{font-size:1.1rem;height:42px;width:42px}.forward-modal .forward-conversation-item .conversation-name strong{font-size:.875rem}.chat.chat--mobile-main-visible .chat__main{min-height:0}.chat.chat--mobile-main-visible .chat__messages{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 180px);overflow-y:auto}}.invitations-modal .invitation-list{max-height:400px;overflow-y:auto}.invitations-modal .invitation-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:1rem;transition:background .2s}.invitations-modal .invitation-item:hover{background:#f9fafb}.invitations-modal .invitation-item:last-child{border-bottom:none}.invitations-modal .invitation-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.invitations-modal .invitation-info{flex:1 1;min-width:0}.invitations-modal .invitation-info strong{color:#1f2937;display:block;font-size:1rem;margin-bottom:.25rem}.invitations-modal .invitation-info span{color:#6b7280;display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitations-modal .invitation-info .invitation-time{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.invitations-modal .invitation-actions{display:flex;flex-shrink:0;gap:.5rem}.invitations-modal .invitation-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.5rem .75rem;transition:all .2s}.invitations-modal .invitation-actions .btn-accept{background:#10b981;color:#fff}.invitations-modal .invitation-actions .btn-accept:hover{background:#059669}.invitations-modal .invitation-actions .btn-decline{background:#fee2e2;color:#b91c1c}.invitations-modal .invitation-actions .btn-decline:hover{background:#fecaca}.user-info-modal{padding:1rem 0}.user-info-modal .user-info-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1.5rem}.user-info-modal .user-info-header .user-info-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.user-info-modal .user-info-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.user-info-modal .info-warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:.85rem;gap:.5rem;margin:0 1.5rem 1rem;padding:.75rem 1rem}.user-info-modal .info-warning svg{color:#f59e0b;flex-shrink:0}.user-info-modal .user-info-details{margin-bottom:1.5rem;padding:0 1.5rem}.user-info-modal .user-info-details .info-item{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.user-info-modal .user-info-details .info-item:last-child{border-bottom:none}.user-info-modal .user-info-details .info-item label{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;text-transform:uppercase}.user-info-modal .user-info-details .info-item label svg{color:#6366f1;font-size:.85rem}.user-info-modal .user-info-details .info-item span{color:#1f2937;font-size:1rem;padding-left:1.5rem;word-break:break-word}.user-info-modal .user-info-details .info-item span.no-info{color:#9ca3af;font-style:italic;padding-left:0;text-align:center}.user-info-modal .user-info-actions{display:flex;flex-direction:row;gap:.75rem;margin-top:1.5rem;padding:0 1.5rem}.user-info-modal .user-info-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s}.user-info-modal .user-info-actions button:active{transform:scale(.98)}.user-info-modal .user-info-actions .btn-block{background:#fef3c7;border:2px solid #fbbf24;color:#92400e}.user-info-modal .user-info-actions .btn-block:hover{background:#fde68a;border-color:#f59e0b}.user-info-modal .user-info-actions .btn-unblock{background:#d1fae5;border:2px solid #34d399;color:#065f46}.user-info-modal .user-info-actions .btn-unblock:hover{background:#a7f3d0;border-color:#10b981}.user-info-modal .user-info-actions .btn-delete-chat{background:#fee2e2;border:2px solid #fca5a5;color:#b91c1c}.user-info-modal .user-info-actions .btn-delete-chat:hover{background:#fecaca;border-color:#ef4444}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070d1961;display:flex;inset:0;isolation:isolate;justify-content:center;position:fixed;will-change:opacity;z-index:2147483647}.loading-overlay__card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 14px 34px #08122629;display:flex;gap:.85rem;padding:.85rem 1.1rem}.loading-overlay__spinner{animation:loading-overlay-spin .75s linear infinite;border:2px solid #d4dcef;border-radius:50%;border-top-color:#2253d8;height:20px;width:20px}.loading-overlay__message{color:#172340;font-size:.95rem;font-weight:600;margin:0}@keyframes loading-overlay-spin{to{transform:rotate(1turn)}}.settings{margin:0 auto;max-width:1500px;padding:2rem}.settings__title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 2rem}.settings__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.settings__card{background:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 6px 18px #0f172a0f;cursor:pointer;padding:1.25rem;transition:transform .18s ease,box-shadow .18s ease}.settings__card h3{color:#111827;font-size:1.05rem;font-weight:600;margin:0 0 .5rem}.settings__card p{color:#6b7280;font-size:.94rem;margin:0}.settings__card:hover{border-color:#bfd4f7;box-shadow:0 18px 40px #0f172a14}.settings__card--restricted{background:linear-gradient(135deg,#fef9e7,#fff);border:1px dashed #d4a847;opacity:.85;position:relative}.settings__card--restricted:before{background:#ffffff4d;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.settings__card--restricted:hover{border-color:#b8860b;box-shadow:0 12px 28px #d4a84726}.settings__card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.settings__card-header h3{margin:0}.settings__gold-badge{animation:shimmer 2s ease-in-out infinite;color:#d4a847;filter:drop-shadow(0 1px 2px rgba(212,168,71,.4));font-size:1rem}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.settings__section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;overflow:hidden;padding:0;transition:all .3s ease}.settings__section:hover{box-shadow:0 4px 12px #0000001f}.settings__section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.settings__section-header:hover{background-color:#f9fafb}.settings__section-header h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.settings__section-icon{color:#6b7280;font-size:.875rem;transition:transform .3s ease}.settings__section-icon.open{transform:rotate(180deg)}.settings__section-content{animation:slideDown .3s ease;padding:0 2rem 2rem}.settings__section-content p{color:#6b7280;font-size:.95rem;margin:0 0 1.5rem}.settings__form-group{margin-bottom:1.25rem}.settings__form-group label{color:#374151;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.settings__form-group input[type=email],.settings__form-group input[type=number],.settings__form-group input[type=password],.settings__form-group input[type=tel],.settings__form-group input[type=text],.settings__form-group select,.settings__form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.settings__form-group input[type=email]:focus,.settings__form-group input[type=number]:focus,.settings__form-group input[type=password]:focus,.settings__form-group input[type=tel]:focus,.settings__form-group input[type=text]:focus,.settings__form-group select:focus,.settings__form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings__form-group input[type=email]::placeholder,.settings__form-group input[type=number]::placeholder,.settings__form-group input[type=password]::placeholder,.settings__form-group input[type=tel]::placeholder,.settings__form-group input[type=text]::placeholder,.settings__form-group select::placeholder,.settings__form-group textarea::placeholder{color:#9ca3af}.settings__form-group textarea{font-family:inherit;resize:vertical}.settings .password-input-wrapper{position:relative;width:100%}.settings .password-input-wrapper input{padding-right:2.5rem!important}.settings .password-input-wrapper .password-toggle-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.settings .password-input-wrapper .password-toggle-btn:hover{color:#111827}.settings .password-input-wrapper .password-toggle-btn:focus{color:#4f46e5;outline:none}.settings__profile-grid{align-items:flex-start;display:flex;gap:1.5rem}.settings .settings__company-vertical,.settings .settings__profile-vertical{display:flex;flex-direction:column;gap:1.25rem;width:100%}.settings__avatar-column{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:200px}.settings .avatar-preview{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;height:130px;justify-content:center;overflow:hidden;position:relative;width:130px}.settings .avatar-preview img{display:block;height:100%;object-fit:cover;width:100%}.settings .avatar-preview .avatar-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:.78rem;font-weight:500;gap:.4rem;padding:.5rem;text-align:center}.settings .avatar-preview .avatar-remove-btn{align-items:center;background:#dc2626eb;border:none;border-radius:999px;box-shadow:0 4px 10px #0000002e;color:#fff;cursor:pointer;display:inline-flex;font-size:.7rem;height:26px;justify-content:center;position:absolute;right:.35rem;top:.35rem;transition:transform .15s ease,background .15s ease;width:26px}.settings .avatar-preview .avatar-remove-btn:hover{background:#b91c1c;transform:translateY(-1px) scale(1.08)}.settings .avatar-preview--square{border-radius:12px;height:130px;width:130px}.settings .avatar-preview--landscape{border-radius:10px;height:146px;width:260px}.settings .settings__avatar-center{align-items:center;background:linear-gradient(135deg,#f5f6ff,#f9fafb);border:2px dashed #c7d2fe;border-radius:14px;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:1.25rem;padding:1.5rem 1rem 1.25rem;transition:border-color .2s ease;width:100%}.settings .settings__avatar-center:hover{border-color:#818cf8}.settings .settings__avatar-center__hint{color:#9ca3af;font-size:.78rem;margin:-.25rem 0 0;text-align:center}.settings .settings__avatar-center .avatar-upload-row{align-items:center;display:flex;gap:.75rem}.settings .settings__avatar-center .avatar-size-btn{background:#0000;border:1px solid #0f172a0f;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:.45rem .6rem;transition:background .12s ease,transform .08s ease,border-color .12s ease}.settings .settings__avatar-center .avatar-size-btn.active{background:#eef2ff;border-color:#6366f1;color:#3730a3;transform:translateY(-1px)}.settings .settings__fields-vertical{width:100%}.settings .avatar-row{align-items:center;background:linear-gradient(135deg,#f5f6ff,#f9fafb);border:2px dashed #c7d2fe;border-radius:14px;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:.75rem;padding:1.25rem 1rem;transition:border-color .2s ease}.settings .avatar-row:hover{border-color:#818cf8}.settings .avatar-row__label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin:0;text-transform:uppercase}.settings .avatar-preview--qr{height:120px!important;width:120px!important}.settings .avatar-upload{align-items:center;background:#6366f1;border:none;border-radius:99px;box-shadow:0 3px 10px #6366f147;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.45rem;line-height:1;padding:.55rem 1.25rem;transition:background .18s ease,transform .1s ease,box-shadow .18s ease}.settings .avatar-upload svg{font-size:.85rem}.settings .avatar-upload:hover{background:#4f46e5;box-shadow:0 5px 16px #6366f161;transform:translateY(-1px)}.settings .avatar-upload input[type=file]{display:none}.settings__fields-column{flex:1 1}.settings .btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;padding:.6rem .9rem;transition:background .15s,transform .08s}.settings .btn:hover{background:#f9fafb}.settings .btn--primary{background:#4f46e5;border-color:#0000;box-shadow:0 6px 16px #4f46e533;color:#fff}.settings .btn--primary:hover{background:#4338ca}.settings .btn--login{background:#d7e0ff;border-color:#0000;color:#3730a3}.settings .btn--login:hover{background:#fff;border-color:#cfd9fd}.settings .btn--forgot{background:#ffd8d7;border-color:#0000;color:#a33830}.settings .btn--forgot:hover{background:#fff;border-color:#fdcfce}.settings .btn--reset{background:#cfffe9;border-color:#0000;color:#065f46}.settings .btn--reset:hover{background:#fff;border-color:#c2ffe3}.settings .btn--ghost{background:#0000;border-color:#0000;box-shadow:none;color:#374151}.settings .btn--outline{background:#0000;border-color:#2563eb1f;color:#6366f1}.settings .settings__security-user{color:#6b7280;font-size:.95rem;margin-bottom:.75rem;text-align:center}.settings .settings__security-user strong{color:#111827;font-weight:600}.settings .auth-instruction{color:#1f2937;font-size:1rem;margin:0 0 1rem;text-align:center}.settings .settings__security-actions{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.settings .settings__security-actions .btn{align-items:center;border-radius:10px;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1rem;text-align:center;width:100%}.settings .settings__security-actions .btn.btn--primary{box-shadow:0 8px 20px #2563eb1f}.settings .settings__security-actions .btn.btn--ghost{background:#fff;border:1px solid #e6eefc;box-shadow:0 1px 0 #0f172a05,inset 0 -1px 0 #0f172a05;color:#111827}.settings__checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400!important}.settings__checkbox-label input[type=checkbox]{cursor:pointer;margin-right:.75rem;width:auto}.settings__helper-text{color:#6b7280;display:block;font-size:.8rem;line-height:1.35;margin-top:.4rem}.settings__reminder-custom-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 140px;margin-top:.5rem}@media(max-width:480px){.settings__reminder-custom-row{grid-template-columns:1fr}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings__modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin:1rem 0;padding:1rem 0 0}.settings__modal-footer .caution{color:#b91c1c;font-size:1rem;text-align:center}.settings__modal-left,.settings__modal-right{align-items:center;display:flex}.settings__modal-left{flex:1 1 auto;justify-content:flex-start}.settings__modal-right{flex:0 0 auto;justify-content:flex-end}@media(max-width:1200px){.settings{padding:1.5rem}}@media(max-width:992px){.settings{padding:1.25rem}.settings__cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.settings{padding:.75rem}.settings__title{font-size:1.5rem;margin-bottom:1.25rem}.settings__cards{gap:.75rem;margin-bottom:1rem}.settings__card{padding:1rem}.settings__card h3{font-size:.95rem}.settings__card p{font-size:.85rem}.settings__section-header{padding:1rem 1.25rem}.settings__section-header h2{font-size:1.1rem}.settings__section-content{padding:0 1.25rem 1.25rem}.settings__profile-grid{flex-direction:column}.settings__avatar-column{align-items:center;flex-direction:row;justify-content:flex-start;width:100%}.settings .avatar-preview{height:100px;width:100px}.settings__form-group{margin-bottom:1rem}.settings__form-group label{font-size:.875rem}.settings__form-group input,.settings__form-group textarea{font-size:.875rem;padding:.625rem .875rem}}@media(max-width:480px){.settings{padding:.625rem}.settings__title{font-size:1.35rem;margin-bottom:1rem}.settings__cards{gap:.5rem;grid-template-columns:1fr}.settings__card{padding:.875rem}.settings__card h3{font-size:.9rem;margin-bottom:.375rem}.settings__card p{font-size:.8rem}.settings__section{border-radius:10px;margin-bottom:1rem}.settings__section-header{padding:.875rem 1rem}.settings__section-header h2{font-size:1rem}.settings__section-content{padding:0 1rem 1rem}.settings__section-content p{font-size:.875rem;margin-bottom:1rem}.settings__profile-grid{gap:1rem}.settings__avatar-column{align-items:center;flex-direction:column}.settings .avatar-preview{border-radius:10px;height:120px;width:120px}.settings .avatar-upload{font-size:.85rem;padding:.4rem .625rem}.settings__modal-footer{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem;width:100%}.settings__modal-left{flex:1 1 auto;justify-content:flex-start}.settings__modal-right{display:flex;flex:0 0 auto;justify-content:flex-end}}.modal__content .settings__company-vertical,.modal__content .settings__profile-vertical{display:flex;flex-direction:column;gap:1.25rem;width:100%}.modal__content .settings__avatar-center{align-items:center;background:linear-gradient(135deg,#f5f6ff,#f9fafb);border:2px dashed #c7d2fe;border-radius:14px;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:1.25rem;padding:1.5rem 1rem 1.25rem;position:relative;width:100%}.modal__content .avatar-upload-row,.modal__content .settings__avatar-center .avatar-upload-row{align-items:center;display:flex;gap:.75rem}.modal__content .avatar-size-btn,.modal__content .settings__avatar-center .avatar-size-btn{align-items:center;background:#0000;border:1px solid #0f172a0f;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.45rem .6rem;transition:background .12s ease,transform .08s ease,border-color .12s ease}.modal__content .avatar-size-btn.active,.modal__content .settings__avatar-center .avatar-size-btn.active{background:#eef2ff;border-color:#6366f1;color:#3730a3;transform:translateY(-1px)}.modal__content .settings__avatar-center__hint{color:#9ca3af;font-size:.78rem;margin:-.25rem 0 0;text-align:center}.modal__content .avatar-row{align-items:center;background:linear-gradient(135deg,#f5f6ff,#f9fafb);border:2px dashed #c7d2fe;border-radius:14px;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:.75rem;padding:1.25rem 1rem;position:relative}.modal__content .avatar-row__label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin:0;text-transform:uppercase}.modal__content .avatar-row .avatar-preview,.modal__content .settings__avatar-center .avatar-preview{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;height:130px;justify-content:center;overflow:hidden;position:static;width:130px}.modal__content .avatar-row .avatar-preview--square,.modal__content .settings__avatar-center .avatar-preview--square{height:130px;width:130px}.modal__content .avatar-row .avatar-preview--landscape,.modal__content .settings__avatar-center .avatar-preview--landscape{height:146px;width:260px}.modal__content .avatar-preview--qr{height:120px!important;width:120px!important}.modal__content .avatar-row .avatar-remove-btn,.modal__content .settings__avatar-center .avatar-remove-btn{align-items:center;background:#dc2626f2;border:none;border-radius:999px;box-shadow:0 6px 14px #0003;color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:absolute;right:.6rem;top:.6rem;width:30px;z-index:5}.modal__content .settings__security-user{color:#6b7280;font-size:.95rem;margin-bottom:.75rem;text-align:center}.modal__content .settings__security-user strong{color:#111827;font-weight:600}.modal__content .settings__security-actions{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.modal__content .settings__security-actions .btn{align-items:center;background:#dddefa;border-radius:10px;display:inline-flex;font-weight:400;gap:.5rem;justify-content:center;padding:.85rem 1rem;text-align:center;width:100%}.modal__content .auth-instruction{color:#1f2937;font-size:1rem;margin:0 0 1rem;text-align:center}.modal__content .password-input-wrapper{position:relative;width:100%}.modal__content .password-input-wrapper input{padding-right:3rem!important;width:100%}.modal__content .password-input-wrapper .password-toggle-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.95rem;height:30px;justify-content:center;position:absolute;right:.6rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:30px;z-index:6}.modal__content .password-input-wrapper .password-toggle-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#1f2937}.modal__content .avatar-upload{align-items:center;background:#6366f1;border:none;border-radius:99px;box-shadow:0 3px 10px #6366f147;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.45rem;line-height:1;padding:.55rem 1.25rem}.modal__content .avatar-upload input[type=file]{display:none}.policy-page{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.policy-page .page-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.policy-page .page-header .page-header-left{display:flex;flex-direction:column;gap:.25rem}.policy-page .page-header h2{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.policy-page .page-header h2 svg{color:#6366f1}.policy-page .page-header .subtitle{color:#6b7280;font-size:.875rem;margin:0}.policy-page .page-header-actions{align-items:center;display:flex}.policy-page .page-header-actions .btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e533;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;height:44px;justify-content:center;padding:0 1.25rem;transition:all .2s ease}.policy-page .page-header-actions .btn-primary:hover{box-shadow:0 6px 16px #4f46e540;transform:translateY(-2px)}.policy-page .page-header-actions .btn-primary:active{transform:translateY(0)}.policy-page .policy-stats{grid-gap:1rem;display:grid;flex-shrink:0;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:1rem}.policy-page .policy-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:.875rem;padding:1rem;transition:all .2s}.policy-page .policy-stat-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.policy-page .policy-stat-icon svg{font-size:1.25rem}.policy-page .policy-stat-icon--total{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.policy-page .policy-stat-icon--groups{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}.policy-page .policy-stat-icon--ungrouped{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e}.policy-page .policy-stat-info h3{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1;margin:0 0 .125rem}.policy-page .policy-stat-info p{color:#6b7280;font-size:.8rem;margin:0}.policy-page .policy-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:0 1rem 1rem;padding:1.25rem}.policy-page .policy-form label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.policy-page .policy-form .group-input{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;margin-bottom:1rem;padding:.625rem .875rem;transition:all .2s;width:100%}.policy-page .policy-form .group-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.policy-page .policy-form .group-input::placeholder{color:#9ca3af}.policy-page .policy-form .group-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:linear-gradient(45deg,#0000 50%,#9ca3af 0),linear-gradient(135deg,#9ca3af 50%,#0000 0);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:.875rem;margin-bottom:.75rem;padding:.625rem .875rem;transition:all .2s;width:100%}.policy-page .policy-form .group-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.policy-page .policy-form .group-select:hover{border-color:#9ca3af}.policy-page .policy-form textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;margin-bottom:1rem;min-height:120px;padding:.75rem;resize:vertical;transition:all .2s;width:100%}.policy-page .policy-form textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.policy-page .policy-form textarea::placeholder{color:#9ca3af}.policy-page .policy-form .policy-actions{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding-top:.5rem}.policy-page .policy-form .policy-actions .left-action,.policy-page .policy-form .policy-actions .right-action{align-items:center;display:flex}.policy-page .policy-form .policy-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.policy-page .policy-form .policy-actions .btn.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 6px #4f46e533;color:#fff}.policy-page .policy-form .policy-actions .btn.btn-primary:hover{background:linear-gradient(135deg,#5661e6,#4338ca);transform:translateY(-1px)}.policy-page .policy-form .policy-actions .btn.btn-primary:active{transform:translateY(0)}.policy-page .policy-form .policy-actions .btn.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.policy-page .policy-form .policy-actions .btn.btn-secondary:hover{background:#e5e7eb}.policy-page .policy-list{flex:1 1;min-height:0;overflow-y:auto}.policy-page .policy-list h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.policy-page .policy-list .policy-list-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1rem;justify-content:space-between;margin:0 1rem 1rem;padding:1rem}.policy-page .policy-list .policy-list-header h3{margin:0;white-space:nowrap}.policy-page .policy-list .filter-controls{align-items:center;display:flex;flex:1 1;gap:.75rem;justify-content:flex-end}.policy-page .policy-list .filter-controls .group-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;min-width:150px;padding:.5rem .875rem;transition:all .2s}.policy-page .policy-list .filter-controls .group-filter:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.policy-page .policy-list .filter-controls .group-filter:hover{border-color:#9ca3af}.policy-page .policy-list .search-wrap{min-width:200px}.policy-page .policy-list .search-wrap .policy-search{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.5rem .75rem;transition:all .2s;width:100%}.policy-page .policy-list .search-wrap .policy-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.policy-page .policy-list .empty-state{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;margin:0 1rem;padding:3rem 1.5rem;text-align:center}.policy-page .policy-list .empty-state p{color:#6b7280;font-size:.95rem;margin:.5rem 0}.policy-page .policy-list .empty-state p.muted{color:#9ca3af;font-size:.875rem}.policy-page .policy-list .grouped-policies{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem 1rem}.policy-page .policy-list .grouped-policies .policy-group .group-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px 12px 0 0;box-shadow:0 4px 12px #4f46e526;display:flex;justify-content:space-between;margin-bottom:0;padding:.875rem 1rem}.policy-page .policy-list .grouped-policies .policy-group .group-header .group-name{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.policy-page .policy-list .grouped-policies .policy-group .group-header .group-name:before{content:"🛡️";font-size:1rem}.policy-page .policy-list .grouped-policies .policy-group .group-header .group-count{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.375rem .75rem}.policy-page .policy-list .grouped-policies .policy-group .table-wrap{border-radius:0 0 12px 12px;border-top:none;overflow:hidden}.policy-page .policy-list .table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0f172a0f;overflow:hidden}.policy-page .policy-list .table-wrap table.policy-table{border-collapse:collapse;width:100%}.policy-page .policy-list .table-wrap table.policy-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.policy-page .policy-list .table-wrap table.policy-table td,.policy-page .policy-list .table-wrap table.policy-table th{padding:.875rem 1rem;text-align:left;vertical-align:top}.policy-page .policy-list .table-wrap table.policy-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.policy-page .policy-list .table-wrap table.policy-table thead th:last-child{text-align:center;width:100px}.policy-page .policy-list .table-wrap table.policy-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.policy-page .policy-list .table-wrap table.policy-table tbody tr:hover{background:#f8fafc}.policy-page .policy-list .table-wrap table.policy-table tbody tr:last-child{border-bottom:none}.policy-page .policy-list .table-wrap table.policy-table td{color:#1f2937;font-size:.875rem}.policy-page .policy-list .table-wrap table.policy-table td:first-child{color:#64748b;font-size:.8rem;font-weight:600;width:50px}.policy-page .policy-list .table-wrap table.policy-table td .policy-content{color:#374151;line-height:1.6;max-height:100px;overflow:auto;white-space:pre-wrap}.policy-page .policy-list .table-wrap table.policy-table td .policy-content::-webkit-scrollbar{width:4px}.policy-page .policy-list .table-wrap table.policy-table td .policy-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.policy-page .policy-list .table-wrap table.policy-table td .action-buttons{display:flex;gap:.5rem;justify-content:center}.policy-page .policy-list .table-wrap table.policy-table td .action-buttons .btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s;width:32px}.policy-page .policy-list .table-wrap table.policy-table td .action-buttons .btn-icon.btn-edit{background:#eef2ff;color:#6366f1}.policy-page .policy-list .table-wrap table.policy-table td .action-buttons .btn-icon.btn-edit:hover{background:#e0e7ff;transform:translateY(-1px)}.policy-page .policy-list .table-wrap table.policy-table td .action-buttons .btn-icon.btn-delete{background:#fef2f2;color:#ef4444}.policy-page .policy-list .table-wrap table.policy-table td .action-buttons .btn-icon.btn-delete:hover{background:#fee2e2;transform:translateY(-1px)}.policy-page .policy-list .table-wrap table.policy-table td .action-buttons .btn-icon:active{transform:translateY(0)}@media(max-width:1024px){.policy-page .page-header{padding:.875rem}.policy-page .policy-stats{grid-template-columns:repeat(3,1fr);padding:.875rem}.policy-page .policy-form{margin:0 .875rem 1rem;padding:1rem}}@media(max-width:768px){.policy-page .page-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.policy-page .page-header h2{font-size:1.5rem}.policy-page .page-header-actions{width:100%}.policy-page .page-header-actions .btn-primary{justify-content:center;width:100%}.policy-page .policy-stats{gap:.75rem;grid-template-columns:repeat(3,1fr);padding:.75rem}.policy-page .policy-stat-card{gap:.5rem;padding:.75rem}.policy-page .policy-stat-icon{height:36px;width:36px}.policy-page .policy-stat-icon svg{font-size:1rem}.policy-page .policy-stat-info h3{font-size:1.25rem}.policy-page .policy-stat-info p{font-size:.7rem}.policy-page .policy-form{margin:0 .75rem 1rem;padding:1rem}.policy-page .policy-list-header{align-items:stretch;flex-direction:column;margin:0 .75rem 1rem;padding:.875rem}.policy-page .policy-list-header h3{margin-bottom:.75rem}.policy-page .policy-list-header .filter-controls{flex-direction:column;gap:.5rem}.policy-page .policy-list-header .filter-controls .group-filter,.policy-page .policy-list-header .filter-controls .search-wrap{min-width:auto;width:100%}.policy-page .grouped-policies{padding:0 .75rem 1rem}.policy-page .grouped-policies .policy-group .group-header{padding:.75rem}.policy-page .table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative}.policy-page table.policy-table{min-width:450px}.policy-page table.policy-table td,.policy-page table.policy-table th{padding:.625rem .75rem}.policy-page .policy-actions{flex-direction:column;gap:.75rem}.policy-page .policy-actions .left-action,.policy-page .policy-actions .left-action .btn,.policy-page .policy-actions .right-action,.policy-page .policy-actions .right-action .btn{width:100%}}@media(max-width:480px){.policy-page .page-header{padding:.625rem}.policy-page .page-header h2{font-size:1.25rem;gap:.5rem}.policy-page .page-header .subtitle{font-size:.75rem}.policy-page .page-header-actions .btn-primary{font-size:.875rem;height:40px;padding:0 1rem}.policy-page .policy-stats{gap:.5rem;grid-template-columns:1fr 1fr 1fr;padding:.625rem}.policy-page .policy-stat-card{flex-direction:column;gap:.25rem;padding:.5rem;text-align:center}.policy-page .policy-stat-icon{height:32px;width:32px}.policy-page .policy-stat-icon svg{font-size:.875rem}.policy-page .policy-stat-info h3{font-size:1.125rem}.policy-page .policy-stat-info p{font-size:.65rem}.policy-page .policy-form{margin:0 .625rem .75rem;padding:.75rem}.policy-page .policy-form label{font-size:.8rem;margin-bottom:.375rem}.policy-page .policy-form .group-input,.policy-page .policy-form .group-select,.policy-page .policy-form textarea{font-size:.8rem;margin-bottom:.75rem;padding:.5rem .625rem}.policy-page .policy-list-header{margin:0 .625rem .75rem;padding:.75rem}.policy-page .policy-list-header h3{font-size:1rem}.policy-page .policy-list-header .filter-controls{align-items:stretch;width:100%}.policy-page .policy-list-header .filter-controls .group-filter,.policy-page .policy-list-header .filter-controls .search-wrap{width:100%}.policy-page .grouped-policies{padding:0 .625rem .75rem}.policy-page table.policy-table{font-size:.75rem}.policy-page table.policy-table td,.policy-page table.policy-table th{padding:.5rem .625rem}.policy-page .policy-actions{flex-direction:row;padding-top:.5rem}.policy-page .policy-actions .btn{font-size:.8rem;padding:.5rem 1rem}.policy-page .table-wrap{position:relative}.policy-page .table-wrap table.policy-table td:last-child,.policy-page .table-wrap table.policy-table th:last-child{background:#fff;box-shadow:-6px 0 8px -6px #0f172a0f;position:sticky;right:0;white-space:nowrap;z-index:4}}.pay-policy__trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:#0f62fe;color:var(--color-primary,#0f62fe);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.25rem .5rem;transition:background .15s ease,color .15s ease}.pay-policy__trigger:hover{background:#0f62fe0f}.pay-policy__icon{font-size:1rem}.pay-policy{color:#222;color:var(--text-color,#222);display:flex;flex-direction:column;gap:1rem;padding:.5rem .25rem}.pay-policy__lead{background:linear-gradient(90deg,#0f62fe0f,#0000);border-radius:8px;font-size:.98rem;line-height:1.45;margin:0;padding:.75rem 1rem}.pay-policy__section{background:#fff;border-left:4px solid #0f62fe1f;border-radius:8px;box-shadow:0 6px 20px #1018280f;padding:.85rem 1rem}.pay-policy__section h3{font-size:1.02rem;margin:0 0 .35rem}.pay-policy__section p{color:#444;font-size:.95rem;margin:0}.pay-policy__contact{background:#fafbfd;border:1px solid #0f62fe0f;border-radius:8px;cursor:pointer;padding:.6rem .75rem}.pay-policy__footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.pay-policy__footer .btn-primary:hover{transform:none!important;translate:none!important}@media(max-width:600px){.pay-policy__footer{align-items:stretch;flex-direction:column-reverse}.pay-policy__print{display:none}.pay-policy{gap:.75rem;padding:.375rem .125rem}.pay-policy__lead{font-size:.9rem;padding:.625rem .875rem}.pay-policy__section{padding:.75rem .875rem}.pay-policy__section h3{font-size:.95rem}.pay-policy__section p{font-size:.875rem}.pay-policy__contact{padding:.5rem .625rem}}@media(max-width:400px){.pay-policy__lead{font-size:.85rem;padding:.5rem .75rem}.pay-policy__section{border-radius:6px;padding:.625rem .75rem}.pay-policy__section h3{font-size:.9rem}.pay-policy__section p{font-size:.8rem}}.payment-page{background:#f8fafc;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.payment-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 40px #00000014;display:flex;gap:0;max-width:1000px;overflow:hidden;width:100%}.payment-card__left{background:#f1f5f9;display:flex;flex:0 0 380px;flex-direction:column;overflow:visible;padding:40px 20px;position:relative}.payment-discount-badge{animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#efa544,#dc6026);border-radius:24px;box-shadow:0 4px 12px #ef444459;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:0;text-transform:uppercase;top:0;z-index:10}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.payment-card__left.gold .payment-discount-badge{background:linear-gradient(135deg,#ca8a1c,#e65b1c);box-shadow:0 4px 12px #f59e0b59}.payment-card__left.gold{background:#ddcd8f}.payment-card__left.silver{background:#c4d1df}.payment-card__right{background:#fff;flex:1 1;padding:40px}.payment-plan{margin-bottom:auto;position:relative}.payment-plan .badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;position:absolute;right:12px;text-transform:uppercase;top:56px}.payment-plan.silver .badge{background:#e2e8f0;color:#475569}.payment-plan.gold .badge{background:#fef3c7;color:#92400e}.plan-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 8px}.price-section{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.original-price-row{align-items:center;display:flex;gap:.6rem}.original-savings{background:#057a18;border:1px solid #10b981;border-radius:.2rem;color:#fff;font-size:.95rem;font-weight:600;padding:.2rem .5rem}.original-price{color:#87898b;font-size:1.2rem;font-weight:600;text-decoration:line-through}.price{color:#0f172a;font-size:2rem;font-weight:800}.price--discounted{color:#4f5352;font-size:2.2rem}.period{color:#64748b;font-size:1rem;margin-bottom:24px}.benefits{list-style:none;margin:24px 0;padding:0}.benefits li{align-items:center;color:#475569;display:flex;font-size:.95rem;gap:10px;padding:8px 0}.benefits li .check{color:#10b981;font-weight:700}.payment-security-note{background:#fff;border-left:4px solid #3b82f6;border-radius:8px;margin-top:30px;padding:15px}.payment-security-note p{color:#64748b;font-size:.85rem;line-height:1.4;margin:0}.payment-cta{display:flex;gap:12px;margin-top:24px}.payment-cta .btn{flex:1 1;font-size:.9rem;padding:10px}.payment-form .form-title{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:24px}.summary-item{color:#64748b;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:12px}.summary-item strong{color:#1e293b}.divider{border:0;border-top:1px solid #e2e8f0;margin:24px 0}.section-subtitle{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:4px}.section-desc{color:#94a3b8;font-size:.85rem;margin-bottom:20px}.input-group{display:block;margin-bottom:20px}.input-group span{color:#475569;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.input-group input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s;width:100%}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.payment-total{align-items:center;background:#ddd9f7;border-radius:12px;display:flex;justify-content:space-between;margin-top:30px;padding:20px}.payment-total .total-label{color:#475569;font-weight:600}.payment-total .total-value{color:#1e293b;font-size:1.5rem;font-weight:800}.payment-actions-container{margin-top:24px}.payment-actions-container .terms-checkbox{align-items:flex-start;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;gap:10px;margin-bottom:20px}.payment-actions-container .terms-checkbox input[type=checkbox]{height:20px;width:20px}.payment-actions-container .terms-checkbox .terms-link{color:#3b82f6;font-weight:600;text-decoration:underline}.payment-actions-container .btn--large{border-radius:8px;font-size:1.1rem;font-weight:600;padding:16px;width:100%}.payment-actions-container .payment-buttons-stack{display:flex;flex-direction:column;gap:12px;margin-top:10px;width:100%}.trust-badges{align-items:center;color:#94a3b8;display:flex;font-size:.8rem;font-weight:500;gap:15px;justify-content:center;margin-top:24px}.trust-badges img{height:20px;opacity:.7}.payment-success{padding:40px 20px;text-align:center}.payment-success .success-icon{font-size:4rem;margin-bottom:20px}.payment-success h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:12px}.payment-success p{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:400px}@media(max-width:1024px){.payment-page{padding:30px 16px}.payment-card{max-width:100%}.payment-card__left{flex:0 0 320px;padding:30px}.payment-card__right{padding:30px}}@media(max-width:900px){.payment-card{flex-direction:column}.payment-card__left{border-bottom:1px solid #e2e8f0;border-right:none;flex:0 0 auto;padding:24px;width:100%}.payment-discount-badge{font-size:.8rem;padding:.4rem .8rem;right:12px;top:12px}.payment-card__right{padding:24px}.payment-form .form-title{font-size:1.5rem;margin-bottom:20px}.plan-title{font-size:1.35rem}.original-price{font-size:1rem}.price{font-size:1.75rem}.price--discounted{font-size:1.9rem}}@media(max-width:600px){.payment-page{min-height:calc(100vh - 60px);padding:16px 12px}.payment-card{border-radius:12px}.payment-card__left{padding:20px}.payment-discount-badge{font-size:.75rem;padding:.35rem .7rem;right:10px;top:10px}.payment-card__right{padding:20px}.payment-plan .badge{font-size:.75rem;padding:5px 12px}.plan-title{font-size:1.25rem}.original-price{font-size:.95rem}.price{font-size:1.5rem}.price--discounted{font-size:1.65rem}.period{font-size:.9rem;margin-bottom:16px}.benefits{margin:16px 0}.benefits li{font-size:.875rem;padding:6px 0}.payment-security-note{margin-top:20px;padding:12px}.payment-security-note p{font-size:.8rem}.payment-form .form-title{font-size:1.35rem;margin-bottom:16px}.summary-item{font-size:.9rem;margin-bottom:10px}.divider{margin:16px 0}.section-subtitle{font-size:1rem}.section-desc{font-size:.8rem}.input-group,.section-desc{margin-bottom:16px}.input-group span{font-size:.85rem;margin-bottom:6px}.input-group input{font-size:.9rem;padding:10px 14px}.payment-total{margin-top:20px;padding:16px}.payment-cta{margin-top:16px}.payment-cta .btn{font-size:.85rem;padding:8px}}@media(max-width:400px){.payment-page{padding:12px 8px}.payment-card{border-radius:10px}.payment-card__left,.payment-card__right{padding:16px}.payment-discount-badge{font-size:.7rem;padding:.3rem .6rem;right:8px;top:8px}.plan-title{font-size:1.15rem}.original-price{font-size:.85rem}.price{font-size:1.35rem}.price--discounted{font-size:1.5rem}.payment-form .form-title{font-size:1.25rem}.payment-cta{flex-direction:column;gap:8px}.payment-cta .btn{width:100%}}.notes-page{background:#f9fafb;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1.5rem}.notes-page__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.notes-page__header-left{display:flex;flex-direction:column;gap:.25rem}.notes-page__header-right{align-items:center;display:flex;gap:1rem}.notes-page__title{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.notes-page__title svg{color:#6366f1;font-size:1.5rem}.notes-page__subtitle{color:#6b7280;font-size:.95rem;margin:0}.notes-page__tabs{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;padding:4px}.notes-page__tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.notes-page__tab:hover{color:#374151}.notes-page__tab.active{background:#6366f1;color:#fff}.notes-page__search{margin-bottom:1.5rem;max-width:500px;position:relative}.notes-page__search-icon{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.notes-page__search-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.notes-page__search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.notes-page__search-input::placeholder{color:#9ca3af}.notes-page__search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.notes-page__search-clear:hover{color:#4b5563}.notes-page__content{flex:1 1;min-height:0;overflow-y:auto}.notes-page__loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem}.notes-page__spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:48px;margin-bottom:1rem;width:48px}.notes-page__empty{flex-direction:column;padding:4rem;text-align:center}.notes-page__empty,.notes-page__empty-icon{align-items:center;display:flex;justify-content:center}.notes-page__empty-icon{background:#f3f4f6;border-radius:50%;height:80px;margin-bottom:1.5rem;width:80px}.notes-page__empty-icon svg{color:#9ca3af;font-size:2rem}.notes-page__empty h3{color:#374151;font-size:1.25rem;margin-bottom:.5rem}.notes-page__empty p{color:#6b7280;font-size:.95rem}.notes-page__overlay{inset:0;position:fixed;z-index:50}.new-note{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto 2rem;max-width:600px;overflow:hidden;transition:all .2s ease}.new-note--expanded{box-shadow:0 4px 20px #00000026}.new-note__placeholder{align-items:center;color:#6b7280;cursor:text;display:flex;font-size:.95rem;gap:.75rem;padding:1rem 1.25rem}.new-note__placeholder:hover{color:#374151}.new-note__form{padding:1rem 1.25rem}.new-note__title-input{background:#0000;border:none;color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.5rem 0;width:100%}.new-note__title-input:focus{outline:none}.new-note__title-input::placeholder{color:#9ca3af}.new-note__type-tabs{border-bottom:1px solid #f3f4f6;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.new-note__type-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.new-note__type-tab.active,.new-note__type-tab:hover{border-color:#6366f1;color:#6366f1}.new-note__type-tab.active{background:#6366f11a}.new-note__content-input{background:#0000;border:none;color:#374151;font-size:.95rem;min-height:80px;resize:none;width:100%}.new-note__content-input:focus{outline:none}.new-note__content-input::placeholder{color:#9ca3af}.new-note__checklist{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.new-note__checklist-item{align-items:center;display:flex;gap:.75rem;padding:.375rem 0}.new-note__checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.new-note__checklist-text{color:#374151;flex:1 1;font-size:.95rem}.new-note__checklist-remove{background:none;border:none;color:#9ca3af;cursor:pointer;opacity:0;padding:.25rem;transition:all .2s ease}.new-note__checklist-remove:hover{color:#ef4444}.new-note__checklist-item:hover .new-note__checklist-remove{opacity:1}.new-note__checklist-input{align-items:center;display:flex;gap:.75rem;padding:.375rem 0}.new-note__checklist-input input{background:#0000;border:none;color:#374151;flex:1 1;font-size:.95rem}.new-note__checklist-input input:focus{outline:none}.new-note__checklist-input input::placeholder{color:#9ca3af}.new-note__checklist-add{align-items:center;background:#6366f11a;border:none;border-radius:4px;color:#6366f1;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.new-note__checklist-add:hover{background:#6366f1;color:#fff}.new-note__colors{border-top:1px solid #f3f4f6;display:flex;gap:.5rem;margin:1rem 0;padding-top:.75rem}.new-note__color-btn{border:2px solid #0000;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.new-note__color-btn:hover{transform:scale(1.1)}.new-note__color-btn.active{border-color:#6366f1}.new-note__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.new-note__cancel{background:#d1d5db;border:none;border-radius:6px;color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.new-note__cancel:hover{background:#e5e7eb}.new-note__save{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.new-note__save:hover{background:#4f46e5}.notes-section{margin-bottom:2rem}.notes-section__title{align-items:center;color:#6b7280;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.notes-section__title svg{font-size:.75rem}.notes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:.5rem}.note-card{background:#fff;border:1px solid #0000;border-radius:12px;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.note-card,.note-card:hover{box-shadow:0 0 9px 6px #0000001a}.note-card--pinned{border-color:#f59e0b}.note-card__pin-indicator{color:#f59e0b;font-size:.9rem;position:absolute;right:12px;top:-8px;transform:rotate(45deg)}.note-card__title{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.note-card__content{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden;white-space:pre-wrap}.note-card__checklist{display:flex;flex-direction:column;gap:.375rem}.note-card__checklist-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.125rem 0}.note-card__checklist-item--completed .note-card__checkbox{background:#10b981;border-color:#10b981;color:#fff}.note-card__checklist-item--completed .note-card__checklist-text{color:#9ca3af;text-decoration:line-through}.note-card__checkbox{align-items:center;border:2px solid #d1d5db;border-radius:3px;display:flex;flex-shrink:0;font-size:.6rem;height:16px;justify-content:center;transition:all .2s ease;width:16px}.note-card__checklist-text{flex:1 1;line-height:1.3}.note-card__more{color:#9ca3af;font-size:.8rem;margin-top:.25rem}.note-card__progress{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:.75rem;margin-top:.5rem;padding-top:.5rem}.note-card__footer{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.note-card__date{color:#9ca3af;font-size:.75rem}.note-card__actions{display:flex;gap:.25rem;opacity:0;pointer-events:none;position:relative;transition:all .2s ease}.note-card:focus-within .note-card__actions,.note-card:hover .note-card__actions{opacity:1;pointer-events:auto}.note-card__action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.note-card__action-btn:hover{background:#00000014;color:#4b5563}.note-card__action-btn .pinned{color:#f59e0b}.note-card__color-picker{background:#fff;border-radius:8px;bottom:100%;box-shadow:0 4px 20px #0003;display:flex;gap:.375rem;margin-bottom:.5rem;padding:.5rem;position:absolute;right:0;z-index:100}.note-card__color-option{border:2px solid #0000;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.note-card__color-option:hover{transform:scale(1.1)}.note-card__color-option.active{border-color:#6366f1}.note-card__menu{background:#fff;border-radius:8px;box-shadow:0 0 8px 3000px #00000040;left:50%;min-width:260px;padding:.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.note-card__menu button{align-items:center;background:none;border:none;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.note-card__menu button:hover{background:#f3f4f6}.note-card__menu button.danger{color:#ef4444}.note-card__menu button.danger:hover{background:#ef44441a}.note-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:200}.note-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.note-modal__header{align-items:center;border-bottom:1px solid #0000000d;display:flex;padding:1rem 1.25rem}.note-modal__title-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:1.1rem;font-weight:600}.note-modal__title-input:focus{outline:none}.note-modal__title-input::placeholder{color:#9ca3af}.note-modal__close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.note-modal__close:hover{background:#0000001a;color:#374151}.note-modal__body{flex:1 1;overflow-y:auto;padding:1rem 1.25rem}.note-modal__content-input{background:#0000;border:none;color:#374151;font-size:.95rem;line-height:1.6;min-height:150px;resize:none;width:100%}.note-modal__content-input:focus{outline:none}.note-modal__content-input::placeholder{color:#9ca3af}.note-modal__checklist{display:flex;flex-direction:column;gap:.5rem}.note-modal__checklist-item{align-items:center;display:flex;gap:.75rem;padding:.375rem 0}.note-modal__checklist-item.completed .note-modal__checklist-text{color:#9ca3af;text-decoration:line-through}.note-modal__checkbox{align-items:center;background:none;border:2px solid #d1d5db;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.note-modal__checkbox:hover{border-color:#6366f1}.note-modal__checklist-item.completed .note-modal__checkbox{background:#10b981;border-color:#10b981}.note-modal__checkbox-placeholder{border:2px solid #e5e7eb;border-radius:4px;flex-shrink:0;height:20px;width:20px}.note-modal__checklist-text{color:#374151;flex:1 1;font-size:.95rem}.note-modal__checklist-remove{background:none;border:none;color:#9ca3af;cursor:pointer;opacity:0;padding:.25rem;transition:all .2s ease}.note-modal__checklist-remove:hover{color:#ef4444}.note-modal__checklist-item:hover .note-modal__checklist-remove{opacity:1}.note-modal__checklist-input{align-items:center;display:flex;gap:.75rem;margin-top:.5rem;padding:.375rem 0}.note-modal__checklist-input input{background:#0000;border:none;color:#374151;flex:1 1;font-size:.95rem}.note-modal__checklist-input input:focus{outline:none}.note-modal__checklist-input input::placeholder{color:#9ca3af}.note-modal__checklist-add{align-items:center;background:#6366f11a;border:none;border-radius:4px;color:#6366f1;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.note-modal__checklist-add:hover{background:#6366f1;color:#fff}.note-modal__colors{border-top:1px solid #0000000d;display:flex;gap:.5rem;padding:.75rem 1.25rem}.note-modal__color-btn{border:2px solid #0000;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.note-modal__color-btn:hover{transform:scale(1.1)}.note-modal__color-btn.active{border-color:#6366f1}.note-modal__footer{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;padding:.75rem 1.25rem}.note-modal__date{color:#9ca3af;font-size:.8rem}.note-modal__actions{display:flex;gap:.75rem}.note-modal__cancel{background:#f3f4f6;border:none;border-radius:6px;color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.note-modal__cancel:hover{background:#e5e7eb}.note-modal__save{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.note-modal__save:hover{background:#4f46e5}@media(max-width:1024px){.notes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.notes-page{padding:1rem}.notes-page__header{flex-direction:column;gap:1rem}.notes-page__tabs{justify-content:center;width:100%}.notes-page__search{max-width:100%}.new-note{margin:0 0 1.5rem}.notes-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.note-card{padding:.75rem}.note-card__title{font-size:.95rem}.note-card__content{-webkit-line-clamp:4;font-size:.85rem}.note-card__actions{opacity:1;pointer-events:auto}.note-modal-overlay{padding:1rem}.note-modal{max-height:85vh}}@media(max-width:480px){.notes-page{padding:.75rem}.notes-page__title{font-size:1.5rem}.notes-page__title svg{font-size:1.25rem}.notes-grid{grid-template-columns:1fr}.new-note__colors,.new-note__type-tabs{justify-content:center}.new-note__colors{flex-wrap:wrap}.new-note__actions{flex-direction:row}.new-note__actions button{width:100%}.note-card__footer{flex-direction:column;gap:.5rem}.note-card__actions{justify-content:flex-end;width:100%}.note-modal__footer{flex-direction:column;gap:.75rem}.note-modal__actions{flex-direction:column;width:100%}.note-modal__actions button{width:100%}}.admin-layout{background:#f3f4f6;display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#111827,#1f2937);bottom:0;box-shadow:4px 0 20px #0000001a;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:240px;z-index:100}.admin-sidebar__header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.admin-sidebar__close{background:none;border:none;color:#9ca3af;cursor:pointer;display:none;font-size:1.25rem;padding:.25rem}.admin-sidebar__close:hover{color:#fff}.admin-sidebar__nav{flex:1 1;overflow-y:auto;padding:1rem .75rem}.admin-sidebar__footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.admin-menu-toggle{background:none;border:none;border-radius:6px;color:#4b5563;cursor:pointer;display:none;font-size:1.25rem;margin-right:.5rem;padding:.5rem;transition:all .2s ease}.admin-menu-toggle:hover{background:#f3f4f6;color:#1f2937}.admin-mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;inset:0;position:fixed;z-index:99}.admin-logo{align-items:center;display:flex;gap:.75rem}.admin-logo__icon{color:#6366f1;font-size:1.75rem}.admin-logo__text{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.admin-nav-item{align-items:center;border-radius:10px;color:#9ca3af;display:flex;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.admin-nav-item:hover{background:#ffffff0d;color:#fff}.admin-nav-item--active{background:#6366f126;color:#6366f1}.admin-nav-item--active .admin-nav-item__icon{color:#6366f1}.admin-nav-item__icon{display:flex;font-size:1.1rem;justify-content:center;width:24px}.admin-nav-item__label{font-size:.95rem}.admin-back-btn,.admin-logout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.admin-back-btn:hover,.admin-logout-btn:hover{background:#ffffff0d;color:#fff}.admin-logout-btn{color:#ef4444}.admin-logout-btn:hover{background:#ef44441a;color:#ef4444}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:240px;min-height:100vh}.admin-header{background:#fff;border-bottom:1px solid #e5e7eb;height:70px;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:50}.admin-header,.admin-header__left{align-items:center;display:flex}.admin-header__title{color:#1f2937;font-size:1.25rem;font-weight:700}.admin-user-info{align-items:center;display:flex;gap:.75rem}.admin-user-info__avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;display:flex;height:42px;justify-content:center;overflow:hidden;width:42px}.admin-user-info__avatar img{height:100%;object-fit:cover;width:100%}.admin-user-info__avatar span{color:#fff;font-size:1rem;font-weight:600}.admin-user-info__details{display:flex;flex-direction:column}.admin-user-info__name{color:#1f2937;font-size:.95rem;font-weight:600}.admin-user-info__role{color:#6b7280;font-size:.8rem}.admin-content{flex:1 1;overflow-y:auto;padding:1rem!important}.admin-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:2rem}.admin-loading__spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:48px;margin-bottom:1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.admin-error{color:#ef4444}.admin-empty-state,.admin-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.admin-empty-state{color:#6b7280}.admin-empty-state__icon{color:#d1d5db;display:flex;font-size:3rem;justify-content:center;margin-bottom:1rem}.admin-empty-state__icon svg{height:64px;width:64px}.admin-empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.admin-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.admin-btn:disabled{cursor:not-allowed;opacity:.6}.admin-btn--primary{background:#6366f1;color:#fff}.admin-btn--primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.admin-btn--secondary{background:#f3f4f6;color:#374151}.admin-btn--secondary:hover:not(:disabled){background:#e5e7eb}.admin-btn--outline{background:#0000;border:1px solid #d1d5db;color:#374151}.admin-btn--outline:hover:not(:disabled){background:#6366f10d;border-color:#6366f1;color:#6366f1}.admin-btn--danger{background:#ef4444;color:#fff}.admin-btn--danger:hover:not(:disabled){background:#eb1515}.admin-btn--text{background:#0000;color:#6366f1;padding:.5rem .75rem}.admin-btn--text:hover{background:#6366f11a}.admin-btn--small{font-size:.85rem;padding:.5rem .875rem}.admin-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media(max-width:1200px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-stats-grid{grid-template-columns:1fr}}.admin-stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative}.admin-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.admin-stat-card--primary:before{background:#6366f1}.admin-stat-card--success:before{background:#10b981}.admin-stat-card--warning:before{background:#f59e0b}.admin-stat-card--info:before{background:#3b82f6}.admin-stat-card__icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.admin-stat-card--primary .admin-stat-card__icon{background:#6366f11a;color:#6366f1}.admin-stat-card--success .admin-stat-card__icon{background:#10b9811a;color:#10b981}.admin-stat-card--warning .admin-stat-card__icon{background:#f59e0b1a;color:#f59e0b}.admin-stat-card--info .admin-stat-card__icon{background:#3b82f61a;color:#3b82f6}.admin-stat-card__content{display:flex;flex-direction:column;gap:.25rem}.admin-stat-card__value{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.2}.admin-stat-card__label{color:#6b7280;font-size:.9rem;font-weight:500}.admin-stat-card__trend{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:.25rem}.admin-stat-card__trend--up{color:#10b981}.admin-stat-card__trend--down{color:#ef4444}.admin-stat-card__percentage{color:#6b7280;font-size:.9rem;font-weight:600}.admin-stat-card__sub{color:#9ca3af;font-size:.8rem}.admin-plan-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}@media(max-width:768px){.admin-plan-cards{grid-template-columns:1fr}}.admin-plan-card{align-items:center;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem}.admin-plan-card--gold{border-left-color:#f59e0b}.admin-plan-card--gold .admin-plan-card__icon{color:#f59e0b}.admin-plan-card--silver{border-left-color:#9ca3af}.admin-plan-card--silver .admin-plan-card__icon{color:#9ca3af}.admin-plan-card--free{border-left-color:#6366f1}.admin-plan-card--free .admin-plan-card__icon{color:#6366f1}.admin-plan-card__icon{font-size:2rem}.admin-plan-card__icon--star{align-items:center;display:flex;justify-content:center}.admin-plan-card__icon--star svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));height:40px;width:40px}.admin-plan-card__info{display:flex;flex-direction:column}.admin-plan-card__count{color:#1f2937;font-size:1.75rem;font-weight:700}.admin-plan-card__label{color:#6b7280;font-size:.9rem}.admin-charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media(max-width:1024px){.admin-charts-row{grid-template-columns:1fr}}.admin-chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-chart-card--large{grid-column:1/-1}.admin-chart-card__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.admin-chart-card__header h3{color:#1f2937;font-size:1rem;font-weight:600}.admin-chart-card__legend{display:flex;gap:1rem}.admin-chart-card__body{padding:1.5rem}.admin-legend-item{align-items:center;color:#4b5563;display:flex;font-size:.85rem;gap:.5rem}.admin-legend-dot{border-radius:50%;height:10px;width:10px}.admin-activity-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media(max-width:1024px){.admin-activity-row{grid-template-columns:1fr}}.admin-activity-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.admin-activity-card__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.admin-activity-card__header h3{color:#1f2937;font-size:1rem;font-weight:600}.admin-activity-card__badge{background:#f3f4f6;border-radius:20px;color:#4b5563;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.admin-activity-card__badge--success{background:#d1fae5;color:#10b981}.admin-activity-card__body{max-height:400px;overflow-y:auto;padding:.5rem 0}.admin-activity-list{list-style:none;margin:0;padding:0}.admin-activity-item{align-items:center;border-bottom:1px solid #f9fafb;display:flex;gap:1rem;padding:.875rem 1.5rem;transition:background .2s}.admin-activity-item:hover{background:#f9fafb}.admin-activity-item:last-child{border-bottom:none}.admin-activity-item__avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.admin-activity-item__avatar img{height:100%;object-fit:cover;width:100%}.admin-activity-item__avatar span{color:#fff;font-size:.9rem;font-weight:600}.admin-activity-item__avatar--success{background:#10b981;color:#fff}.admin-activity-item__info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.admin-activity-item__name{color:#1f2937;font-size:.9rem;font-weight:600}.admin-activity-item__email,.admin-activity-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-activity-item__email{color:#6b7280;font-size:.8rem}.admin-activity-item__meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.admin-activity-item__date{color:#9ca3af;font-size:.8rem}.admin-activity-item__amount{color:#10b981;font-size:.9rem;font-weight:600}.admin-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem;text-transform:capitalize}.admin-badge--gold{background:#f59e0b26;color:#c57f08}.admin-badge--silver{background:#9ca3af33;color:#666f7f}.admin-badge--free{background:#6366f11a;color:#6366f1}.admin-empty{color:#9ca3af;padding:2rem;text-align:center}.admin-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-page-header__left h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:.25rem}.admin-page-header__left p{color:#6b7280;font-size:.95rem}.admin-page-header__right{align-items:center;display:flex;gap:1rem}.admin-page-header__count{background:#f3f4f6;border-radius:8px;color:#4b5563;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.admin-export-btns{display:flex;gap:.5rem}.admin-toolbar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.admin-search{flex:1 1;max-width:400px;min-width:250px;position:relative}.admin-search__icon{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.admin-search__input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.admin-search__input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.admin-search__input::placeholder{color:#9ca3af}.admin-search__clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.admin-search__clear:hover{color:#4b5563}.admin-filter-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.admin-filter-btn--active,.admin-filter-btn:hover{border-color:#6366f1;color:#6366f1}.admin-filter-btn--active{background:#6366f10d}.admin-filter-badge{background:#ef4444;border-radius:50%;height:8px;width:8px}.admin-filter-panel{align-items:flex-end;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.admin-filter-group{display:flex;flex-direction:column;gap:.5rem}.admin-filter-group label{color:#4b5563;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-filter-group select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.9rem;min-width:150px;padding:.625rem 1rem}.admin-filter-group select:focus{border-color:#6366f1;outline:none}.admin-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;overflow:visible}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{padding:1rem 1.25rem;text-align:left}.admin-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.admin-table tr:hover{background:#f9fafb}.admin-table tr:last-child{border-bottom:none}.admin-table td{color:#374151;font-size:.9rem}.admin-user-cell{align-items:center;display:flex;gap:.75rem}.admin-user-cell__avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.admin-user-cell__avatar img{height:100%;object-fit:cover;width:100%}.admin-user-cell__avatar span{color:#fff;font-size:.9rem;font-weight:600}.admin-user-cell__info{display:flex;flex-direction:column;gap:.125rem}.admin-user-cell__name{color:#1f2937;font-weight:600}.admin-user-cell__email{color:#6b7280;font-size:.8rem}.admin-user-cell__role{color:#9ca3af;font-size:.8rem;text-transform:capitalize}.admin-email-cell{align-items:center;display:flex;gap:.5rem}.admin-email-cell__icon{color:#9ca3af;font-size:.8rem}.admin-date-cell{align-items:center;color:#6b7280;display:flex;gap:.5rem}.admin-date-cell__icon{color:#9ca3af;font-size:.8rem}.admin-plan-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;text-transform:capitalize}.admin-plan-badge svg{height:20px;width:20px}.admin-plan-badge--gold{background:#f59e0b26;color:#c57f08}.admin-plan-badge--silver{background:#9ca3af33;color:#666f7f}.admin-plan-badge--free{background:#6366f11a;color:#6366f1}.admin-plan-badge .plan-icon{font-size:.9rem}.admin-plan-badge .plan-icon--gold{color:#f59e0b}.admin-plan-badge .plan-icon--silver{color:#9ca3af}.admin-plan-badge .plan-icon--free{color:#6366f1}.admin-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;text-transform:capitalize}.admin-status-badge--active{background:#d1fae5;color:#10b981}.admin-status-badge--inactive{background:#fee2e2;color:#ef4444}.admin-actions-cell{align-items:center;display:flex;gap:.5rem}.admin-action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.admin-action-btn:hover{background:#e5e7eb;color:#374151}.admin-action-btn--view{background:#3b82f61a;color:#3b82f6}.admin-action-btn--view:hover{background:#3b82f633}.admin-action-menu-wrapper{position:relative}.admin-action-menu{animation:modalFadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:280px;z-index:1000}.admin-action-menu__header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:center}.admin-action-menu__header__name{color:#111827;display:block;font-size:1rem;font-weight:700}.admin-action-menu__header__email{color:#6b7280;display:block;font-size:.85rem}.admin-action-menu__header .admin-plan-badge{margin-top:.25rem}.admin-action-menu__section{border-bottom:1px solid #f3f4f6;padding:.5rem}.admin-action-menu__section:last-child{border-bottom:none}.admin-action-menu__label{color:#9ca3af;display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.5rem .75rem;text-transform:uppercase}.admin-action-menu__item{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.625rem .75rem;transition:background .2s;width:100%}.admin-action-menu__item:hover:not(:disabled){background:#f3f4f6}.admin-action-menu__item:disabled{cursor:default;opacity:.5}.admin-action-menu__item--active{background:#6366f11a;color:#6366f1}.admin-action-menu__item--danger{color:#ef4444}.admin-action-menu__item--danger:hover{background:#ef44441a}.admin-action-menu__item--success{color:#10b981}.admin-action-menu__item--success:hover{background:#10b9811a}.admin-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;position:fixed;z-index:999}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.admin-pagination__info{color:#4b5563;font-size:.875rem;font-weight:500}.admin-pagination__controls{align-items:center;display:flex;gap:.5rem}.admin-pagination__page-info{color:#374151;font-size:.875rem;font-weight:600;padding:0 .5rem}.admin-pagination__size{align-items:center;display:flex;gap:.5rem}.admin-pagination__size label{color:#4b5563;font-size:.875rem;font-weight:500}.admin-pagination__size select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.admin-pagination__size select:hover:not(:disabled){border-color:#6366f1}.admin-pagination__size select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.admin-pagination__size select:disabled{cursor:not-allowed;opacity:.5}.admin-pagination__btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;transition:all .2s ease}.admin-pagination__btn:hover:not(:disabled){background:#6366f10d;border-color:#6366f1;color:#6366f1}.admin-pagination__btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.4}.admin-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:200}.admin-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.admin-modal--small{max-width:400px}.admin-modal--plan{max-width:800px}.admin-modal__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.admin-modal__header h3{color:#1f2937;font-size:1.125rem;font-weight:600}.admin-modal__close{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.admin-modal__close:hover{background:#e5e7eb;color:#374151}.admin-modal__body{flex:1 1;overflow-y:auto;padding:1.5rem}.admin-modal__footer{border-top:1px solid #f3f4f6;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.admin-user-detail__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.admin-user-detail__avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.admin-user-detail__avatar img{height:100%;object-fit:cover;width:100%}.admin-user-detail__avatar span{color:#fff;font-size:1.5rem;font-weight:600}.admin-user-detail__info{flex:1 1}.admin-user-detail__info h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.admin-user-detail__info p{color:#6b7280;font-size:.9rem;margin-bottom:.75rem}.admin-user-detail__badges{display:flex;gap:.5rem}.admin-user-detail__section{margin-bottom:1.5rem}.admin-user-detail__section h5{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:1rem}.admin-user-detail__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(max-width:500px){.admin-user-detail__grid{grid-template-columns:1fr}}.admin-user-detail__item{display:flex;flex-direction:column;gap:.25rem}.admin-user-detail__label{color:#6b7280;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.admin-user-detail__value{color:#374151;font-size:.95rem;font-weight:500;text-transform:capitalize}.admin-payment-list{display:flex;flex-direction:column;gap:.5rem}.admin-payment-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.admin-payment-item__info{display:flex;flex-direction:column;gap:.125rem}.admin-payment-item__plan{color:#1f2937;font-weight:600;text-transform:capitalize}.admin-payment-item__date{color:#6b7280;font-size:.8rem}.admin-payment-item__amount{color:#10b981;font-weight:600}.admin-plan-management .admin-plan-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}@media(max-width:768px){.admin-plan-management .admin-plan-stats{grid-template-columns:1fr}}.admin-plan-stat-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.admin-plan-stat-card:hover{border:1px solid #6366f1;box-shadow:0 4px 12px #0000001a}.admin-plan-stat-card--selected{border-color:#6366f1}.admin-plan-stat-card__icon{font-size:2.5rem}.admin-plan-stat-card__icon svg{height:40px;width:40px}.admin-plan-stat-card__content{flex:1 1}.admin-plan-stat-card__count{color:#1f2937;display:block;font-size:2rem;font-weight:700;line-height:1}.admin-plan-stat-card__label{color:#6b7280;font-size:.9rem}.admin-plan-stat-card__price{color:#374151;font-size:1.125rem;font-weight:600;text-align:right}.admin-plan-stat-card__price span{color:#6b7280;font-size:.8rem;font-weight:400}.admin-plan-change__user{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.admin-plan-change__user h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.125rem}.admin-plan-change__user p{color:#6b7280;font-size:.9rem}.admin-plan-change__current{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.admin-plan-change__current span{color:#4b5563;font-size:.9rem}.admin-plan-change__options label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:1rem}.admin-plan-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.admin-plan-options{grid-template-columns:1fr}}.admin-plan-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .2s ease}.admin-plan-option:hover{border-color:#d1d5db}.admin-plan-option--selected{background:#6366f105;border-color:#6366f1}.admin-plan-option__header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.admin-plan-option__icon{font-size:1.5rem}.admin-plan-option__icon svg{height:28px;width:28px}.admin-plan-option__name{color:#1f2937;font-size:1.125rem;font-weight:600}.admin-plan-option__badge{align-items:center;border-radius:4px;display:flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-transform:uppercase}.admin-plan-option__badge--upgrade{background:#d1fae5;color:#10b981}.admin-plan-option__badge--downgrade{background:#fef3c7;color:#c57f08}.admin-plan-option__price{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.admin-plan-option__price span{color:#6b7280;font-size:.9rem;font-weight:400}.admin-plan-option__features{list-style:none;margin:0;padding:0}.admin-plan-option__features li{color:#4b5563;font-size:.85rem;padding:.25rem 0 .25rem 1.25rem;position:relative}.admin-plan-option__features li:before{color:#10b981;content:"✓";font-size:.75rem;left:0;position:absolute}.admin-analytics-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media(max-width:1200px){.admin-analytics-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-analytics-metrics{grid-template-columns:1fr}}.admin-metric-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem}.admin-metric-card__icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.admin-metric-card__icon--primary{background:#6366f11a;color:#6366f1}.admin-metric-card__icon--success{background:#10b9811a;color:#10b981}.admin-metric-card__icon--warning{background:#f59e0b1a;color:#f59e0b}.admin-metric-card__icon--info{background:#3b82f61a;color:#3b82f6}.admin-metric-card__icon--star svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:32px;width:32px}.admin-metric-card__content{display:flex;flex-direction:column;gap:.125rem}.admin-metric-card__value{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2}.admin-metric-card__label{color:#4b5563;font-size:.9rem;font-weight:500}.admin-metric-card__sub{color:#9ca3af;font-size:.8rem}.admin-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.625rem 1rem}.admin-select:focus{border-color:#6366f1;outline:none}.admin-revenue-by-plan{margin-bottom:1.5rem}.admin-revenue-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.admin-revenue-cards{grid-template-columns:1fr}}.admin-revenue-card{align-items:center;background:#f9fafb;border-left:4px solid;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.admin-revenue-card--gold{border-left-color:#f59e0b}.admin-revenue-card--silver{border-left-color:#9ca3af}.admin-revenue-card--free{border-left-color:#6366f1}.admin-revenue-card__icon{font-size:2rem}.admin-revenue-card__icon--star{align-items:center;display:flex;justify-content:center}.admin-revenue-card__icon--star svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));height:36px;width:36px}.admin-revenue-card__content{display:flex;flex-direction:column}.admin-revenue-card__plan{color:#6b7280;font-size:.85rem;text-transform:capitalize}.admin-revenue-card__amount{color:#1f2937;font-size:1.25rem;font-weight:700}.admin-revenue-card__count{color:#9ca3af;font-size:.8rem}@media(max-width:1440px){.admin-content{padding:1.75rem}}@media(max-width:1200px){.admin-sidebar{width:240px}.admin-main{margin-left:240px}.admin-content{padding:1.5rem}.admin-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-page-header__right{flex-wrap:wrap;width:100%}}@media(max-width:1024px){.admin-sidebar{width:200px}.admin-sidebar .admin-logo__text{font-size:1rem}.admin-sidebar .admin-nav-item__label{font-size:.85rem}.admin-sidebar .admin-back-btn span,.admin-sidebar .admin-logout-btn span{font-size:.8rem}.admin-main{margin-left:200px}.admin-header{height:60px;padding:0 1.5rem}.admin-user-info__details{display:none}.admin-toolbar{flex-wrap:wrap;gap:.75rem}.admin-search{flex:1 1 100%;max-width:100%;order:-1}.admin-filter-panel{flex-direction:column;gap:.75rem}.admin-filter-group,.admin-filter-group select{width:100%}.admin-table td,.admin-table th{padding:.875rem 1rem}.admin-modal-overlay{padding:1rem}.admin-modal{max-height:85vh}.admin-plan-options{grid-template-columns:1fr}}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-menu-toggle{display:flex}.admin-mobile-overlay{display:block}.admin-sidebar{background:linear-gradient(180deg,#111827,#1f2937);bottom:0;box-shadow:4px 0 20px #0003;height:100%;left:0;position:fixed;right:auto;top:0;transform:translateX(-100%);width:220px;z-index:100}.admin-sidebar--open{transform:translateX(0)}.admin-sidebar__header{display:flex;padding:1.25rem}.admin-sidebar__close{display:block}.admin-sidebar__nav{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:.75rem}.admin-sidebar .admin-nav-item{flex-shrink:0;justify-content:flex-start;padding:.875rem 1rem}.admin-sidebar .admin-nav-item__label{display:inline;font-size:.9rem}.admin-sidebar .admin-logo__text{display:inline}.admin-sidebar__footer{display:flex}.admin-sidebar .admin-back-btn span,.admin-sidebar .admin-logout-btn span{display:inline}.admin-sidebar .admin-back-btn,.admin-sidebar .admin-logout-btn{justify-content:flex-start}.admin-main{margin-left:0;margin-top:0}.admin-header{height:56px;padding:0 1rem}.admin-header__title{font-size:1rem}.admin-content{padding:1rem}.admin-page-header__left h2{font-size:1.25rem}.admin-page-header__left p{font-size:.85rem}.admin-page-header__right{gap:.75rem}.admin-page-header__count{font-size:.8rem;padding:.375rem .75rem}.admin-export-btns{justify-content:flex-start;width:100%}.admin-btn{font-size:.85rem;padding:.625rem 1rem}.admin-btn--small{font-size:.8rem;padding:.5rem .75rem}.admin-toolbar{gap:.5rem}.admin-filter-btn{font-size:.85rem;padding:.625rem .875rem}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}.admin-table{min-width:700px}.admin-table td,.admin-table th{font-size:.85rem;padding:.75rem}.admin-user-cell__avatar{height:36px;width:36px}.admin-user-cell__name{font-size:.9rem}.admin-user-cell__email,.admin-user-cell__role{font-size:.75rem}.admin-action-btn{height:28px;width:28px}.admin-pagination{flex-direction:column;gap:.875rem;padding:.875rem}.admin-pagination__info{font-size:.8rem;order:-1;text-align:center;width:100%}.admin-pagination__controls{flex-wrap:wrap;justify-content:center;width:100%}.admin-pagination__btn{flex:1 1;font-size:.8rem;justify-content:center;min-width:60px;padding:.5rem .75rem}.admin-pagination__page-info{font-size:.8rem}.admin-pagination__size{justify-content:center;width:100%}.admin-pagination__size label{font-size:.8rem}.admin-pagination__size select{font-size:.8rem;padding:.375rem .625rem}.admin-modal{margin:.5rem;max-width:calc(100% - 1rem)}.admin-modal__header{padding:1rem 1.25rem}.admin-modal__header h3{font-size:1rem}.admin-modal__body{padding:1.25rem}.admin-modal__footer{flex-direction:column-reverse;padding:.875rem 1.25rem}.admin-modal__footer .admin-btn{justify-content:center;width:100%}.admin-user-detail__header{flex-direction:column;text-align:center}.admin-user-detail__avatar{height:56px;width:56px}.admin-user-detail__info h4{font-size:1.125rem}.admin-user-detail__badges{justify-content:center}.admin-user-detail__grid{grid-template-columns:1fr 1fr}.admin-stat-card{padding:1.25rem}.admin-stat-card__icon{border-radius:10px;font-size:1.25rem;height:40px;width:40px}.admin-stat-card__value{font-size:1.5rem}.admin-stat-card__label{font-size:.85rem}.admin-plan-card{padding:1.25rem}.admin-plan-card__count{font-size:1.5rem}.admin-plan-card__label{font-size:.85rem}.admin-chart-card__header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.admin-chart-card__body{padding:1rem}.admin-chart-card__legend{flex-wrap:wrap}.admin-activity-item{padding:.75rem 1rem}.admin-activity-item__avatar{height:36px;width:36px}.admin-activity-item__name{font-size:.85rem}.admin-activity-item__email{font-size:.75rem}.admin-metric-card{padding:1.25rem}.admin-metric-card__icon{height:40px;width:40px}.admin-metric-card__value{font-size:1.25rem}.admin-revenue-card{padding:1rem}.admin-revenue-card__amount{font-size:1.125rem}}@media(max-width:640px){.admin-sidebar__nav{padding:.375rem}.admin-sidebar .admin-nav-item{gap:.5rem;padding:.625rem .875rem}.admin-sidebar .admin-nav-item__icon{font-size:1rem}.admin-sidebar .admin-nav-item__label{font-size:.8rem}.admin-header{height:52px}.admin-header__title{font-size:.9rem}.admin-content{padding:.875rem}.admin-page-header{margin-bottom:1rem}.admin-page-header__left h2{flex-wrap:wrap;font-size:1.125rem}.admin-page-header__left p{font-size:.8rem}.admin-plan-cards,.admin-stats-grid{gap:1rem}.admin-plan-card,.admin-stat-card{padding:1rem}.admin-stat-card__icon{font-size:1rem;height:36px;width:36px}.admin-stat-card__value{font-size:1.25rem}.admin-activity-row,.admin-charts-row{gap:1rem}.admin-search__input{font-size:.85rem;padding:.625rem .875rem .625rem 2.5rem}.admin-filter-btn{font-size:.8rem;padding:.5rem .75rem}.admin-btn{font-size:.8rem;padding:.5rem .875rem}.admin-table{min-width:600px}.admin-table td,.admin-table th{font-size:.8rem;padding:.625rem .5rem}.admin-action-menu{right:-10px;width:180px}.admin-action-menu__item{font-size:.85rem;padding:.5rem .625rem}.admin-modal-overlay{align-items:center;padding:.5rem}.admin-modal{border-radius:12px;margin:auto;max-height:90vh}.admin-modal__header{padding:.875rem 1rem}.admin-modal__body{padding:1rem}.admin-modal__footer{padding:.75rem 1rem}.admin-user-detail__grid{gap:.75rem;grid-template-columns:1fr}.admin-user-detail__section{margin-bottom:1rem}.admin-user-detail__section h5{font-size:.85rem}.admin-payment-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.625rem .875rem}.admin-payment-item__amount{align-self:flex-end}.admin-plan-stat-card{padding:1.25rem}.admin-plan-stat-card__icon{font-size:2rem}.admin-plan-stat-card__count{font-size:1.5rem}.admin-plan-option{padding:1rem}.admin-plan-option__name{font-size:1rem}.admin-plan-option__price{font-size:1.25rem}.admin-metric-card{flex-direction:column;padding:1rem;text-align:center}.admin-metric-card__icon{margin:0 auto}.admin-metric-card__content{align-items:center}.admin-revenue-card{flex-direction:column;gap:.75rem;text-align:center}.admin-revenue-card__icon{margin:0 auto}.admin-revenue-card__content{align-items:center}.admin-empty-state,.admin-error,.admin-loading{padding:2rem 1rem}.admin-empty-state__icon{font-size:2.5rem}.admin-empty-state__icon svg{height:48px;width:48px}.admin-empty-state h3{font-size:1.125rem}}@media(max-width:480px){.admin-main{margin-top:0}.admin-sidebar .admin-nav-item{padding:.5rem .75rem}.admin-sidebar .admin-nav-item__label{display:inline;font-size:.8rem}.admin-sidebar .admin-nav-item__icon{font-size:1.1rem}.admin-header{height:48px;padding:0 .75rem}.admin-header__title{font-size:.85rem}.admin-user-info__avatar{height:36px;width:36px}.admin-user-info__avatar span{font-size:.85rem}.admin-content{padding:.75rem}.admin-page-header{gap:.5rem;margin-bottom:.875rem}.admin-page-header__left h2{font-size:1rem}.admin-page-header__left p{display:none}.admin-page-header__right{align-items:stretch;flex-direction:column}.admin-page-header__count{text-align:center}.admin-export-btns{flex-direction:row;gap:.5rem}.admin-export-btns .admin-btn{flex:1 1;justify-content:center}.admin-activity-row,.admin-charts-row,.admin-plan-cards,.admin-stats-grid{gap:.75rem}.admin-plan-card,.admin-stat-card{padding:.875rem}.admin-stat-card{align-items:center;flex-direction:row}.admin-stat-card__icon{border-radius:8px;font-size:.9rem;height:32px;width:32px}.admin-stat-card__value{font-size:1.125rem}.admin-stat-card__label{font-size:.8rem}.admin-plan-card__icon{font-size:2.5rem}.admin-plan-card__count{font-size:1.25rem}.admin-plan-card__label{font-size:.8rem}.admin-chart-card__header{padding:.875rem 1rem}.admin-chart-card__header h3{font-size:.9rem}.admin-chart-card__body{padding:.75rem}.admin-activity-card__header{padding:.875rem 1rem}.admin-activity-card__header h3{font-size:.9rem}.admin-activity-card__body{max-height:300px}.admin-activity-item{gap:.75rem;padding:.625rem .875rem}.admin-activity-item__avatar{height:32px;width:32px}.admin-activity-item__name{font-size:.8rem}.admin-activity-item__date,.admin-activity-item__email{font-size:.7rem}.admin-activity-item__amount{font-size:.8rem}.admin-toolbar{gap:.5rem;margin-bottom:1rem}.admin-search__input{font-size:.8rem;padding:.5rem .75rem .5rem 2.25rem}.admin-search__icon{font-size:.9rem;left:.75rem}.admin-filter-btn{flex:1 1;justify-content:center}.admin-filter-panel{margin-bottom:1rem;padding:.875rem}.admin-filter-group label{font-size:.75rem}.admin-filter-group select{font-size:.85rem;padding:.5rem .75rem}.admin-table-container{border-radius:8px;margin-bottom:1rem}.admin-table{min-width:550px}.admin-table td,.admin-table th{font-size:.75rem;padding:.5rem}.admin-user-cell{gap:.5rem}.admin-user-cell__avatar{height:30px;width:30px}.admin-user-cell__avatar span{font-size:.75rem}.admin-user-cell__name{font-size:.8rem}.admin-user-cell__email,.admin-user-cell__role{font-size:.7rem}.admin-plan-badge,.admin-status-badge{font-size:.7rem;padding:.25rem .5rem}.admin-action-btn{height:26px;width:26px}.admin-pagination{flex-direction:column;gap:.625rem;padding:.75rem}.admin-pagination__info{font-size:.75rem;order:-1;text-align:center;width:100%}.admin-pagination__controls{flex-wrap:wrap;justify-content:center;width:100%}.admin-pagination__btn{flex:1 1;font-size:.75rem;justify-content:center;min-width:55px;padding:.375rem .625rem}.admin-pagination__page-info{font-size:.75rem;white-space:nowrap}.admin-pagination__size{justify-content:center;width:100%}.admin-pagination__size label{font-size:.75rem}.admin-pagination__size select{font-size:.75rem;padding:.375rem .5rem}.admin-modal__header{padding:.75rem 1rem}.admin-modal__header h3{font-size:.95rem}.admin-modal__close{height:28px;width:28px}.admin-modal__body{padding:.875rem}.admin-modal__footer{gap:.5rem;padding:.625rem .875rem}.admin-user-detail__avatar{height:48px;width:48px}.admin-user-detail__avatar span{font-size:1.25rem}.admin-user-detail__info h4{font-size:1rem}.admin-user-detail__info p{font-size:.85rem}.admin-user-detail__label{font-size:.75rem}.admin-user-detail__value{font-size:.9rem}.admin-payment-item{padding:.5rem .75rem}.admin-payment-item__plan{font-size:.9rem}.admin-payment-item__amount,.admin-payment-item__date{font-size:.8rem}.admin-plan-change__user{flex-direction:column;gap:.75rem;text-align:center}.admin-plan-change__user h4{font-size:1rem}.admin-plan-change__current{flex-wrap:wrap;justify-content:center}.admin-plan-stat-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.admin-plan-stat-card__icon{margin:0 auto}.admin-plan-stat-card__price{text-align:center}.admin-plan-option__header{justify-content:center}.admin-plan-option__features li{font-size:.8rem}.admin-analytics-metrics{gap:.5rem;grid-template-columns:repeat(2,1fr)}.admin-metric-card{padding:.875rem}.admin-metric-card__icon{height:36px;width:36px}.admin-metric-card__value{font-size:1.125rem}.admin-metric-card__label{font-size:.85rem}.admin-revenue-card{padding:.875rem}.admin-revenue-card__plan{font-size:.8rem}.admin-revenue-card__amount{font-size:1rem}.admin-revenue-card__count{font-size:.75rem}.admin-select{font-size:.85rem;padding:.5rem .75rem}.admin-badge{font-size:.7rem;padding:.2rem .5rem}.security-stats-grid{grid-gap:.5rem!important;display:grid;gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.security-stat-card{padding:.5rem!important}.security-stat-card__icon{font-size:1rem!important;height:32px!important;width:32px!important}.security-tab-panel{padding:.75rem!important}}.admin-security .security-status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media(max-width:1200px){.admin-security .security-status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-security .security-status-grid{gap:1rem;grid-template-columns:1fr}}.admin-security .security-status-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem}@media(max-width:768px){.admin-security .security-status-card{padding:1.25rem}}@media(max-width:480px){.admin-security .security-status-card{padding:1rem}}.admin-security .security-status-card--good{border-left:4px solid #10b981}.admin-security .security-status-card--good .security-status-card__value{color:#10b981}.admin-security .security-status-card__icon{align-items:center;background:#6366f11a;border-radius:12px;color:#6366f1;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}@media(max-width:640px){.admin-security .security-status-card__icon{font-size:1rem;height:40px;width:40px}}.admin-security .security-status-card__content{display:flex;flex-direction:column}.admin-security .security-status-card__label{color:#6b7280;font-size:.85rem}@media(max-width:480px){.admin-security .security-status-card__label{font-size:.8rem}}.admin-security .security-status-card__value{color:#1f2937;font-size:1.5rem;font-weight:700}@media(max-width:640px){.admin-security .security-status-card__value{font-size:1.25rem}}.admin-security .security-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media(max-width:1024px){.admin-security .security-content-grid{gap:1rem;grid-template-columns:1fr}}.admin-security .security-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-security .security-section__header{border-bottom:1px solid #f3f4f6;padding:1.25rem 1.5rem}@media(max-width:640px){.admin-security .security-section__header{padding:1rem 1.25rem}}.admin-security .security-section__header h3{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem}@media(max-width:480px){.admin-security .security-section__header h3{font-size:.9rem}}.admin-security .security-section__header h3 svg{color:#6366f1}.admin-security .security-section__body{padding:1.5rem}@media(max-width:640px){.admin-security .security-section__body{padding:1rem}}.admin-security .security-setting{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;justify-content:space-between;padding:1rem 0}@media(max-width:640px){.admin-security .security-setting{align-items:flex-start;flex-direction:column;gap:.75rem}}.admin-security .security-setting:last-child{border-bottom:none}.admin-security .security-setting__info{display:flex;flex-direction:column;gap:.25rem}.admin-security .security-setting__label{color:#1f2937;font-size:.95rem;font-weight:600}@media(max-width:480px){.admin-security .security-setting__label{font-size:.9rem}}.admin-security .security-setting__desc{color:#6b7280;font-size:.85rem}@media(max-width:480px){.admin-security .security-setting__desc{font-size:.8rem}}.admin-security .security-toggle{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:2rem;transition:color .2s}@media(max-width:640px){.admin-security .security-toggle{align-self:flex-end}}.admin-security .security-toggle--on{color:#10b981}.admin-security .security-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}@media(max-width:640px){.admin-security .security-select{width:100%}}.admin-security .security-select:focus{border-color:#6366f1;outline:none}.admin-security .security-checklist{gap:.5rem}.admin-security .security-checklist-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}@media(max-width:480px){.admin-security .security-checklist-item{padding:.625rem}}.admin-security .security-checklist-item__icon{font-size:1.1rem}.admin-security .security-checklist-item__icon--enabled{color:#10b981}.admin-security .security-checklist-item__label{color:#374151;flex:1 1;font-size:.95rem}@media(max-width:480px){.admin-security .security-checklist-item__label{font-size:.85rem}}.admin-security .security-checklist-item__status{border-radius:4px;font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}@media(max-width:480px){.admin-security .security-checklist-item__status{font-size:.7rem;padding:.2rem .375rem}}.admin-security .security-checklist-item__status--enabled{background:#d1fae5;color:#10b981}.admin-security .security-events-list{display:flex;flex-direction:column;gap:.5rem}.admin-security .security-event{align-items:center;background:#f9fafb;border-left:3px solid;border-radius:8px;display:flex;gap:1rem;padding:1rem}@media(max-width:640px){.admin-security .security-event{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.875rem}}.admin-security .security-event--success{border-left-color:#10b981}.admin-security .security-event--success .security-event__icon{color:#10b981}.admin-security .security-event--warning{border-left-color:#f59e0b}.admin-security .security-event--warning .security-event__icon{color:#f59e0b}.admin-security .security-event--info{border-left-color:#3b82f6}.admin-security .security-event--info .security-event__icon{color:#3b82f6}.admin-security .security-event__icon{font-size:1.25rem}@media(max-width:640px){.admin-security .security-event__icon{display:none}}.admin-security .security-event__content{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.admin-security .security-event__message{color:#1f2937;font-weight:500}@media(max-width:480px){.admin-security .security-event__message{font-size:.9rem}}.admin-security .security-event__meta{color:#6b7280;font-size:.8rem}@media(max-width:480px){.admin-security .security-event__meta{font-size:.75rem}}.admin-security .security-event__time{color:#9ca3af;font-size:.85rem}@media(max-width:640px){.admin-security .security-event__time{align-self:flex-end}}@media(max-width:480px){.admin-security .security-event__time{font-size:.75rem}}.admin-security .security-roles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.admin-security .security-roles-grid{grid-template-columns:1fr}}.admin-security .security-role-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem}@media(max-width:480px){.admin-security .security-role-card{padding:1rem}}.admin-security .security-role-card h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.5rem}@media(max-width:480px){.admin-security .security-role-card h4{font-size:.95rem}}.admin-security .security-role-card p{color:#4b5563;font-size:.85rem;line-height:1.5;margin-bottom:1rem}@media(max-width:480px){.admin-security .security-role-card p{font-size:.8rem;margin-bottom:.75rem}}.admin-security .security-role-card ul{list-style:none;margin:0;padding:0}.admin-security .security-role-card ul li{color:#4b5563;font-size:.85rem;padding:.25rem 0 .25rem 1.25rem;position:relative}@media(max-width:480px){.admin-security .security-role-card ul li{font-size:.8rem}}.admin-security .security-role-card ul li:before{color:#6366f1;content:"•";left:0;position:absolute}.admin-superadmin-management .superadmin-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media(max-width:900px){.admin-superadmin-management .superadmin-stats{gap:1rem;grid-template-columns:1fr}}.admin-superadmin-management .superadmin-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:1rem;padding:1.5rem}@media(max-width:640px){.admin-superadmin-management .superadmin-stat-card{padding:1.25rem}}@media(max-width:480px){.admin-superadmin-management .superadmin-stat-card{padding:1rem}}.admin-superadmin-management .superadmin-stat-card__icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}@media(max-width:640px){.admin-superadmin-management .superadmin-stat-card__icon{font-size:1.25rem;height:48px;width:48px}}@media(max-width:480px){.admin-superadmin-management .superadmin-stat-card__icon{font-size:1rem;height:40px;width:40px}}.admin-superadmin-management .superadmin-stat-card__icon--super{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.admin-superadmin-management .superadmin-stat-card__icon--admin{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.admin-superadmin-management .superadmin-stat-card__icon--users{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-superadmin-management .superadmin-stat-card__content{display:flex;flex-direction:column}.admin-superadmin-management .superadmin-stat-card__value{color:#1f2937;font-size:1.75rem;font-weight:700}@media(max-width:640px){.admin-superadmin-management .superadmin-stat-card__value{font-size:1.5rem}}@media(max-width:480px){.admin-superadmin-management .superadmin-stat-card__value{font-size:1.25rem}}.admin-superadmin-management .superadmin-stat-card__label{color:#6b7280;font-size:.9rem}@media(max-width:480px){.admin-superadmin-management .superadmin-stat-card__label{font-size:.8rem}}.admin-superadmin-management .superadmin-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding:.5rem}@media(max-width:640px){.admin-superadmin-management .superadmin-tabs{gap:.375rem;margin-bottom:1rem;padding:.375rem}}.admin-superadmin-management .superadmin-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}@media(max-width:640px){.admin-superadmin-management .superadmin-tab{font-size:.85rem;gap:.375rem;padding:.625rem 1rem}}@media(max-width:480px){.admin-superadmin-management .superadmin-tab{font-size:.8rem;padding:.5rem .75rem}}.admin-superadmin-management .superadmin-tab:hover{background:#f3f4f6}.admin-superadmin-management .superadmin-tab--active{background:#6366f1;color:#fff}.admin-superadmin-management .superadmin-tab--active:hover{background:#4f46e5}.admin-superadmin-management .superadmin-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem}@media(max-width:640px){.admin-superadmin-management .superadmin-section{padding:1rem}}@media(max-width:480px){.admin-superadmin-management .superadmin-section{padding:.875rem}}.admin-superadmin-management .superadmin-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}@media(max-width:480px){.admin-superadmin-management .superadmin-section h3{font-size:1rem;margin-bottom:1rem}}.admin-superadmin-management .superadmin-search{margin-bottom:1.25rem}@media(max-width:640px){.admin-superadmin-management .superadmin-search{margin-bottom:1rem}}.admin-superadmin-management .superadmin-list{display:flex;flex-direction:column;gap:.75rem}@media(max-width:640px){.admin-superadmin-management .superadmin-list{gap:.5rem}}.admin-superadmin-management .superadmin-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}@media(max-width:768px){.admin-superadmin-management .superadmin-card{flex-wrap:wrap;gap:.75rem;padding:1rem}}@media(max-width:640px){.admin-superadmin-management .superadmin-card{align-items:flex-start;flex-direction:column;padding:.875rem}}.admin-superadmin-management .superadmin-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.admin-superadmin-management .superadmin-card__avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:48px;justify-content:center;position:relative;width:48px}@media(max-width:640px){.admin-superadmin-management .superadmin-card__avatar{font-size:1rem;height:40px;width:40px}}.admin-superadmin-management .superadmin-card__avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.admin-superadmin-management .superadmin-card__role-badge{align-items:center;background:#6366f1;border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:.65rem;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}@media(max-width:640px){.admin-superadmin-management .superadmin-card__role-badge{font-size:.6rem;height:18px;width:18px}}.admin-superadmin-management .superadmin-card__role-badge--super{background:linear-gradient(135deg,#f59e0b,#d97706)}.admin-superadmin-management .superadmin-card__info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}@media(max-width:640px){.admin-superadmin-management .superadmin-card__info{width:100%}}.admin-superadmin-management .superadmin-card__name{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:600;gap:.5rem}@media(max-width:480px){.admin-superadmin-management .superadmin-card__name{font-size:.9rem}}.admin-superadmin-management .superadmin-card__you{background:#6366f11a;border-radius:10px;color:#6366f1;font-size:.75rem;font-weight:500;padding:.125rem .5rem}@media(max-width:480px){.admin-superadmin-management .superadmin-card__you{font-size:.7rem;padding:.1rem .375rem}}.admin-superadmin-management .superadmin-card__email{color:#4b5563;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.admin-superadmin-management .superadmin-card__email{white-space:normal;word-break:break-all}}@media(max-width:480px){.admin-superadmin-management .superadmin-card__email{font-size:.8rem}}.admin-superadmin-management .superadmin-card__date{color:#9ca3af;font-size:.8rem}@media(max-width:480px){.admin-superadmin-management .superadmin-card__date{font-size:.75rem}}.admin-superadmin-management .superadmin-card__plan,.admin-superadmin-management .superadmin-card__role,.admin-superadmin-management .superadmin-card__status{flex-shrink:0}@media(max-width:768px){.admin-superadmin-management .superadmin-card__plan,.admin-superadmin-management .superadmin-card__role,.admin-superadmin-management .superadmin-card__status{order:2}}@media(max-width:640px){.admin-superadmin-management .superadmin-card__plan,.admin-superadmin-management .superadmin-card__role,.admin-superadmin-management .superadmin-card__status{align-self:flex-start}}.admin-superadmin-management .superadmin-card__actions{display:flex;flex-shrink:0;gap:.5rem}@media(max-width:768px){.admin-superadmin-management .superadmin-card__actions{justify-content:flex-end;order:3;width:100%}}@media(max-width:640px){.admin-superadmin-management .superadmin-card__actions{flex-direction:column;width:100%}.admin-superadmin-management .superadmin-card__actions .superadmin-action-btn{justify-content:center;width:100%}}.admin-superadmin-management .superadmin-card__protected{align-items:center;color:#10b981;display:flex;font-size:.85rem;font-weight:500;gap:.35rem}@media(max-width:480px){.admin-superadmin-management .superadmin-card__protected{font-size:.8rem}}.admin-superadmin-management .plan-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.35rem .75rem;text-transform:capitalize}@media(max-width:480px){.admin-superadmin-management .plan-tag{font-size:.75rem;padding:.25rem .5rem}}.admin-superadmin-management .plan-tag svg{height:18px;width:18px}@media(max-width:480px){.admin-superadmin-management .plan-tag svg{height:14px;width:14px}}.admin-superadmin-management .plan-tag--gold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.admin-superadmin-management .plan-tag--silver{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.admin-superadmin-management .plan-tag--free{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.admin-superadmin-management .role-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.35rem .75rem}@media(max-width:480px){.admin-superadmin-management .role-tag{font-size:.75rem;padding:.25rem .5rem}}.admin-superadmin-management .role-tag--superadmin{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.admin-superadmin-management .role-tag--admin{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.admin-superadmin-management .status-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.35rem .75rem;text-transform:capitalize}@media(max-width:480px){.admin-superadmin-management .status-tag{font-size:.75rem;padding:.25rem .5rem}}.admin-superadmin-management .status-tag--active{background:#d1fae5;color:#065f46}.admin-superadmin-management .status-tag--inactive{background:#fee2e2;color:#991b1b}.admin-superadmin-management .superadmin-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.5rem .875rem;transition:all .2s ease}@media(max-width:480px){.admin-superadmin-management .superadmin-action-btn{font-size:.75rem;padding:.5rem .75rem}}.admin-superadmin-management .superadmin-action-btn--promote{background:#d1fae5;color:#065f46}.admin-superadmin-management .superadmin-action-btn--promote:hover{background:#10b981;color:#fff}.admin-superadmin-management .superadmin-action-btn--demote{background:#fee2e2;color:#991b1b}.admin-superadmin-management .superadmin-action-btn--demote:hover{background:#ef4444;color:#fff}.admin-superadmin-management .superadmin-empty,.admin-superadmin-management .superadmin-error,.admin-superadmin-management .superadmin-loading{color:#6b7280;font-size:.95rem;padding:2rem;text-align:center}@media(max-width:480px){.admin-superadmin-management .superadmin-empty,.admin-superadmin-management .superadmin-error,.admin-superadmin-management .superadmin-loading{font-size:.85rem;padding:1.5rem}}.admin-superadmin-management .superadmin-error{color:#ef4444}.admin-superadmin-management .superadmin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@media(max-width:480px){.admin-superadmin-management .superadmin-modal-overlay{align-items:center;padding:.5rem}}.admin-superadmin-management .superadmin-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:420px;overflow:hidden;width:100%}@media(max-width:480px){.admin-superadmin-management .superadmin-modal{border-radius:12px;max-width:100%}}.admin-superadmin-management .superadmin-modal__header{align-items:center;background:#fef3c7;color:#92400e;display:flex;gap:.75rem;padding:1.25rem 1.5rem}@media(max-width:480px){.admin-superadmin-management .superadmin-modal__header{padding:1rem 1.25rem}}.admin-superadmin-management .superadmin-modal__header h3{font-size:1.1rem;font-weight:600;margin:0}@media(max-width:480px){.admin-superadmin-management .superadmin-modal__header h3{font-size:1rem}}.admin-superadmin-management .superadmin-modal__icon{font-size:1.25rem}.admin-superadmin-management .superadmin-modal__body{padding:1.5rem}@media(max-width:480px){.admin-superadmin-management .superadmin-modal__body{padding:1.25rem}}.admin-superadmin-management .superadmin-modal__body p{color:#374151;font-size:.95rem;line-height:1.6;margin:0}@media(max-width:480px){.admin-superadmin-management .superadmin-modal__body p{font-size:.9rem}}.admin-superadmin-management .superadmin-modal__footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}@media(max-width:480px){.admin-superadmin-management .superadmin-modal__footer{flex-direction:column-reverse;padding:.875rem 1.25rem}}.admin-superadmin-management .superadmin-modal__btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}@media(max-width:480px){.admin-superadmin-management .superadmin-modal__btn{padding:.75rem 1rem;text-align:center;width:100%}}.admin-superadmin-management .superadmin-modal__btn--cancel{background:#e5e7eb;color:#374151}.admin-superadmin-management .superadmin-modal__btn--cancel:hover{background:#d1d5db}.admin-superadmin-management .superadmin-modal__btn--confirm{background:#6366f1;color:#fff}.admin-superadmin-management .superadmin-modal__btn--confirm:hover{background:#4f46e5}.admin-superadmin-management .superadmin-modal__btn--confirm:disabled{cursor:not-allowed;opacity:.6}.admin-security .security-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.admin-security .security-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1.25rem;padding:1.5rem;transition:all .2s ease}.admin-security .security-stat-card--clickable{cursor:pointer}.admin-security .security-stat-card--clickable:hover{border:1px solid #6366f1;box-shadow:0 6px 12px -2px #00000026}.admin-security .security-stat-card--active{background:#6366f105;border:2px solid #6366f1}.admin-security .security-stat-card__icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.admin-security .security-stat-card__icon.danger{background:#fee2e2;color:#ef4444}.admin-security .security-stat-card__icon.primary{background:#dbeafe;color:#3b82f6}.admin-security .security-stat-card__icon.warning{background:#fef3c7;color:#f59e0b}.admin-security .security-stat-card__icon.success{background:#d1fae5;color:#10b981}.admin-security .security-stat-card__content h4{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.admin-security .security-stat-card__content p{color:#6b7280;font-size:.875rem;margin:0}.admin-security .admin-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:2px}.admin-security .admin-tabs .tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.admin-security .admin-tabs .tab-btn:hover{background:#6366f10d;color:#6366f1}.admin-security .admin-tabs .tab-btn.active{border-bottom-color:#6366f1;color:#6366f1}.admin-security .security-tab-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.admin-security .security-filter-bar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.admin-security .security-filter-bar .filter-label{color:#4b5563;font-size:.875rem;font-weight:500}.admin-security .security-filter-bar .filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.admin-security .security-filter-bar .filter-btn:hover{border-color:#6366f1;color:#6366f1}.admin-security .security-filter-bar .filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.admin-security .security-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 300px}@media(max-width:992px){.admin-security .security-info-grid{grid-template-columns:1fr}}.admin-security .info-card h3{color:#1f2937;font-size:1.1rem;margin-bottom:1.25rem}.admin-security .security-checklist{display:flex;flex-direction:column;gap:1rem}.admin-security .security-checklist .checklist-item{align-items:center;border-radius:8px;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem}.admin-security .security-checklist .checklist-item.success{background:#d1fae5;color:#065f46}.admin-security .security-checklist .checklist-item.info{background:#dbeafe;color:#1e40af}.admin-security .security-checklist .checklist-item.warning{background:#fef3c7;color:#92400e}.admin-security .quick-actions-btns{display:flex;flex-direction:column;gap:.75rem}.admin-security .security-settings-form .form-section{border-bottom:1px solid #f3f4f6;margin-bottom:2rem;padding-bottom:1.5rem}.admin-security .security-settings-form .form-section:last-child{border:none}.admin-security .security-settings-form .form-section h3{color:#1f2937;font-size:1.1rem;margin-bottom:1.25rem}.admin-security .security-settings-form .settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-security .security-settings-form .checkbox-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-security .security-settings-form .form-group{display:flex;flex-direction:column;gap:.5rem}.admin-security .security-settings-form .form-group label{color:#374151;font-size:.9rem;font-weight:500}.admin-security .security-settings-form .form-group input{border:1px solid #d1d5db;border-radius:6px;padding:.625rem}.admin-security .security-settings-form .form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.admin-security .security-settings-form .form-group small{color:#6b7280;font-size:.8rem}.admin-security .security-settings-form .checkbox-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem}.admin-security .security-settings-form .checkbox-item input{height:18px;width:18px}.admin-plan-settings .admin-success-message{align-items:center;animation:slideIn .3s ease;background:#d1fae5;border-radius:8px;color:#10b981;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem}.admin-plan-settings .admin-error-banner{align-items:center;background:#fee2e2;border-radius:8px;color:#ef4444;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1rem}.admin-plan-settings .admin-error-banner button{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.plan-settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media(max-width:1024px){.plan-settings-grid{grid-template-columns:1fr}}.plan-settings-card{background:#fff;border-radius:12px;border-top:4px solid;box-shadow:0 2px 8px #00000014;overflow:hidden}.plan-settings-card--silver{border-top-color:#9ca3af}.plan-settings-card--gold{border-top-color:#f59e0b}.plan-settings-card--editing{box-shadow:0 4px 20px #00000026}.plan-settings-card__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;padding:1.25rem}.plan-settings-card__icon{align-items:center;display:flex;font-size:2rem}.plan-settings-card__icon svg{height:40px;width:40px}.plan-settings-card__title{flex:1 1}.plan-settings-card__title h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.plan-settings-card__offer-badge{align-items:center;background:#fef3c7;border-radius:4px;color:#c57f08;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.25rem;padding:.25rem .5rem}.plan-settings-card__cancel-btn,.plan-settings-card__edit-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.plan-settings-card__cancel-btn:hover,.plan-settings-card__edit-btn:hover{border-color:#6366f1;color:#6366f1}.plan-settings-card__cancel-btn{color:#ef4444}.plan-settings-card__cancel-btn:hover{border-color:#ef4444;color:#ef4444}.plan-settings-card__price-section{border-bottom:1px solid #f3f4f6;padding:1.25rem}.plan-settings-card__price-display{align-items:baseline;display:flex;gap:.5rem}.plan-settings-card__original-price{color:#9ca3af;font-size:1rem;text-decoration:line-through}.plan-settings-card__current-price{color:#1f2937;font-size:2rem;font-weight:700}.plan-settings-card__billing-cycle{color:#6b7280;font-size:.9rem}.plan-settings-card__price-edit{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.plan-settings-card__price-edit{grid-template-columns:1fr}}.plan-settings-card__offer-section{border-bottom:1px solid #f3f4f6;padding:1.25rem}.plan-settings-card__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.plan-settings-card__section-header h4{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin:0}.plan-settings-card__offer-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.plan-settings-card__offer-fields{grid-template-columns:1fr}}.plan-settings-card__offer-info{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.plan-settings-card__offer-info{grid-template-columns:1fr}}.plan-settings-card__offer-stat{display:flex;flex-direction:column;gap:.25rem}.plan-settings-card__offer-stat .label{color:#6b7280;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.plan-settings-card__offer-stat .value{color:#1f2937;font-size:.95rem;font-weight:600}.plan-settings-card__offer-status{border-radius:6px;font-size:.85rem;font-weight:600;grid-column:1/-1;margin-top:.5rem;padding:.5rem .75rem;text-align:center}.plan-settings-card__offer-status.active{background:#d1fae5;color:#10b981}.plan-settings-card__offer-status.inactive{background:#f3f4f6;color:#6b7280}.plan-settings-card__no-offer{color:#9ca3af;font-size:.9rem;padding:1rem;text-align:center}.plan-settings-card__features-section{border-bottom:1px solid #f3f4f6;padding:1.25rem}.plan-settings-card__features-section h4{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 1rem}.plan-settings-card__features-list{list-style:none;margin:0;padding:0}.plan-settings-card__features-list li{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 0}.plan-settings-card__features-list li svg{color:#10b981;flex-shrink:0}.plan-settings-card__features-edit{display:flex;flex-direction:column;gap:.75rem}.plan-settings-card__actions{padding:1.25rem}.plan-settings-card__updated{align-items:center;background:#f9fafb;color:#6b7280;display:flex;font-size:.8rem;gap:.5rem;padding:.75rem 1.25rem}.plan-settings-field{display:flex;flex-direction:column;gap:.5rem}.plan-settings-field label{align-items:center;color:#4b5563;display:flex;font-size:.8rem;font-weight:600;gap:.375rem}.plan-settings-field input,.plan-settings-field select{border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;padding:.625rem .875rem;transition:all .2s ease}.plan-settings-field input:focus,.plan-settings-field select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.plan-settings-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;transition:all .2s ease}.plan-settings-toggle svg{font-size:1.5rem}.plan-settings-toggle.active{color:#10b981}.plan-settings-toggle:hover{color:#6366f1}.plan-settings-feature-input{display:flex;gap:.5rem}.plan-settings-feature-input input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:.9rem;padding:.5rem .75rem}.plan-settings-feature-input input:focus{border-color:#6366f1;outline:none}.plan-settings-feature-input .remove-feature-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.plan-settings-feature-input .remove-feature-btn:hover{background:#ef4444;color:#fff}.add-feature-btn{background:none;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.add-feature-btn:hover{border-color:#6366f1;color:#6366f1}.plan-settings-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.plan-settings-preview h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1.5rem}.plan-preview-cards{display:flex;gap:1.5rem;justify-content:center}@media(max-width:600px){.plan-preview-cards{flex-direction:column}}.plan-preview-card{background:#f9fafb;border:2px solid #0000;border-radius:12px;min-width:200px;padding:1.5rem;position:relative;text-align:center}.plan-preview-card--silver{border-color:#9ca3af4d}.plan-preview-card--silver .plan-preview-card__icon svg{color:#9ca3af}.plan-preview-card--gold{border-color:#f59e0b4d}.plan-preview-card--gold .plan-preview-card__icon svg{color:#f59e0b}.plan-preview-card__badge{background:#f59e0b;border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;left:50%;padding:.25rem .75rem;position:absolute;top:-10px;transform:translateX(-50%);white-space:nowrap}.plan-preview-card__icon{font-size:2.5rem;margin-bottom:.75rem}.plan-preview-card__icon svg{height:48px;width:48px}.plan-preview-card h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.plan-preview-card__price{align-items:baseline;display:flex;gap:.375rem;justify-content:center;margin-bottom:.5rem}.plan-preview-card__price .original{color:#9ca3af;font-size:.9rem;text-decoration:line-through}.plan-preview-card__price .discounted,.plan-preview-card__price .regular{color:#1f2937;font-size:1.5rem;font-weight:700}.plan-preview-card__price .cycle{color:#6b7280;font-size:.85rem}.plan-preview-card__savings{background:#d1fae5;border-radius:20px;color:#10b981;display:inline-block;font-size:.8rem;font-weight:600;padding:.375rem .75rem}.admin-announcements .announcements-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.admin-announcements .announcements-header .header-left h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 .25rem}.admin-announcements .announcements-header .header-left h2 svg{color:#6366f1}.admin-announcements .announcements-header .header-left p{color:#6b7280;font-size:.9rem;margin:0}.admin-announcements .announcements-header .btn-primary{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.admin-announcements .announcements-header .btn-primary:hover{background:#4f46e5;transform:translateY(-1px)}.admin-announcements .announcements-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.admin-announcements .announcements-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.25rem;text-align:center}.admin-announcements .announcements-stats .stat-card .stat-value{color:#1f2937;display:block;font-size:1.75rem;font-weight:700}.admin-announcements .announcements-stats .stat-card .stat-label{color:#6b7280;display:block;font-size:.85rem;margin-top:.25rem}.admin-announcements .announcements-stats .stat-card.published .stat-value{color:#10b981}.admin-announcements .announcements-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.admin-announcements .announcements-filters .filter-group{align-items:center;color:#6b7280;display:flex;gap:.5rem}.admin-announcements .announcements-filters .filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.admin-announcements .announcements-filters .filter-group select:focus{border-color:#6366f1;outline:none}.admin-announcements .announcements-list{display:flex;flex-direction:column;gap:1rem}.admin-announcements .announcements-list .empty-state,.admin-announcements .announcements-list .loading-state{background:#fff;border-radius:12px;color:#6b7280;padding:3rem;text-align:center}.admin-announcements .announcements-list .empty-state svg,.admin-announcements .announcements-list .loading-state svg{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.admin-announcements .announcements-list .empty-state h3,.admin-announcements .announcements-list .loading-state h3{color:#374151;margin:0 0 .5rem}.admin-announcements .announcements-list .empty-state p,.admin-announcements .announcements-list .loading-state p{margin:0 0 1.5rem}.admin-announcements .announcement-card{background:#fff;border-left:4px solid #6366f1;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.25rem;transition:all .2s ease}.admin-announcements .announcement-card:hover{box-shadow:0 4px 16px #0000001a}.admin-announcements .announcement-card.theme-info{border-left-color:#3b82f6}.admin-announcements .announcement-card.theme-success{border-left-color:#10b981}.admin-announcements .announcement-card.theme-warning{border-left-color:#f59e0b}.admin-announcements .announcement-card.theme-urgent{border-left-color:#ef4444}.admin-announcements .announcement-card .announcement-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.admin-announcements .announcement-card .announcement-card-header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.admin-announcements .announcement-card .announcement-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.admin-announcements .announcement-card .announcement-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem;margin-bottom:1rem}.admin-announcements .announcement-card .announcement-meta span{align-items:center;display:flex;gap:.375rem}.admin-announcements .announcement-card .announcement-actions{display:flex;gap:.5rem}.admin-announcements .announcement-card .announcement-actions button{background:#f3f4f6;border:none;border-radius:6px;color:#4b5563;cursor:pointer;padding:.5rem;transition:all .2s ease}.admin-announcements .announcement-card .announcement-actions button:hover{background:#e5e7eb;color:#1f2937}.admin-announcements .announcement-card .announcement-actions button.delete-btn:hover{background:#fee2e2;color:#ef4444}.admin-announcements .announcement-status-badge{border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.admin-announcements .announcements-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.admin-announcements .announcements-pagination button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.admin-announcements .announcements-pagination button:hover:not(:disabled){background:#f3f4f6}.admin-announcements .announcements-pagination button:disabled{cursor:not-allowed;opacity:.5}.admin-announcements .announcements-pagination span{color:#4b5563;font-size:.9rem}.announcement-form-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.announcement-form-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.announcement-form-modal .announcement-form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.announcement-form-modal .announcement-form-header h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.announcement-form-modal .announcement-form-header .close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.25rem}.announcement-form-modal .announcement-form-header .close-btn:hover{color:#1f2937}.announcement-form-modal .announcement-form-tabs{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:0 1rem}@media(max-width:480px){.announcement-form-modal .announcement-form-tabs{padding:0}}.announcement-form-modal .announcement-form-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;padding:.875rem 1.25rem;transition:all .2s ease}.announcement-form-modal .announcement-form-tabs .tab:hover{color:#374151}.announcement-form-modal .announcement-form-tabs .tab.active{border-bottom-color:#6366f1;color:#6366f1}@media(max-width:425px){.announcement-form-modal .announcement-form-tabs .tab{padding:.5rem .75rem}}.announcement-form-modal .announcement-form-content{flex:1 1;overflow-y:auto;padding:1.5rem}.announcement-form-modal .announcement-form-content .form-tab-content .form-group{margin-bottom:1.25rem}.announcement-form-modal .announcement-form-content .form-tab-content .form-group label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.announcement-form-modal .announcement-form-content .form-tab-content .form-group input[type=datetime-local],.announcement-form-modal .announcement-form-content .form-tab-content .form-group input[type=text],.announcement-form-modal .announcement-form-content .form-tab-content .form-group select,.announcement-form-modal .announcement-form-content .form-tab-content .form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.announcement-form-modal .announcement-form-content .form-tab-content .form-group input[type=datetime-local]:focus,.announcement-form-modal .announcement-form-content .form-tab-content .form-group input[type=text]:focus,.announcement-form-modal .announcement-form-content .form-tab-content .form-group select:focus,.announcement-form-modal .announcement-form-content .form-tab-content .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.announcement-form-modal .announcement-form-content .form-tab-content .form-group textarea{min-height:120px;resize:vertical}.announcement-form-modal .announcement-form-content .form-tab-content .form-group .char-count{color:#9ca3af;display:block;font-size:.75rem;margin-top:.25rem;text-align:right}.announcement-form-modal .announcement-form-content .form-tab-content .form-group .hint{color:#6b7280;display:block;font-size:.8rem;margin-top:.375rem}.announcement-form-modal .announcement-form-content .form-tab-content .checkbox-group{display:flex;flex-direction:column;gap:.5rem}.announcement-form-modal .announcement-form-content .form-tab-content .checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.announcement-form-modal .announcement-form-content .form-tab-content .checkbox-group .checkbox-label input[type=checkbox]{accent-color:#6366f1;height:18px;width:18px}.announcement-form-modal .announcement-form-content .form-tab-content .chip-select{display:flex;flex-wrap:wrap;gap:.5rem}.announcement-form-modal .announcement-form-content .form-tab-content .chip-select .chip{background:#fff;border:1px solid #d1d5db;border-radius:20px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.announcement-form-modal .announcement-form-content .form-tab-content .chip-select .chip:hover{border-color:#6366f1}.announcement-form-modal .announcement-form-content .form-tab-content .chip-select .chip.selected{background:#6366f11a;border-color:#6366f1;color:#6366f1}.announcement-form-modal .announcement-form-content .form-tab-content .targeting-preview{align-items:center;background:#dbeafe;border-radius:8px;color:#3b82f6;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.announcement-form-modal .announcement-form-content .form-tab-content .theme-select{display:flex;flex-wrap:wrap;gap:.5rem}.announcement-form-modal .announcement-form-content .form-tab-content .theme-select .theme-option{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.announcement-form-modal .announcement-form-content .form-tab-content .theme-select .theme-option .theme-dot{border-radius:50%;height:12px;width:12px}.announcement-form-modal .announcement-form-content .form-tab-content .icon-select{display:flex;flex-wrap:wrap;gap:.5rem}.announcement-form-modal .announcement-form-content .form-tab-content .icon-select .icon-option{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.announcement-form-modal .announcement-form-content .form-tab-content .icon-select .icon-option:hover{border-color:#6366f1}.announcement-form-modal .announcement-form-content .form-tab-content .icon-select .icon-option.selected{background:#6366f11a;border-color:#6366f1;color:#6366f1}.announcement-form-modal .announcement-form-content .form-tab-content .priority-value{color:#6366f1;display:inline-block;font-weight:600;margin-left:.75rem}.announcement-form-modal .announcement-form-content .form-tab-content .appearance-preview{background:#f3f4f6;border-radius:8px;margin-top:1.5rem;padding:1rem}.announcement-form-modal .announcement-form-content .form-tab-content .appearance-preview h4{color:#4b5563;font-size:.85rem;font-weight:500;margin:0 0 .75rem}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview{align-items:flex-start;background:#fff;border-left:4px solid #6366f1;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview.theme-info{border-left-color:#3b82f6}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview.theme-success{border-left-color:#10b981}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview.theme-warning{border-left-color:#f59e0b}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview.theme-urgent{border-left-color:#ef4444}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview .preview-icon{color:#6366f1;font-size:1.25rem}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview .preview-content{flex:1 1}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview .preview-content strong{display:block;margin-bottom:.25rem}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview .preview-content p{color:#4b5563;font-size:.9rem;margin:0}.announcement-form-modal .announcement-form-content .form-tab-content .announcement-preview .preview-dismiss{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem}.announcement-form-modal .announcement-form-content .form-tab-content .color-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.announcement-form-modal .announcement-form-content .form-tab-content .color-inputs .color-input label{color:#6b7280;display:block;font-size:.8rem;margin-bottom:.25rem}.announcement-form-modal .announcement-form-content .form-tab-content .color-inputs .color-input input[type=color]{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:36px;padding:2px;width:50px}.announcement-form-modal .announcement-form-content .form-tab-content .color-inputs .reset-colors-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.announcement-form-modal .announcement-form-content .form-tab-content .color-inputs .reset-colors-btn:hover{background:#e5e7eb}.announcement-form-modal .announcement-form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.announcement-form-modal .announcement-form-actions .btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.announcement-form-modal .announcement-form-actions .btn-secondary:hover{background:#f3f4f6}.announcement-form-modal .announcement-form-actions .btn-primary{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.announcement-form-modal .announcement-form-actions .btn-primary:hover:not(:disabled){background:#4f46e5}.announcement-form-modal .announcement-form-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.admin-maintenance{padding:0}.admin-maintenance .maintenance-status-panel{margin-bottom:1.5rem}.admin-maintenance .maintenance-status-indicator{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1.5rem;padding:1.5rem 2rem}.admin-maintenance .maintenance-status-indicator.active{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border-color:#f59e0b}.admin-maintenance .maintenance-status-indicator.active .maintenance-status-indicator__icon{background:#fef3c7;color:#f59e0b}.admin-maintenance .maintenance-status-indicator.inactive{border-color:#10b981}.admin-maintenance .maintenance-status-indicator.inactive .maintenance-status-indicator__icon{background:#d1fae5;color:#10b981}.admin-maintenance .maintenance-status-indicator__icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.75rem;height:60px;justify-content:center;width:60px}.admin-maintenance .maintenance-status-indicator__text{flex:1 1}.admin-maintenance .maintenance-status-indicator__text h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.admin-maintenance .maintenance-status-indicator__text p{color:#6b7280;font-size:.9rem;margin:0}.admin-maintenance .maintenance-toggle-btn{align-items:center;background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.admin-maintenance .maintenance-toggle-btn:hover:not(:disabled){background:#0ea271;transform:translateY(-1px)}.admin-maintenance .maintenance-toggle-btn.active{background:#ef4444}.admin-maintenance .maintenance-toggle-btn.active:hover:not(:disabled){background:#ed2d2d}.admin-maintenance .maintenance-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.admin-maintenance .maintenance-toggle-btn svg{font-size:1.1rem}.admin-maintenance .maintenance-settings-form{display:flex;flex-direction:column;gap:1.5rem}.admin-maintenance .maintenance-affected-info{align-items:center;background:#dbeafe;border-radius:8px;color:#3b82f6;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.admin-maintenance .maintenance-affected-info svg{flex-shrink:0}.admin-maintenance .maintenance-affected-info strong{font-weight:700}.admin-maintenance .maintenance-tier-selector .tier-divider{color:#9ca3af;font-size:.85rem;margin:1rem 0;position:relative;text-align:center}.admin-maintenance .maintenance-tier-selector .tier-divider:after,.admin-maintenance .maintenance-tier-selector .tier-divider:before{background:#e5e7eb;content:"";height:1px;position:absolute;top:50%;width:40%}.admin-maintenance .maintenance-tier-selector .tier-divider:before{left:0}.admin-maintenance .maintenance-tier-selector .tier-divider:after{right:0}.admin-maintenance .maintenance-tier-selector .tier-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-maintenance .tier-checkbox{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.admin-maintenance .tier-checkbox input{display:none}.admin-maintenance .tier-checkbox:hover:not(.disabled){background:#6366f105;border-color:#6366f1}.admin-maintenance .tier-checkbox.selected{background:#6366f10d;border-color:#6366f1}.admin-maintenance .tier-checkbox.selected .tier-checkbox__box{background:#6366f1;border-color:#6366f1}.admin-maintenance .tier-checkbox.disabled{cursor:not-allowed;opacity:.5}.admin-maintenance .tier-checkbox__box{align-items:center;border:2px solid #d1d5db;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;height:22px;justify-content:center;transition:all .2s ease;width:22px}.admin-maintenance .tier-checkbox__label{display:flex;flex-direction:column;gap:.125rem}.admin-maintenance .tier-checkbox__label strong{color:#1f2937;font-size:.95rem;font-weight:600}.admin-maintenance .tier-checkbox__label small{color:#6b7280;font-size:.8rem}.admin-maintenance .toggle-option{align-items:center;cursor:pointer;display:flex;gap:1rem}.admin-maintenance .toggle-option input{display:none}.admin-maintenance .toggle-option__switch{background:#d1d5db;border-radius:13px;flex-shrink:0;height:26px;position:relative;transition:all .2s ease;width:48px}.admin-maintenance .toggle-option__switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:3px;position:absolute;top:3px;transition:all .2s ease;width:20px}.admin-maintenance .toggle-option input:checked+.toggle-option__switch{background:#10b981}.admin-maintenance .toggle-option input:checked+.toggle-option__switch:after{transform:translateX(22px)}.admin-maintenance .toggle-option__label{display:flex;flex-direction:column;gap:.125rem}.admin-maintenance .toggle-option__label strong{color:#1f2937;font-size:.95rem;font-weight:600}.admin-maintenance .toggle-option__label small{color:#6b7280;font-size:.8rem}.admin-maintenance .maintenance-preview .maintenance-preview-box{background:linear-gradient(135deg,#1f2937,#111827);border-radius:12px;color:#fff;padding:2rem;text-align:center}.admin-maintenance .maintenance-preview .maintenance-preview-box__icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.admin-maintenance .maintenance-preview .maintenance-preview-box__icon svg{color:#f59e0b;font-size:1.75rem}.admin-maintenance .maintenance-preview .maintenance-preview-box h4{font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.admin-maintenance .maintenance-preview .maintenance-preview-box p{color:#d1d5db;font-size:.95rem;line-height:1.6;margin:0}.admin-maintenance .maintenance-preview .maintenance-preview-box__time{align-items:center;border-top:1px solid #ffffff1a;color:#f59e0b!important;display:flex;font-size:.9rem!important;gap:.5rem;justify-content:center;margin-top:1rem!important;padding-top:1rem}.admin-maintenance .maintenance-preview .maintenance-preview-box__time svg{font-size:1rem}.admin-maintenance .maintenance-form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}@media(max-width:768px){.admin-maintenance .maintenance-status-indicator{flex-direction:column;padding:1.5rem;text-align:center}.admin-maintenance .maintenance-status-indicator__text{order:2}.admin-maintenance .maintenance-status-indicator .maintenance-toggle-btn{justify-content:center;order:3;width:100%}.admin-maintenance .tier-options{grid-template-columns:1fr!important}}.pwa-install-banner{align-items:center;animation:pwaBannerSlide .3s ease;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:14px;bottom:1rem;box-shadow:0 16px 40px -20px #1e40afd9;display:flex;gap:.85rem;padding:.9rem;position:fixed;right:1rem;width:min(420px,100vw - 2rem);z-index:9999}.pwa-install-banner__content{flex:1 1}.pwa-install-banner__content h4{color:#1e3a8a;font-size:.98rem;margin:0}.pwa-install-banner__content p{color:#1e40af;font-size:.84rem;margin:.2rem 0 0}.pwa-install-banner__actions{align-items:center;display:flex;gap:.5rem}.pwa-install-banner__install{align-items:center;background:#1d4ed8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:.35rem;padding:.45rem .7rem}.pwa-install-banner__dismiss{align-items:center;background:#fff;border:1px solid #93c5fd;border-radius:8px;color:#1e3a8a;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}@keyframes pwaBannerSlide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.pwa-install-banner{align-items:stretch;bottom:.75rem;flex-direction:column;left:.75rem;right:.75rem;width:auto}.pwa-install-banner__actions{justify-content:flex-end}}.app-layout{background:#f3f4f6;min-height:100vh}.app-body{display:flex}.app-content{background:#f3f4f6;contain:layout;flex:1 1;min-height:calc(100vh - 100px);min-width:0;overflow-x:hidden}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s,box-shadow .2s,opacity .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;transform:none!important;translate:none!important}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-medium{font-weight:500}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.show-mobile{display:none!important}}@media(max-width:480px){.hide-sm{display:none!important}}@media(max-width:1024px){.hide-tablet{display:none!important}}@media(max-width:768px){.app-body{flex-direction:column}.app-content{min-height:calc(100vh - 60px);padding:0}}@media(max-width:480px){.app-content{min-height:calc(100vh - 56px)}.btn{font-size:.875rem;padding:.625rem 1rem}}@media(max-width:768px){html{font-size:15px}}@media(max-width:480px){html{font-size:14px}}
/*# sourceMappingURL=main.268e752b.css.map*/