:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.allow-selection,input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}*{-webkit-context-menu:none;-moz-context-menu:none;-ms-context-menu:none;context-menu:none}img,video,canvas{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}button,a,input,textarea,select,[role=button],[tabindex]{pointer-events:auto}h1,h2,h3,h4,h5,h6,p,span,div{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body.safari-browser .panel-body{padding-bottom:5.5rem}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.terms-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;overflow:hidden}@media screen and (min-width: 48rem){.terms-modal{padding:2rem}}@media screen and (min-width: 80rem){.terms-modal{padding:0}}.terms-modal__container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;background:#fff;border-radius:24px;padding:1rem 0;text-align:center;max-height:90vh;box-sizing:border-box;overflow:hidden}@media screen and (min-width: 48rem){.terms-modal__container{padding:1.5rem;box-shadow:0 4px 24px #0003}}@media screen and (min-width: 80rem){.terms-modal__container{width:76rem}}.terms-modal__title{font-family:Satoshi-Bold,sans-serif;font-size:20px;color:#2a1f1d;margin-bottom:1rem}@media screen and (min-width: 48rem){.terms-modal__title{font-size:24px;margin-bottom:2rem}}@media screen and (min-width: 80rem){.terms-modal__title{margin-bottom:2.5rem}}.terms-modal__scrollable-content{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 2rem);width:100%;padding:0 1rem;text-align:left;font-family:Satoshi-Regular,sans-serif;font-size:12px;color:#2a1f1d;gap:1rem}@media screen and (min-width: 48rem){.terms-modal__scrollable-content{font-size:14px}}.terms-modal__scrollable-content ol,.terms-modal__scrollable-content ul{display:flex;flex-direction:column;padding-left:1.5rem;gap:.5rem}.terms-modal__scrollable-content strong{font-family:Satoshi-Bold,sans-serif}.terms-modal__button-container{display:flex;justify-content:flex-end;margin-top:1rem;width:95%}.terms-modal__button-container button{padding:.5rem 1rem;font-size:14px;font-family:Satoshi-Medium,sans-serif;border-radius:.5rem;cursor:pointer;transition:opacity .3s;background:#fff;color:#2a1f1d;border-width:1px;border-color:#2a1f1d}.terms-modal__button-container button:hover{opacity:.9}@font-face{font-family:Questa;src:url(/assets/Questa-Medium-ODF9qEJb.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold-C3YRi9Vg.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(/assets/Satoshi-Medium-DoW3kFbX.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular-B3SN4yqc.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(/assets/Inter_18pt-Medium-BtfNrkJj.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(/assets/Inter_18pt-SemiBold-C9_sHzqi.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(/assets/BebasNeue-Regular-D2CONTwO.ttf) format("opentype")}.auth__container{min-height:100vh;width:100%;background:linear-gradient(135deg,#f6f7fc,#fff);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}@media screen and (max-width: 425px){.auth__container{padding:.5rem}}@media screen and (min-width: 48rem){.auth__container{padding:1.5rem}}.auth__container *{animation:slideIn .5s ease-out}.auth__sub-container{width:100%;max-width:1500px;height:auto;min-height:600px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;position:relative;margin:auto}@media screen and (max-width: 425px){.auth__sub-container{border-radius:8px;min-height:500px}}@media screen and (min-width: 48rem){.auth__sub-container{flex-direction:row;height:750px}}.auth__photo-card{display:none;position:relative;background:linear-gradient(90deg,#ffbe56,#f98344);height:100%;transition:all .3s ease}@media screen and (min-width: 48rem){.auth__photo-card{display:flex;height:100%;width:55%;justify-content:center;align-items:center}}@media screen and (min-width: 80rem){.auth__photo-card{width:65%}}.auth__photo-card .mask-group{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.auth__photo-card .mask-group img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:all .3s ease}.auth__photo-card .mask-group:after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,rgba(0,0,0,.2),transparent);transition:opacity .3s ease}.auth__card{width:100%;height:100%;max-height:100vh;min-height:600px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow-y:auto}@media screen and (min-width: 48rem){.auth__card{margin:0;width:45%;height:100%;padding:2rem 1.5rem;border-radius:0 16px 16px 0;box-shadow:none}}@media desktop{.auth__card{width:35%;padding:2rem}}.auth__card__header-reset{padding-top:5rem}.auth__card__header{display:flex;flex-direction:column;text-align:center;flex-shrink:0}.auth__card__header__logo{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;gap:1.5rem}.auth__card__header__logo img{height:2rem;width:auto}@media screen and (min-width: 48rem){.auth__card__header__logo img{height:2.5rem}}.auth__card__header__toggle{display:flex;background:#f1f5f9;border-radius:9999px;padding:.25rem;margin-bottom:.5rem;position:relative;width:fit-content;margin-inline:auto;transition:all .3s ease}@media screen and (min-width: 48rem){.auth__card__header__toggle{margin-bottom:1rem}}.auth__card__header__toggle:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.auth__card__header__toggle-button{padding:.5rem 1rem;border:none;background:none;border-radius:9999px;font-size:.75rem;color:#64748b;font-family:"Inter-Medium(500)",sans-serif;cursor:pointer;position:relative;z-index:1;transition:all .3s ease}@media screen and (min-width: 48rem){.auth__card__header__toggle-button{padding:.5rem 1.25rem;font-size:.875rem}}.auth__card__header__toggle-button.active{color:#2a1f1d}.auth__card__header__toggle-button:hover:not(.active){color:#444f5f}.auth__card__header__toggle-slider{position:absolute;top:.25rem;height:calc(100% - .5rem);width:calc(50% - .25rem);background:#fff;border-radius:9999px;box-shadow:0 1px 3px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1)}.auth__card__header__toggle-slider.right{transform:translate(100%)}.auth__card__header__title{font-family:Questa,sans-serif;font-size:1.5rem;color:#2a1f1d;line-height:1.2}@media screen and (max-width: 425px){.auth__card__header__title{font-size:1.25rem}}@media screen and (min-width: 48rem){.auth__card__header__title{font-size:1.75rem}}@media screen and (min-width: 1024px){.auth__card__header__title{font-size:2rem}}.auth__card__link--password{background:none;border:none;padding:.5rem 1rem;color:#2a1f1d;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:.5rem}@media screen and (min-width: 48rem){.auth__card__link--password{padding:.75rem 1.5rem;font-size:.875rem}}.auth__card__link--password:hover{background:#f8fafc;color:#1e293b;transform:translateY(-1px)}.auth__card__link--password:active{transform:translateY(0)}.auth__card__footer--reset-password{display:flex;justify-content:center;margin-top:1.5rem}.sign-form-reset{padding-bottom:5rem}.sign-form{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 48rem){.sign-form{gap:1.25rem}}.sign-form__group{display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.sign-form__group:focus-within{transform:translateY(-2px)}.sign-form__label{font-size:.75rem;color:#2a1f1d;font-family:"Inter-Medium(500)",sans-serif;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease;margin:0 .75rem 0 1rem}@media screen and (min-width: 48rem){.sign-form__label{font-size:.875rem}}.sign-form__label svg{color:#22c55e;font-size:1rem;animation:pulse 1s ease-in-out}.sign-form__input{width:100%;padding:.75rem;border:1.5px solid #e2e8f0;border-radius:.5rem;font-size:.75rem;transition:all .3s ease}@media screen and (min-width: 48rem){.sign-form__input{padding:.75rem 1rem;font-size:.875rem}}.sign-form__input:focus{border-color:#94a3b8;outline:none;box-shadow:0 0 0 3px #94a3b81a;transform:translateY(-1px)}.sign-form__input::placeholder{color:#94a3b8;transition:opacity .3s ease}.sign-form__input:focus::placeholder{opacity:.7}.sign-form__text{text-align:center;color:#2a1f1d;font-size:.75rem;line-height:1.5}@media screen and (min-width: 48rem){.sign-form__text{font-size:.875rem}}.password__field{position:relative}.password__toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:all .3s ease}.password__toggle:hover{color:#2a1f1d;transform:translateY(-50%) scale(1.1)}.password__toggle:active{transform:translateY(-50%) scale(.95)}.password__toggle svg{font-size:1rem}@media screen and (min-width: 48rem){.password__toggle svg{font-size:1.25rem}}.password__strength{height:3px;background:#e2e8f0;border-radius:2px;margin-top:.5rem;overflow:hidden}@media screen and (min-width: 48rem){.password__strength{height:4px}}.password__strength-bar{height:100%;width:0;transition:all .3s ease;border-radius:2px}.password__strength-bar.weak{width:33.33%;background:#ef4444}.password__strength-bar.medium{width:66.66%;background:#f59e0b}.password__strength-bar.strong{width:100%;background:#22c55e}.auth-button__main{width:100%;padding:.75rem;background:linear-gradient(90deg,#ffbe56,#f98344);border:none;border-radius:.5rem;color:#2a1f1d;font-family:"Inter-SemiBold(600)",sans-serif;font-size:.75rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}@media screen and (min-width: 48rem){.auth-button__main{font-size:.875rem}}.auth-button__main:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.auth-button__main:active{transform:translateY(0)}.auth-button__main:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-button__main.loading{color:transparent}.auth-button__main.loading:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media screen and (min-width: 48rem){.auth-button__main.loading:after{width:20px;height:20px;margin:-10px 0 0 -10px}}.auth-button__secondary{width:100%;padding:.75rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:.5rem;color:#2a1f1d;font-weight:500;font-size:.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}@media screen and (min-width: 48rem){.auth-button__secondary{font-size:.875rem;gap:.75rem}}.auth-button__secondary:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.auth-button__secondary:active{transform:translateY(0)}.auth-button__secondary svg{font-size:1rem;transition:transform .3s ease}@media screen and (min-width: 48rem){.auth-button__secondary svg{font-size:1.25rem}}.auth-button__secondary:hover svg{transform:scale(1.1)}.auth-button__container{display:flex;flex-direction:column;gap:.5rem}@media screen and (min-width: 48rem){.auth-button__container{gap:.75rem}}.divider{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.75rem;opacity:.8;transition:opacity .3s ease}@media screen and (min-width: 48rem){.divider{gap:.75rem;font-size:.875rem}}.divider:hover{opacity:1}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e2e8f0;transition:all .3s ease}.divider:hover:before,.divider:hover:after{background:#94a3b8}.terms{display:flex;gap:.5rem;align-items:flex-start;margin-top:.25rem}@media screen and (min-width: 48rem){.terms{gap:.75rem}}.terms__checkbox{background:none;border:none;padding:0;cursor:pointer;color:#64748b;flex-shrink:0;transition:all .3s ease}.terms__checkbox svg{width:1rem;height:1rem;transition:transform .3s ease}@media screen and (min-width: 48rem){.terms__checkbox svg{width:1.25rem;height:1.25rem}}.terms__checkbox:hover{color:#2a1f1d}.terms__checkbox:hover svg{transform:scale(1.1)}.terms__checkbox:active svg{transform:scale(.95)}.terms__text{font-size:.75rem;color:#64748b;line-height:1.4}@media screen and (min-width: 48rem){.terms__text{font-size:.875rem}}.terms__text button{background:none;border:none;padding:0;color:#2a1f1d;font-weight:500;cursor:pointer;text-decoration:underline;transition:all .3s ease}.terms__text button:hover{color:#1e293b;text-decoration-thickness:2px}.alert{padding:.5rem;border-radius:.5rem;font-size:.75rem;font-weight:500;text-align:center;margin:.5rem 0;transition:all .3s ease}@media screen and (min-width: 48rem){.alert{padding:.75rem;font-size:.875rem}}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert.error:hover{background:#fee2e2}.alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert.success:hover{background:#dcfce7}.footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0;flex-shrink:0;flex-wrap:wrap}@media screen and (min-width: 48rem){.footer{gap:1rem;margin-top:2rem;padding-top:1.5rem;flex-wrap:nowrap}}.footer__link{background:none;border:none;padding:0;color:#64748b;font-size:.75rem;cursor:pointer;transition:all .3s ease}@media screen and (min-width: 48rem){.footer__link{font-size:.875rem}}.footer__link:hover{color:#2a1f1d;text-decoration:underline;transform:translateY(-1px)}.footer__link:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.payment-success-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:linear-gradient(135deg,#f6f7fc,#fff);text-align:center;position:relative;overflow:hidden}.payment-success-container .confetti-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.payment-success-container .payment-success-content{display:flex;flex-direction:column;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 20px #00000026;z-index:2;max-width:600px;width:90%;box-sizing:border-box}@media screen and (min-width: 48rem){.payment-success-container .payment-success-content{padding:3rem}}.payment-success-container .payment-success-content .checkmark svg{font-size:40px;color:#50c878}@media screen and (min-width: 48rem){.payment-success-container .payment-success-content .checkmark svg{font-size:60px}}.payment-success-container .payment-success-content .checkmark{margin-bottom:10px}.payment-success-container .payment-success-content h1{font-size:20px;font-family:Satoshi-Bold,sans-serif;color:#2a1f1d;margin-bottom:15px}@media screen and (min-width: 48rem){.payment-success-container .payment-success-content h1{font-size:24px}}.payment-success-container .payment-success-content p{font-size:16px;color:#2a1f1d;font-family:Satoshi-Regular,sans-serif;margin-bottom:25px}@media screen and (min-width: 48rem){.payment-success-container .payment-success-content p{font-size:20px}}.payment-success-container .payment-success-content button{background:linear-gradient(90deg,#ffbe56,#f98344);color:#4a3a36;font-family:Satoshi-Medium,sans-serif;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color .3s,transform .2s}@media screen and (min-width: 48rem){.payment-success-container .payment-success-content button{font-size:20px}}.payment-success-container .payment-success-content button:hover{background-color:#e67a3d;transform:scale(1.05)}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.header-right{display:flex;align-items:center;gap:1rem}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}:root{--color-starter-1: #ffb668;--color-starter-2: #ffa53f;--color-standard-1: #ffc107;--color-standard-2: #ff9800;--color-growth-1: #ffa53f;--color-growth-2: #fa8128;--color-enterprise-1: #f57c00;--color-enterprise-2: #be5504}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal{background:#fff;border-radius:1rem;width:100%;max-width:1800px;max-height:95vh;overflow-y:auto;position:relative}@media screen and (min-width: 80rem){.modal{max-width:90vw}}.modal-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;color:#2a1f1d;transition:color .2s;z-index:10}@media screen and (min-width: 48rem){.modal-close{top:1.5rem;right:1.5rem}}.modal-close svg{font-size:1rem}@media screen and (min-width: 48rem){.modal-close svg{font-size:1.5rem}}.modal-close:hover{color:#333}.modal-content{padding:1rem}@media screen and (min-width: 48rem){.modal-content{padding:1rem}}.header{text-align:center;margin-bottom:1rem}@media screen and (min-width: 48rem){.header{margin-bottom:2rem}}.logo-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}@media screen and (min-width: 48rem){.logo-container{margin-bottom:1rem}}.logo-container img{height:1.5625rem;width:auto;object-fit:contain}@media screen and (min-width: 48rem){.logo-container img{height:2.5rem}}.logo-container .logo-text{font-family:Questa,sans-serif;font-size:1.25rem;background:linear-gradient(270deg,#ffbe56,#f98344);-webkit-background-clip:text;color:transparent;margin:.5rem 0}@media screen and (min-width: 48rem){.logo-container .logo-text{font-size:2rem}}.current-subscription-info{margin:.75rem auto;padding:.75rem;background-color:#ffc1071a;border-radius:.75rem;border:1px solid rgba(255,193,7,.3);max-width:fit-content}.current-subscription-info p{margin:0;font-size:.9rem;font-family:Satoshi-Medium,sans-serif;color:var(--color-standard-2)}@media screen and (min-width: 48rem){.current-subscription-info p{font-size:1rem}}.current-subscription-info p:not(:last-child){margin-bottom:.25rem}.current-subscription-info .highlight:first-letter{text-transform:uppercase}.no-subscription-info{margin:.75rem auto;padding:.75rem;background-color:#f57c001a;border-radius:.75rem;border:1px solid rgba(245,124,0,.3);max-width:fit-content}.no-subscription-info p{margin:0;font-size:.9rem;font-family:Satoshi-Medium,sans-serif;color:var(--color-enterprise-2)}@media screen and (min-width: 48rem){.no-subscription-info p{font-size:1rem}}.header-description{font-size:.9rem;font-family:Satoshi-Regular,sans-serif;color:#2a1f1d;margin:0 auto}@media screen and (min-width: 48rem){.header-description{font-size:1.25rem}}.plans-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;margin-bottom:1.5rem}@media screen and (min-width: 48rem){.plans-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1rem;justify-items:center}}@media screen and (min-width: 80rem){.plans-grid{display:flex;flex-direction:row;gap:1rem;padding:0 1rem}}.plan-clickable{width:100%;display:flex;justify-content:center;border-radius:1.5rem;cursor:pointer;transition:transform .2s,opacity .2s}@media screen and (min-width: 48rem){.plan-clickable{max-width:400px}}@media screen and (min-width: 80rem){.plan-clickable{width:25%;min-height:550px}}.plan-clickable.popular{border:3px solid var(--color-growth-1)}.plan-clickable.active-plan{border:3px solid var(--color-standard-2);background-color:#ffc1070d}.plan-clickable[aria-disabled=true]{pointer-events:none;cursor:default;opacity:.9}.plan-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 25px #0000001a;overflow:visible;position:relative;transition:transform .3s,box-shadow .3s;height:100%;display:flex;flex-direction:column;flex:1;min-width:0;border:1px solid #b5a37f;color:#2a1f1d;width:100%;max-width:300px;margin:0 auto}@media screen and (min-width: 48rem){.plan-card{max-width:400px}}@media screen and (min-width: 80rem){.plan-card{width:25%;min-height:550px}}.plan-card.popular{border:3px solid var(--color-growth-1)}.plan-card.active-plan{border:3px solid var(--color-standard-2);background-color:#ffc1070d}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px #00000026}.popular-badge{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ffbe56,#f98344);color:#fff;text-align:center;padding:.5rem 1.5rem;font-family:Satoshi-Medium,sans-serif;font-size:.875rem;letter-spacing:.025em;border-radius:999px;white-space:nowrap;box-shadow:0 4px 6px #0000001a}@media screen and (min-width: 48rem){.popular-badge{top:-20px}}.active-badge{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ffbe56,#f98344);color:#fff;text-align:center;padding:.5rem 1.5rem;font-family:Satoshi-Medium,sans-serif;font-size:.875rem;letter-spacing:.025em;border-radius:999px;white-space:nowrap;box-shadow:0 4px 6px #0000001a;z-index:2}@media screen and (min-width: 48rem){.active-badge{top:-20px}}.plan-content{padding:1rem;display:flex;flex-direction:column;height:100%;flex:1}@media screen and (min-width: 48rem){.plan-content{padding:1.5rem 1.25rem}}.plan-icon{display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:.75rem;margin-bottom:.75rem;border:1px solid #b5a37f}@media screen and (min-width: 48rem){.plan-icon{padding:.65rem;margin-bottom:1rem}}.plan-icon.starter{background:linear-gradient(to right,var(--color-starter-1),var(--color-starter-2));color:var(--color-growth-2);color:#fff}.plan-icon.standard{background:linear-gradient(to right,var(--color-standard-1),var(--color-standard-2));color:#fff}.plan-icon.growth{background:linear-gradient(to right,var(--color-growth-1),var(--color-growth-2));color:#fff}.plan-icon.enterprise{background:linear-gradient(to right,var(--color-enterprise-1),var(--color-enterprise-2));color:#fff}.plan-icon svg{width:1.5rem;height:1.5rem}@media screen and (min-width: 48rem){.plan-icon svg{width:2rem;height:2rem}}.plan-name{font-size:1.25rem;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d;margin-bottom:.5rem}@media screen and (min-width: 48rem){.plan-name{font-size:1.5rem}}.plan-description{font-family:Satoshi-Regular,sans-serif;color:#6b7280;margin-bottom:.75rem;font-size:.875rem}@media screen and (min-width: 48rem){.plan-description{font-size:1rem}}.plan-price{margin:0 0 1rem;gap:8px;padding:16px;background-color:#fff;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center;font-family:Satoshi-Regular,sans-serif}.plan-price .price-label{font-size:.875rem;color:#6b7280;text-transform:uppercase}@media screen and (min-width: 48rem){.plan-price .price-label{font-size:.9rem}}.plan-price .price-value{font-size:.9rem;color:#2a1f1d}@media screen and (min-width: 48rem){.plan-price .price-value{font-size:1.1rem}}.features-list{flex-grow:1;margin-top:auto}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8125rem}@media screen and (min-width: 48rem){.feature-item{margin-bottom:1rem;font-size:1rem}}.feature-icon{width:1.25rem;height:1.25rem;flex-shrink:0;padding:.25rem;border-radius:50%;background:linear-gradient(to right,var(--color-growth-1),var(--color-growth-2));display:flex;align-items:center;justify-content:center;color:#fff}.btn{width:100%;padding:.5rem;border:none;border-radius:.75rem;font-family:Satoshi-Bold,sans-serif;color:#2a1f1d;cursor:pointer;transition:transform .2s,opacity .2s;font-size:1rem;border:1px solid #b5a37f}@media screen and (min-width: 48rem){.btn{padding:1rem}}.btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn.active{background:#fff!important;border:2px solid var(--color-standard-2);color:var(--color-enterprise-1);cursor:default}.btn.starter{background:linear-gradient(to right,var(--color-starter-1),var(--color-starter-2))}.btn.standard{background:linear-gradient(to right,var(--color-standard-1),var(--color-standard-2))}.btn.growth{background:linear-gradient(to right,var(--color-growth-1),var(--color-growth-2))}.btn.enterprise{background:linear-gradient(to right,var(--color-enterprise-1),var(--color-enterprise-2))}.footer-subscription{text-align:center;color:#6b7280;font-size:1rem;font-family:Satoshi-Regular,sans-serif;padding-top:1rem;border-top:1px solid #eee}.contact-link{background:none;border:none;color:var(--color-enterprise-1);font-family:Satoshi-Bold,sans-serif;font-size:1rem;text-decoration:none;cursor:pointer;transition:color .2s ease}.contact-link:hover{color:var(--color-enterprise-2)}.copy-email-btn{background:none;border:none;color:var(--color-standard-2);font-family:Satoshi-Bold,sans-serif;font-size:1rem;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s ease}.copy-email-btn:hover{color:var(--color-growth-2)}.copy-success{display:inline-block;margin-left:.5rem;padding:.2rem .5rem;background-color:#4caf5033;color:#4caf50;border-radius:4px;font-size:.8rem;animation:fadeOut 2s ease}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.profile-modal{width:90%;max-width:500px;background-color:#fff;border-radius:12px;box-shadow:0 6px 24px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.profile-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #e5e7eb}.profile-modal__header h2{margin:0;font-family:Satoshi-Bold,sans-serif;font-size:16px;color:#2a1f1d}@media screen and (min-width: 48rem){.profile-modal__header h2{font-size:18px}}.profile-modal__close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-modal__close-button svg{font-size:1rem;color:#6b7280}@media screen and (min-width: 48rem){.profile-modal__close-button svg{font-size:1.5rem}}.profile-modal__content{padding:24px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:24px}.profile-modal__info-section{width:100%;display:flex;flex-direction:column;gap:24px}.profile-modal__info-group{background:#e5e7eb4d;border-radius:10px;padding:16px}.profile-modal__info-group__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.profile-modal__info-group__header__action-buttons{display:flex;justify-content:end}.profile-modal__info-group__header__action-buttons__form{margin-top:1rem;gap:12px}.profile-modal__info-group__header__action-buttons__button{padding:.5rem 1rem;border-radius:8px;font-size:14px;font-family:Satoshi-Medium,sans-serif;cursor:pointer;transition:all .2s ease}.profile-modal__info-group__header__action-buttons__button__main{background:linear-gradient(90deg,#ffbe56,#f98344);border:none;color:#2a1f1d;box-shadow:0 2px 4px #4a90e233}.profile-modal__info-group__header__action-buttons__button__main:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.profile-modal__info-group__header__action-buttons__button__secondary{background-color:#f5f5f5;border:1px solid rgba(178,177,177,.5);color:#2a1f1d}.profile-modal__info-group__header__action-buttons__button__secondary:hover:not(:disabled){background-color:#e5e5e5}.profile-modal__info-group__alert{display:flex;justify-self:center;justify-content:center;align-self:center;padding:.625rem;border-radius:.3125rem;margin:.625rem 0;font-family:"Inter-Medium(500)",sans-serif;font-size:12px;width:100%}.profile-modal__info-group__alert__error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-modal__info-group h3{font-family:Satoshi-Bold,sans-serif;font-size:14px;color:#2a1f1d}@media screen and (min-width: 48rem){.profile-modal__info-group h3{font-size:16px}}.profile-modal__info-item{display:flex;gap:12px;margin-top:1rem;padding-left:8px}.profile-modal__info-item svg{color:#6b7280;font-size:20px}.profile-modal__info-item__subitem,.profile-modal__column{display:flex;flex-direction:column;width:100%}.profile-modal__label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;font-family:Satoshi-Medium,sans-serif}@media screen and (min-width: 48rem){.profile-modal__label{font-size:14px}}.profile-modal__input,.profile-modal__select{width:100%;padding:.75rem;border:1.5px solid #e2e8f0;border-radius:.5rem;font-size:.75rem;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d;transition:all .3s ease}@media screen and (min-width: 48rem){.profile-modal__input,.profile-modal__select{padding:.75rem 1rem;font-size:.875rem}}.profile-modal__input:focus,.profile-modal__select:focus{border-color:#94a3b8;outline:none;box-shadow:0 0 0 3px #94a3b81a;transform:translateY(-1px)}.profile-modal__input::placeholder,.profile-modal__select::placeholder{color:#94a3b8;transition:opacity .3s ease}.profile-modal__input:focus::placeholder,.profile-modal__select:focus::placeholder{opacity:.7}.profile-modal__input__error-border,.profile-modal__select__error-border{border:2px solid #ef4444!important}.profile-modal__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%2010L12%2015L17%2010H7Z'%20fill='%236b7280'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center}.profile-modal__value{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:8px;font-size:14px;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif}@media screen and (min-width: 48rem){.profile-modal__value{font-size:16px}}.profile-modal__badge{display:flex;padding:3px 10px;background-color:#e8f4ff;color:#0070f3;border-radius:12px;font-size:14px;font-family:Satoshi-Medium,sans-serif}@media screen and (min-width: 48rem){.profile-modal__badge{font-size:16px}}.profile-modal__upgrade{display:flex;position:relative;padding:3px 10px;background-color:#fcf2d4;color:#f57c00;border-radius:12px;font-size:14px;font-family:Satoshi-Medium,sans-serif}@media screen and (min-width: 48rem){.profile-modal__upgrade{font-size:16px}}.profile-modal__icon{display:flex;gap:12px;padding-left:8px}.profile-modal__icon svg{color:#6b7280;font-size:20px}.profile-modal__status{display:inline-block;font-size:14px;font-family:Satoshi-Medium,sans-serif;padding:3px 10px;border-radius:12px;background-color:#0000000d}@media screen and (min-width: 48rem){.profile-modal__status{font-size:16px}}.profile-modal__cancel-subscription{font-family:Satoshi-Regular,sans-serif;color:#6b7280;margin-top:1rem;font-size:12px}.profile-modal__cancel-subscription__cancel-email{font-family:Satoshi-Regular,sans-serif;color:#6b7280;font-size:12px}.profile-modal__cancel-subscription__cancel-email:hover{color:#e67a3d;text-decoration:underline}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.select-country-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.select-country-modal{width:90%;max-width:500px;background-color:#fff;border-radius:12px;box-shadow:0 6px 24px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.select-country-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #e5e7eb}.select-country-modal__header h2{margin:0;font-family:Satoshi-Bold,sans-serif;font-size:16px;color:#2a1f1d}@media screen and (min-width: 48rem){.select-country-modal__header h2{font-size:18px}}.select-country-modal__header__close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.select-country-modal__header__close-button svg{font-size:1rem;color:#6b7280}@media screen and (min-width: 48rem){.select-country-modal__header__close-button svg{font-size:1.5rem}}.select-country-modal__content{padding:24px;display:flex;flex-direction:column;align-items:center}.select-country-modal__info-item{display:flex;flex-direction:column;width:100%}.select-country-modal__label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;font-family:Satoshi-Medium,sans-serif}@media screen and (min-width: 48rem){.select-country-modal__label{font-size:14px}}.select-country-modal__input{width:100%;padding:.75rem;border:1.5px solid #e2e8f0;border-radius:.5rem;font-size:.75rem;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d;transition:all .3s ease}@media screen and (min-width: 48rem){.select-country-modal__input{padding:.75rem 1rem;font-size:.875rem}}.select-country-modal__input:focus{border-color:#94a3b8;outline:none;box-shadow:0 0 0 3px #94a3b81a;transform:translateY(-1px)}.select-country-modal__input::placeholder{color:#94a3b8;transition:opacity .3s ease}.select-country-modal__input:focus::placeholder{opacity:.7}.select-country-modal__action-buttons{display:flex;justify-content:end;width:100%;margin-top:1rem}.select-country-modal__action-buttons__button{width:20%;padding:.5rem 1rem;border-radius:8px;font-size:14px;font-family:Satoshi-Medium,sans-serif;cursor:pointer;transition:all .2s ease}.select-country-modal__action-buttons__button__main{background:linear-gradient(90deg,#ffbe56,#f98344);border:none;color:#2a1f1d;box-shadow:0 2px 4px #4a90e233}.select-country-modal__action-buttons__button__main:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.contact-us-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100000}.contact-us__modal{width:90%;max-width:550px;background-color:#fff;border-radius:12px;box-shadow:0 6px 24px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.contact-us__modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #e5e7eb}.contact-us__modal__header h2{margin:0;font-family:Satoshi-Bold,sans-serif;font-size:16px;color:#2a1f1d}@media screen and (min-width: 48rem){.contact-us__modal__header h2{font-size:18px}}.contact-us__modal__header__close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.contact-us__modal__header__close-button svg{font-size:1rem;color:#6b7280}@media screen and (min-width: 48rem){.contact-us__modal__header__close-button svg{font-size:1.5rem}}.contact-us__modal__content{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.contact-us__modal__content__text{color:#2a1f1d;font-family:Satoshi-Regular,sans-serif;margin-bottom:.5rem;font-size:1rem}.contact-us__modal__content__text__open-email-btn{background:none;border:none;font-family:Satoshi-Bold,sans-serif;font-size:17px;color:#2a1f1d;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s ease}.contact-us__modal__content__text__open-email-btn:hover{color:#f98344}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.character-limit-input{position:relative;width:100%}.character-limit-input__field{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-family:Satoshi-Regular,sans-serif;font-size:14px;transition:all .2s ease;background-color:#f9f9f9;box-sizing:border-box}.character-limit-input__field:focus{outline:none;background:#e5e5e5;border-color:#2b2d42}.character-limit-input__field::placeholder{color:#b2b1b1}.character-limit-input__field--error{border-color:#ef4444;background-color:#ef44440d}.character-limit-input__counter{display:block;text-align:right;font-size:12px;font-family:Satoshi-Regular,sans-serif;margin-top:4px;color:#b2b1b1;transition:color .2s ease}@media screen and (min-width: 48rem){.character-limit-input__counter{font-size:13px}}.character-limit-input__counter--warning{color:#ff9800}.character-limit-input__counter--error{color:#ef4444;font-weight:500}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.character-limit-textarea{position:relative;width:100%}.character-limit-textarea__field{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-family:Satoshi-Regular,sans-serif;font-size:14px;transition:all .2s ease;background-color:#f9f9f9;box-sizing:border-box;resize:vertical;min-height:100px}.character-limit-textarea__field:focus{outline:none;background:#e5e5e5;border-color:#2b2d42}.character-limit-textarea__field::placeholder{color:#b2b1b1}.character-limit-textarea__field--error{border-color:#ef4444;background-color:#ef44440d}.character-limit-textarea__counter{display:block;text-align:right;font-size:12px;font-family:Satoshi-Regular,sans-serif;margin-top:4px;color:#b2b1b1;transition:color .2s ease}@media screen and (min-width: 48rem){.character-limit-textarea__counter{font-size:13px}}.character-limit-textarea__counter--warning{color:#ff9800}.character-limit-textarea__counter--error{color:#ef4444;font-weight:500}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.create-project-modal{width:90%;max-width:500px;background-color:#fff;border-radius:12px;box-shadow:0 6px 24px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.create-project-modal__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:2px solid #e5e7eb}@media screen and (min-width: 48rem){.create-project-modal__header{padding:1rem 1.5rem}}.create-project-modal__header__text{margin:0;font-size:1rem;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif}@media screen and (min-width: 48rem){.create-project-modal__header__text{font-size:18px}}.create-project-modal__close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.create-project-modal__close-button:hover{color:#333;background-color:#f5f5f5}.create-project-modal__close-button svg{font-size:1rem;color:#6b7280}@media screen and (min-width: 48rem){.create-project-modal__close-button svg{font-size:1.5rem}}.project-form{overflow-y:auto;padding:16px 24px;flex-grow:1}.project-form .form-group{margin-bottom:1.5rem}.project-form .form-group label{display:block;margin-bottom:8px;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d;font-size:14px}.project-form .form-group input,.project-form .form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-family:Satoshi-Medium,sans-serif;font-size:14px;transition:all .2s ease;background-color:#f9f9f9}.project-form .form-group input:focus,.project-form .form-group textarea:focus{outline:none;background:#e5e5e5}.project-form .form-group input::placeholder,.project-form .form-group textarea::placeholder{color:#b2b1b1}.project-form .form-group textarea{resize:vertical}.project-form .form-group .character-limit-input,.project-form .form-group .character-limit-textarea{width:100%}.project-form .form-group__dropzone{width:100%;border:2px dashed #ddd;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#f9f9f9;min-height:100px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-form .form-group__dropzone:hover,.project-form .form-group__dropzone.active{background:#e5e5e5}.project-form .form-group__dropzone p{margin:0;color:#b2b1b1;text-align:center;font-size:14px;line-height:1.5}.project-form .form-group__dropzone input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.project-form .pdf-list{margin-top:16px;max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:8px;padding:12px;background-color:#f9f9f9}.project-form .pdf-list .pdf-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#fff;border-radius:8px;margin-bottom:8px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.project-form .pdf-list .pdf-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.project-form .pdf-list .pdf-item:last-child{margin-bottom:0}.project-form .pdf-list .pdf-item .pdf-name{flex:1;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-family:Satoshi-Regular,sans-serif;color:#2a1f1d}.project-form .pdf-list .pdf-item .pdf-actions{display:flex;align-items:center;gap:12px}.project-form .pdf-list .pdf-item .pdf-actions .upload-status{font-size:14px;color:#6b7280;display:flex;align-items:center;gap:4px}.project-form .pdf-list .pdf-item .pdf-actions .upload-status.success{color:#4caf50}.project-form .pdf-list .pdf-item .pdf-actions .upload-status.error{color:#ef4444}.project-form .pdf-list .pdf-item .pdf-actions .remove-pdf{display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease}.project-form .pdf-list .pdf-item .pdf-actions .remove-pdf svg{font-size:1.5rem;color:#ef4444}.project-form .pdf-list .pdf-item .pdf-actions .remove-pdf:hover{background-color:#ffebee}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;position:sticky;bottom:0;background-color:#fff;padding-top:16px;border-top:1px solid #eee}.modal-actions button{padding:.5rem 1rem;border-radius:8px;font-size:14px;font-family:Satoshi-Medium,sans-serif;cursor:pointer;transition:all .2s ease}@media screen and (min-width: 48rem){.modal-actions button{font-size:16px}}.modal-actions button:disabled{opacity:.7;cursor:not-allowed}.modal-actions .cancel-button{background-color:#f5f5f5;border:1px solid rgba(178,177,177,.5);color:#2a1f1d}.modal-actions .cancel-button:hover:not(:disabled){background-color:#e5e5e5}.modal-actions .create-button{background:linear-gradient(90deg,#ffbe56,#f98344);border:none;color:#2a1f1d;box-shadow:0 2px 4px #4a90e233}.modal-actions .create-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.project-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.project-details-modal{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}.modal-header h2{margin:0;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif;font-size:1.5rem}.modal-header__close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-header__close-button:hover{color:#333;background-color:#f5f5f5}.modal-header__close-button svg{font-size:1rem;color:#6b7280}@media screen and (min-width: 48rem){.modal-header__close-button svg{font-size:1.5rem}}.project-details-form{padding:20px;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2a1f1d;font-family:Satoshi-Regular,sans-serif;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;color:#2a1f1d;font-family:Satoshi-Regular,sans-serif;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2b2d42}.form-group textarea{resize:vertical;min-height:100px}.form-group .character-limit-input,.form-group .character-limit-textarea{width:100%}.pdfs-section{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.pdfs-section h3{color:#2b2d42;margin:0 0 15px;font-size:1.1rem}.pdfs-list{max-height:200px;overflow-y:auto}.pdf-item{padding:10px;border:1px solid #eee;border-radius:4px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.pdf-item .pdf-name{color:#2b2d42;font-weight:500}.pdf-item .pdf-date{color:#666;font-size:.9rem}.modal-footer{padding:20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.modal-footer button{padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-family:Satoshi-Medium,sans-serif;transition:all .2s ease}.modal-footer button.cancel-button{background:none;border:1px solid #ddd;color:#666}.modal-footer button.cancel-button:hover{background-color:#f8f9fa;border-color:#999}.modal-footer button.confirm-button{background:linear-gradient(90deg,#ffbe56,#f98344);color:#2a1f1d;border:none}.modal-footer button.confirm-button:hover{background:linear-gradient(270deg,#ffbe56,#f98344)}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.storage-management-modal{background-color:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column}.storage-management-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(90deg,#ffbe56,#f98344)}.storage-management-modal__header__title{display:flex;align-items:center;gap:12px;color:#5c3b30}.storage-management-modal__header__title .storage-icon{font-size:24px}.storage-management-modal__header__title h2{margin:0;font-size:1.25rem;font-family:Satoshi-Medium,sans-serif}.storage-management-modal__header__close-button{display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.storage-management-modal__header__close-button:hover{background-color:#ffffff1a}.storage-management-modal__header__close-button svg{font-size:1rem}@media screen and (min-width: 48rem){.storage-management-modal__header__close-button svg{font-size:1.5rem}}.storage-management__controls{display:flex;align-items:center;gap:12px;margin-bottom:16px}.storage-management__controls select{padding:10px 14px;border:2px solid #e9ecef;border-radius:8px;font-family:Satoshi-Regular,sans-serif;font-size:.875rem;background-color:#fff;color:#2a1f1d;cursor:pointer;transition:all .2s ease}.storage-management__controls select:focus{outline:none;border-color:#f98344;box-shadow:0 0 0 3px #f983441a}.storage-management__controls select:hover{border-color:#cbd3da}.storage-management__controls select option{font-family:Satoshi-Regular,sans-serif;font-size:.875rem;color:#2a1f1d;background-color:#fff;padding:8px 12px}.storage-management__controls select::-ms-expand{display:none}.storage-management__controls button{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:8px;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.storage-management__controls button:hover{background-color:#e9ecef}.storage-management__controls button svg{font-size:18px;color:#6b7280}@media screen and (max-width: 48rem){.storage-management__controls{flex-direction:column;align-items:stretch}.storage-management__controls select,.storage-management__controls button{width:100%}}.storage-management{overflow-y:auto;padding:24px;flex-grow:1}.storage-management__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.storage-management__loading__spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #f98344;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.storage-management__loading p{color:#2a1f1d;font-family:Satoshi-Regular,sans-serif;font-size:.875rem}.storage-management__overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.storage-management__overview__card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;border:1px solid #e9ecef}.storage-management__overview__card h3{margin:0 0 12px;font-size:.875rem;color:#2a1f1d;font-family:Satoshi-Regular,sans-serif;opacity:.8}.storage-management__overview__card__value{font-size:1.5rem;font-weight:700;color:#f98344;font-family:Satoshi-Bold,sans-serif}.storage-management__no-projects{padding:24px;text-align:center;font-size:1rem;color:#2a1f1d;font-family:Satoshi-Regular,sans-serif;opacity:.8}.storage-management__no-projects p{margin:8px 0}.storage-management__usage{margin-bottom:32px}.storage-management__usage__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.storage-management__usage__header h3{margin:0;font-size:1rem;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif}.storage-management__usage__header__percentage{font-size:1.125rem;font-weight:700;color:#f98344;font-family:Satoshi-Bold,sans-serif}.storage-management__usage__bar{width:100%;height:12px;background-color:#e9ecef;border-radius:6px;overflow:hidden}.storage-management__usage__bar__fill{height:100%;border-radius:6px;transition:width .3s ease,background-color .3s ease}.storage-management__search{margin-bottom:32px}.storage-management__search__form{display:flex;gap:12px;align-items:center;margin-bottom:8px}@media screen and (max-width: 48rem){.storage-management__search__form{flex-direction:column;align-items:stretch}}.storage-management__search__input-wrapper{position:relative;flex:1;display:flex;align-items:center}.storage-management__search__icon{position:absolute;left:12px;color:#666;font-size:20px;z-index:1}.storage-management__search__input{width:100%;padding:12px 40px;border:2px solid #e9ecef;border-radius:8px;font-family:Satoshi-Regular,sans-serif;font-size:.875rem;background:#fff;transition:all .2s ease}.storage-management__search__input:focus{outline:none;border-color:#f98344;box-shadow:0 0 0 3px #f983441a}.storage-management__search__input::placeholder{color:#999}.storage-management__search__clear{position:absolute;right:8px;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.storage-management__search__clear:hover{background-color:#f5f5f5;color:#333}.storage-management__search__clear svg{font-size:18px}.storage-management__search__button{padding:12px 24px;background:linear-gradient(90deg,#ffbe56,#f98344);color:#4a3a36;border:none;border-radius:8px;font-family:Satoshi-Medium,sans-serif;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.storage-management__search__button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.storage-management__search__button:active{transform:translateY(0)}.storage-management__top-projects{margin-bottom:32px}.storage-management__top-projects h3{margin:0 0 16px;font-size:1rem;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif}.storage-management__top-projects__list{display:flex;flex-direction:column;gap:12px}.storage-management__top-projects__item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.storage-management__top-projects__item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.storage-management__top-projects__item:nth-child(1){border-left:4px solid #ffd700}.storage-management__top-projects__item:nth-child(2){border-left:4px solid #c0c0c0}.storage-management__top-projects__item:nth-child(3){border-left:4px solid #cd7f32}.storage-management__top-projects__rank{font-size:1.25rem;font-weight:700;color:#f98344;font-family:Satoshi-Bold,sans-serif;min-width:40px}.storage-management__top-projects__info{flex:1}.storage-management__top-projects__name{font-size:1rem;font-weight:500;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif;margin-bottom:4px}.storage-management__top-projects__details{display:flex;gap:16px;font-size:.875rem;color:#666;font-family:Satoshi-Regular,sans-serif}.storage-management__top-projects__size{font-weight:500;color:#f98344}.storage-management__top-projects__available{font-weight:400;color:#666;font-size:.8rem}.storage-management__top-projects__trend{display:flex;align-items:center;gap:4px}.storage-management__top-projects__trend .trend-up{color:#f44;font-size:16px}.storage-management__top-projects__trend .trend-down{color:#00c851;font-size:16px}.storage-management__top-projects__percentage{font-size:1.125rem;font-weight:700;color:#f98344;font-family:Satoshi-Bold,sans-serif;min-width:60px;text-align:right}.storage-management__recommendations h3{margin:0 0 16px;font-size:1rem;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif}.storage-management__recommendations__list{display:flex;flex-direction:column;gap:12px}.storage-management__recommendations__item{padding:16px;border-radius:8px;font-size:.875rem;font-family:Satoshi-Regular,sans-serif;line-height:1.5}.storage-management__recommendations__item.critical{background-color:#fff5f5;border:1px solid #fed7d7;color:#c53030}.storage-management__recommendations__item.critical strong{color:#e53e3e}.storage-management__recommendations__item.warning{background-color:#fffaf0;border:1px solid #feb2b2;color:#c05621}.storage-management__recommendations__item.warning strong{color:#dd6b20}.storage-management__recommendations__item.info{background-color:#f0fff4;border:1px solid #9ae6b4;color:#22543d}.storage-management__recommendations__item.info strong{color:#38a169}.storage-management__no-results{text-align:center;padding:40px 20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.storage-management__no-results p{margin:0 0 16px;color:#666;font-family:Satoshi-Regular,sans-serif;font-size:.875rem}.storage-management__no-results__button{padding:8px 16px;background:linear-gradient(90deg,#ffbe56,#f98344);color:#4a3a36;border:none;border-radius:6px;font-family:Satoshi-Medium,sans-serif;font-size:.875rem;cursor:pointer;transition:all .2s ease}.storage-management__no-results__button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media screen and (min-width: 48rem){.storage-management-modal{width:95%;max-width:800px}.storage-management{padding:20px}.storage-management__overview{grid-template-columns:repeat(3,1fr)}.storage-management__top-projects__details{flex-direction:column;gap:8px}}@media screen and (max-width: 48rem){.storage-management-modal{width:98%;max-height:95vh}.storage-management{padding:16px}.storage-management__overview{grid-template-columns:1fr}.storage-management__top-projects__item{flex-direction:column;align-items:flex-start;gap:12px}.storage-management__top-projects__details{flex-direction:column;gap:8px;width:100%}.storage-management__top-projects__percentage{align-self:flex-end}}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.view-project-modal{background-color:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column}.view-project-modal__filters{display:flex;align-items:center;gap:12px}.view-project-modal__filters select{padding:10px 14px;border:2px solid #e9ecef;border-radius:8px;font-family:Satoshi-Regular,sans-serif;font-size:.875rem;background-color:#fff;color:#2a1f1d;cursor:pointer;transition:all .2s ease}.view-project-modal__filters select:focus{outline:none;border-color:#f98344;box-shadow:0 0 0 3px #f983441a}.view-project-modal__filters select:hover{border-color:#cbd3da}.view-project-modal__filters select option{font-family:Satoshi-Regular,sans-serif;font-size:.875rem;color:#2a1f1d;background-color:#fff;padding:8px 12px}.view-project-modal__filters select::-ms-expand{display:none}.view-project-modal__filters button{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:8px;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.view-project-modal__filters button:hover{background-color:#e9ecef}.view-project-modal__filters button svg{font-size:18px;color:#6b7280}@media screen and (max-width: 48rem){.view-project-modal__filters{flex-direction:column;align-items:stretch}.view-project-modal__filters select,.view-project-modal__filters button{width:100%}}.view-project-modal__search{margin-bottom:0}.view-project-modal__search__form{display:flex;gap:12px;align-items:center;margin-bottom:8px}@media screen and (max-width: 48rem){.view-project-modal__search__form{flex-direction:column;align-items:stretch}}.view-project-modal__search__input-wrapper{position:relative;flex:1;display:flex;align-items:center}.view-project-modal__search__icon{position:absolute;left:12px;color:#666;font-size:20px;z-index:1}.view-project-modal__search__input{width:100%;padding:12px 40px;border:2px solid #e9ecef;border-radius:8px;font-family:Satoshi-Regular,sans-serif;font-size:.875rem;background:#fff;transition:all .2s ease}.view-project-modal__search__input:focus{outline:none;border-color:#f98344;box-shadow:0 0 0 3px #f983441a}.view-project-modal__search__input::placeholder{color:#999}.view-project-modal__search__clear{position:absolute;right:8px;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-project-modal__search__clear:hover{background-color:#f5f5f5;color:#333}.view-project-modal__search__clear svg{font-size:18px}.view-project-modal__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:2px solid #e5e7eb}@media screen and (min-width: 48rem){.view-project-modal__header{padding:1rem 1.5rem}}.view-project-modal__header__text{margin:0;font-size:1rem;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif}@media screen and (min-width: 48rem){.view-project-modal__header__text{font-size:18px}}.view-project-modal__header__actions{display:flex;align-items:center;gap:1rem}.view-project-modal__header__storage-button{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#ffbe56,#f98344);color:#5c3b30;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:Satoshi-Medium,sans-serif;font-size:.875rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.view-project-modal__header__storage-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.view-project-modal__header__storage-button svg{font-size:1rem}@media screen and (max-width: 48rem){.view-project-modal__header__storage-button span{display:none}}.view-project-modal__header__close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.view-project-modal__header__close-button:hover{color:#333;background-color:#f5f5f5}.view-project-modal__header__close-button svg{font-size:1rem;color:#6b7280}@media screen and (min-width: 48rem){.view-project-modal__header__close-button svg{font-size:1.5rem}}.view-project{overflow-y:auto;padding:16px;flex-grow:1}@media screen and (min-width: 48rem){.view-project{padding:16px 24px}}.view-project__loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.view-project__loading__spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #f98344;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.view-project__loading__text{color:#2a1f1d;font-family:Satoshi-Regular,sans-serif;font-size:.875rem}.view-project__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;margin-bottom:32px}@media screen and (min-width: 48rem){.view-project__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 80rem){.view-project__grid{grid-template-columns:repeat(3,1fr)}}.view-project__card{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-width:0;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.view-project__card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.view-project__card.selected{border-color:#f98344;background-color:#f9834426}.view-project__card__header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:12px}.view-project__card__header__name{margin:0;font-size:.875rem;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif;width:75%;white-space:normal;word-break:break-word}@media screen and (min-width: 48rem){.view-project__card__header__name{font-size:1rem}}.view-project__card__header__actions{display:flex;gap:8px;align-items:center}.view-project__card__header__edit,.view-project__card__header__delete{background:none;border:none;padding:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.view-project__card__header__edit:hover,.view-project__card__header__delete:hover{background-color:#0000000d;color:#333}.view-project__card__header__edit svg,.view-project__card__header__delete svg{width:20px;height:20px}.view-project__card__header__edit:hover{color:#1976d2}.view-project__card__header__delete:hover{color:#d32f2f}.view-project__card__description{margin:0 0 16px;font-size:.75rem;color:#6b7280;font-family:Satoshi-Regular,sans-serif;overflow-wrap:break-word}@media screen and (min-width: 48rem){.view-project__card__description{font-size:.875rem}}.view-project__card__footer{display:flex;justify-content:space-between;align-items:center}.view-project__card__footer__pdf-count{font-size:.75rem;font-family:Satoshi-Medium,sans-serif;color:#e67a3d}@media screen and (min-width: 48rem){.view-project__card__footer__pdf-count{font-size:.875rem}}.view-project__card__footer__date{font-size:12px;font-family:Satoshi-Regular,sans-serif;color:#6b7280;background-color:#f9834440;padding:4px 8px;border-radius:4px}@media screen and (min-width: 48rem){.view-project__card__footer__date{font-size:.875rem}}.view-project .pdfs-panel{background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 16px #0000001a;grid-column:1/-1}.view-project .pdfs-panel__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:2px solid #e5e7eb}@media screen and (min-width: 48rem){.view-project .pdfs-panel__header{padding:1rem 1.5rem}}.view-project .pdfs-panel__header__text{margin:0;font-size:1rem;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif;overflow-wrap:break-word;word-break:break-word;max-width:100%}@media screen and (min-width: 48rem){.view-project .pdfs-panel__header__text{font-size:18px}}.view-project .pdfs-panel__header__close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.view-project .pdfs-panel__header__close-button:hover{color:#333;background-color:#f5f5f5}.view-project .pdfs-panel__header__close-button svg{font-size:1rem;color:#6b7280}@media screen and (min-width: 48rem){.view-project .pdfs-panel__header__close-button svg{font-size:1.5rem}}.view-project .pdfs-panel .pdfs-grid{padding-top:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;justify-content:center}.view-project .pdfs-panel .pdf-card{background:#f8f9fa;border-radius:8px;overflow:hidden;transition:all .3s ease}.view-project .pdfs-panel .pdf-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.view-project .pdfs-panel .pdf-card .pdf-preview{position:relative;height:150px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center}.view-project .pdfs-panel .pdf-card .pdf-preview .pdf-delete-button{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1;padding:0}.view-project .pdfs-panel .pdf-card .pdf-preview .pdf-delete-button:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.view-project .pdfs-panel .pdf-card .pdf-preview .pdf-delete-button svg{font-size:20px;color:#ef4444}.view-project .pdfs-panel .pdf-card .pdf-preview img{max-width:80%;max-height:80%;object-fit:contain;color:#2a1f1d}.view-project .pdfs-panel .pdf-card .pdf-info{padding:12px}.view-project .pdfs-panel .pdf-card .pdf-info h4{margin:0 0 4px;font-size:14px;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-project .pdfs-panel .pdf-card .pdf-info .pdf-date{font-size:12px;font-family:Satoshi-Regular,sans-serif;color:#6b7280}.view-project .pdfs-panel .pdf-card .pdf-info .pdf-date__exp{font-size:12px;color:red}.view-project .pdfs-panel .no-pdfs{display:flex;align-items:center;justify-content:center;padding:2rem}.view-project .pdfs-panel .no-pdfs__text{color:#6b7280;font-family:Satoshi-Regular,sans-serif;font-size:16px}.pdfs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.pdfs-grid .pdf-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s ease}.pdfs-grid .pdf-card:hover{transform:translateY(-2px)}.pdfs-grid .pdf-card.add-pdf-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:2px dashed #ccc;background:#fafafa;cursor:pointer}.pdfs-grid .pdf-card.add-pdf-card:hover{border-color:#666;background:#f5f5f5}.pdfs-grid .pdf-card.add-pdf-card .pdf-preview{display:flex;align-items:center;justify-content:center;padding:20px}.pdfs-grid .pdf-card.add-pdf-card .pdf-info{text-align:center;padding:10px}.pdfs-grid .pdf-card.add-pdf-card .pdf-info h4{margin:0;color:#666}.pdfs-grid .pdf-card .pdf-preview{position:relative;height:150px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center}.pdfs-grid .pdf-card .pdf-preview .pdf-delete-button{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1;padding:0}.pdfs-grid .pdf-card .pdf-preview .pdf-delete-button:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.pdfs-grid .pdf-card .pdf-preview .pdf-delete-button svg{font-size:20px;color:#ef4444}.pdfs-grid .pdf-card .pdf-preview img{max-width:80%;max-height:80%;object-fit:contain;color:#2a1f1d}.pdfs-grid .pdf-card .pdf-info{padding:12px}.pdfs-grid .pdf-card .pdf-info h4{margin:0 0 4px;font-size:14px;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdfs-grid .pdf-card .pdf-info .pdf-date{font-size:12px;font-family:Satoshi-Regular,sans-serif;color:#6b7280}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{position:relative;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:90%;max-height:90%;overflow:auto;color:#000}.popup-content__close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.popup-content__close-button svg{font-size:1.25rem;color:#6b7280}@media screen and (min-width: 48rem){.popup-content__close-button svg{font-size:1.5rem}}.no-pdfs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.no-pdfs__text{color:#666;margin-bottom:20px}.no-pdfs .add-pdf-button{display:flex;align-items:center;padding:10px 20px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;font-size:14px;cursor:pointer;transition:all .2s ease}.no-pdfs .add-pdf-button:hover{background:#eee;border-color:#ccc}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.sidebar-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:9999}.sidebar-menu-overlay.open{opacity:1;pointer-events:auto}.sidebar-menu{position:fixed;top:0;padding:0 .5rem;right:-320px;width:250px;height:100%;background-color:#fff;box-shadow:-2px 0 6px #0000001a;transition:right .3s ease;z-index:20;display:flex;flex-direction:column}@media screen and (min-width: 48rem){.sidebar-menu{width:300px}}.sidebar-menu.open{right:0}.sidebar-menu__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;font-family:Satoshi-Bold,sans-serif;color:#2a1f1d;border-bottom:1px solid #b2b1b1}@media screen and (min-width: 48rem){.sidebar-menu__header{padding:.65rem}}.sidebar-menu__header__text{margin:0;font-size:1rem}@media screen and (min-width: 48rem){.sidebar-menu__header__text{font-size:1.5rem}}.sidebar-menu__header__button-close{display:flex;justify-content:center;align-items:center;background:none;border:none;font-size:1rem;cursor:pointer}@media screen and (min-width: 48rem){.sidebar-menu__header__button-close{font-size:1.5rem}}.sidebar-menu__header__button-close svg{font-size:1rem;color:#2a1f1d}@media screen and (min-width: 48rem){.sidebar-menu__header__button-close svg{font-size:1.5rem}}.sidebar-menu__profile{padding:16px;border-bottom:1px solid #eaeaea;display:flex;align-items:center;gap:12px;margin-bottom:8px;background:#e5e7eb4d;cursor:pointer;transition:background-color .2s}.sidebar-menu__profile:hover{background-color:#f0f0f0}.sidebar-menu__profile:active{background-color:#e8e8e8}.sidebar-menu__profile__email-wrapper{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.sidebar-menu__profile__avatar{display:flex;align-items:center;justify-content:center}.sidebar-menu__profile__avatar svg{width:2re;height:2rem;color:#6b7280}.sidebar-menu__profile__info{display:flex;flex-direction:column;gap:6px}.sidebar-menu__profile__name{font-family:Satoshi-Medium,sans-serif;font-size:14px;color:#2a1f1d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}@media screen and (min-width: 48rem){.sidebar-menu__profile__name{font-size:16px}}.sidebar-menu__profile__subscription{width:fit-content;font-size:12px;color:#6b7280;font-family:Satoshi-Medium,sans-serif;background:#e5e7eb;padding:4px 10px;border-radius:12px}@media screen and (min-width: 48rem){.sidebar-menu__profile__subscription{font-size:14px}}.sidebar-menu__content{padding:0;flex-grow:1;overflow-y:auto;font-family:Satoshi-Medium,sans-serif}.sidebar-menu__content__item{display:flex;align-items:center;gap:8px;padding:1rem;cursor:pointer;border-radius:6px;color:#2a1f1d;font-size:.875rem;transition:background-color .2s,color .2s}@media screen and (min-width: 48rem){.sidebar-menu__content__item{font-size:1.125rem}}.sidebar-menu__content__item:hover{background-color:#e5e7eb}.sidebar-menu__content__item.destructive:hover{background-color:#ffebee;color:#ef4444}.sidebar-menu__content__item svg{font-size:1.5rem}.sidebar-menu__content__item--sub{padding-left:4rem;font-size:.75rem}@media screen and (min-width: 48rem){.sidebar-menu__content__item--sub{font-size:1rem}}.sidebar-menu__content__sub-items{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.user-management{min-height:100vh;background:#fff8f5}.user-management .notification{position:fixed;top:100px;right:2rem;z-index:1000;padding:1rem 1.5rem;border-radius:8px;font-weight:500;max-width:400px;box-shadow:0 4px 12px #00000026}.user-management .notification.error{background-color:#fee;color:#dc3545;border:1px solid #fbb}.user-management .notification.success{background-color:#d4edda;color:#28a745;border:1px solid #c3e6cb}.user-management .loading-screen{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#6c757d}.user-management .page-title{margin:2rem 2rem 1rem}.user-management .page-title h1{font-size:2rem;font-family:Satoshi-Bold,sans-serif;color:#2a1f1d;margin:0}.user-management .user-container{display:grid;grid-template-columns:350px 1fr;gap:2rem;height:calc(100vh - 280px);margin:0 2rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow-y:auto}.user-management .user-container .user-sidebar{border-right:1px solid #e9ecef;display:flex;flex-direction:column}.user-management .user-container .user-sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid #e9ecef;background:#fff}.user-management .user-container .user-sidebar .sidebar-header h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.user-management .user-container .user-sidebar .sidebar-header .user-stats .stat{font-size:.9rem;color:#6c757d;background:#e9ecef;padding:.25rem .5rem;border-radius:4px}.user-management .user-container .user-sidebar .sidebar-header .add-button{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}.user-management .user-container .user-sidebar .sidebar-header .add-button:hover{background:#218838}.user-management .user-container .user-sidebar .search-container{padding:1rem 1.5rem;border-bottom:1px solid #e9ecef}.user-management .user-container .user-sidebar .search-container .search-input{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background-color:#fff}.user-management .user-container .user-sidebar .search-container .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.user-management .user-container .user-sidebar .loading-indicator{padding:2rem;text-align:center;color:#6c757d;font-style:italic}.user-management .user-container .user-sidebar .user-list{flex:1;overflow-y:auto;padding:0;margin:0;list-style:none}.user-management .user-container .user-sidebar .user-list .user-item{padding:1rem 1.5rem;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.user-management .user-container .user-sidebar .user-list .user-item:hover{background-color:#f8f9fa}.user-management .user-container .user-sidebar .user-list .user-item.selected{background-color:#e3f2fd;border-left:4px solid #2196f3}.user-management .user-container .user-sidebar .user-list .user-item .user-info{flex:1}.user-management .user-container .user-sidebar .user-list .user-item .user-info .user-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem;font-size:.95rem}.user-management .user-container .user-sidebar .user-list .user-item .user-info .user-email{color:#6c757d;font-size:.85rem;margin-bottom:.25rem}.user-management .user-container .user-sidebar .user-list .user-item .user-info .user-subscription{font-size:.8rem;color:#495057;background:#e9ecef;padding:.2rem .5rem;border-radius:3px;display:inline-block}.user-management .user-container .user-sidebar .user-list .user-item .user-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.user-management .user-container .user-sidebar .user-list .user-item .user-status.active{background-color:#d4edda;color:#28a745}.user-management .user-container .user-sidebar .user-list .user-item .user-status.inactive,.user-management .user-container .user-sidebar .user-list .user-item .user-status.canceled{background-color:#f8d7da;color:#dc3545}.user-management .user-container .user-sidebar .user-list .user-item .user-status.past_due{background-color:#fff3cd;color:#856404}.user-management .user-container .user-sidebar .user-list .no-users{padding:2rem;text-align:center;color:#6c757d;font-style:italic}.user-management .user-container .user-editor{padding:2rem;display:flex;flex-direction:column}.user-management .user-container .user-editor .editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.user-management .user-container .user-editor .editor-header h2{font-size:1.8rem;font-weight:600;color:#2c3e50}.user-management .user-container .user-editor .editor-header .action-buttons{display:flex;gap:.5rem}.user-management .user-container .user-editor .editor-header .action-buttons .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.user-management .user-container .user-editor .editor-header .action-buttons .btn.edit{background-color:#17a2b8;color:#fff}.user-management .user-container .user-editor .editor-header .action-buttons .btn.edit:hover{background-color:#138496}.user-management .user-container .user-editor .editor-header .action-buttons .btn.delete{background-color:#dc3545;color:#fff}.user-management .user-container .user-editor .editor-header .action-buttons .btn.delete:hover{background-color:#c82333}.user-management .user-container .user-editor .editor-content{flex:1;overflow-y:auto}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info,.user-management .user-container .user-editor .editor-content .user-details .subscription-info,.user-management .user-container .user-editor .editor-content .user-details .usage-stats{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info h3,.user-management .user-container .user-editor .editor-content .user-details .subscription-info h3,.user-management .user-container .user-editor .editor-content .user-details .usage-stats h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-label,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-label,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-label{font-weight:600;color:#495057;min-width:140px}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-value,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-value,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-value{color:#2c3e50;text-align:right}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-value.user-type,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-value.user-type,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-value.user-type{background:#e3f2fd;color:#1976d2;padding:.25rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.85rem}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-value.subscription-tier,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-value.subscription-tier,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-value.subscription-tier{background:#e8f5e8;color:#2e7d32;padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.85rem}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-value.status,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-value.status,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-value.status{padding:.25rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.85rem}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-value.status.active,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-value.status.active,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-value.status.active{background-color:#d4edda;color:#28a745}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-value.status.inactive,.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-value.status.canceled,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-value.status.inactive,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-value.status.canceled,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-value.status.inactive,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-value.status.canceled{background-color:#f8d7da;color:#dc3545}.user-management .user-container .user-editor .editor-content .user-details .user-basic-info .detail-row .detail-value.status.past_due,.user-management .user-container .user-editor .editor-content .user-details .subscription-info .detail-row .detail-value.status.past_due,.user-management .user-container .user-editor .editor-content .user-details .usage-stats .detail-row .detail-value.status.past_due{background-color:#fff3cd;color:#856404}.user-management .user-container .user-editor .editor-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.user-management .user-container .user-editor .editor-content .form-group{display:flex;flex-direction:column}.user-management .user-container .user-editor .editor-content .form-group label{font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.9rem}.user-management .user-container .user-editor .editor-content .form-group input,.user-management .user-container .user-editor .editor-content .form-group select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background-color:#fff}.user-management .user-container .user-editor .editor-content .form-group input:focus,.user-management .user-container .user-editor .editor-content .form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.user-management .user-container .user-editor .editor-content .form-group input:disabled,.user-management .user-container .user-editor .editor-content .form-group select:disabled{background-color:#f8f9fa;color:#6c757d}.user-management .user-container .user-editor .editor-content .editor-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e9ecef}.user-management .user-container .user-editor .editor-content .editor-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.user-management .user-container .user-editor .editor-content .editor-actions .btn.cancel{background-color:#6c757d;color:#fff}.user-management .user-container .user-editor .editor-content .editor-actions .btn.cancel:hover{background-color:#5a6268}.user-management .user-container .user-editor .editor-content .editor-actions .btn.save{background-color:#28a745;color:#fff}.user-management .user-container .user-editor .editor-content .editor-actions .btn.save:hover{background-color:#218838}.user-management .user-container .user-editor .no-selection{display:flex;justify-content:center;align-items:flex-start;height:100%}.user-management .user-container .user-editor .no-selection .empty-state{text-align:center;color:#6c757d}.user-management .user-container .user-editor .no-selection .empty-state p{font-size:1.1rem;margin-bottom:1rem}@media (max-width: 1024px){.user-management .user-container{grid-template-columns:300px 1fr}}@media (max-width: 768px){.user-management{padding:1rem}.user-management .user-container{grid-template-columns:1fr;height:auto}.user-management .user-container .user-sidebar{border-right:none;border-bottom:1px solid #e9ecef}.user-management .user-container .user-editor{padding:1rem}.user-management .page-header h1{font-size:2rem}}.unified-detection-interface{padding:20px;height:100vh;display:flex;flex-direction:column;gap:20px;background-color:#f8f9fa}.unified-detection-interface__header{text-align:center;margin-bottom:20px}.unified-detection-interface__header h2{margin:0 0 10px;color:#333;font-size:1.8rem}.unified-detection-interface__header p{margin:0;color:#666;font-size:1rem}.unified-detection-interface__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;gap:20px}.unified-detection-interface__loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.unified-detection-interface__loading p{font-size:1.1rem;color:#666}.unified-detection-interface__empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;text-align:center}.unified-detection-interface__empty h3{color:#333;margin-bottom:15px}.unified-detection-interface__empty p{color:#666;margin-bottom:10px}.unified-detection-interface__stats{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.unified-detection-interface__stats .stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;min-width:120px}.unified-detection-interface__stats .stat-card h3{margin:0 0 10px;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.unified-detection-interface__stats .stat-card .stat-value{font-size:2rem;font-weight:700;color:#333;margin-bottom:5px}.unified-detection-interface__stats .stat-card .stat-label{color:#888;font-size:.8rem}.unified-detection-interface__view-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.unified-detection-interface__view-toggle .view-toggle-btn{padding:10px 20px;border:2px solid #007bff;background:#fff;color:#007bff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.unified-detection-interface__view-toggle .view-toggle-btn.active{background:#007bff;color:#fff}.unified-detection-interface__view-toggle .view-toggle-btn:hover{background:#0056b3;color:#fff}.unified-detection-interface__filters{display:flex;gap:15px;align-items:center;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.unified-detection-interface__filters select,.unified-detection-interface__filters input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.unified-detection-interface__filters select:focus,.unified-detection-interface__filters input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.unified-detection-interface__content{display:flex;gap:20px;flex:1;min-height:0}.unified-detection-interface .visual-interface__page-controls{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;border-left:4px solid #007bff}.unified-detection-interface .visual-interface__page-controls .page-control-info{margin-bottom:15px}.unified-detection-interface .visual-interface__page-controls .page-control-info p{margin:0;color:#666;font-size:14px;line-height:1.4}.unified-detection-interface .visual-interface__page-controls .page-control-buttons{display:flex;gap:15px;justify-content:center}.unified-detection-interface .visual-interface__page-controls .page-control-buttons .btn-lg{padding:12px 24px;font-size:16px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.unified-detection-interface .visual-interface__page-controls .page-control-buttons .btn-lg.btn-success{background-color:#28a745;color:#fff}.unified-detection-interface .visual-interface__page-controls .page-control-buttons .btn-lg.btn-success:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.unified-detection-interface .visual-interface__page-controls .page-control-buttons .btn-lg.btn-danger{background-color:#dc3545;color:#fff}.unified-detection-interface .visual-interface__page-controls .page-control-buttons .btn-lg.btn-danger:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.unified-detection-interface .page-status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-align:center}.unified-detection-interface .page-status-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.unified-detection-interface .page-status-badge.approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.unified-detection-interface .page-status-badge.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.unified-detection-interface__page-list{width:300px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;display:flex;flex-direction:column}.unified-detection-interface__page-list h3{margin:0;padding:15px;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:1.1rem;color:#333}.unified-detection-interface__page-list .page-item{padding:15px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:all .2s}.unified-detection-interface__page-list .page-item:hover{background-color:#f8f9fa}.unified-detection-interface__page-list .page-item.active{background-color:#e3f2fd;border-left:4px solid #2196f3}.unified-detection-interface__page-list .page-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.unified-detection-interface__page-list .page-item__header .page-item__name{font-weight:500;color:#333;font-size:.9rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-detection-interface__page-list .page-item__header .page-item__page{font-size:.8rem;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:12px}.unified-detection-interface__page-list .page-item__stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.unified-detection-interface__page-list .page-item__stats .page-item__detections{font-size:.8rem;color:#666}.unified-detection-interface__page-list .page-item__stats .page-item__status{display:flex;align-items:center;gap:5px;font-size:.8rem;text-transform:capitalize}.unified-detection-interface__page-list .page-item__stats .page-item__status .status-indicator{width:8px;height:8px;border-radius:50%}.unified-detection-interface__page-list .page-item__counts{display:flex;gap:8px;font-size:.7rem}.unified-detection-interface__page-list .page-item__counts .count{padding:2px 6px;border-radius:10px;font-weight:500}.unified-detection-interface__page-list .page-item__counts .count.pending{background:#fff3cd;color:#856404}.unified-detection-interface__page-list .page-item__counts .count.approved{background:#d4edda;color:#155724}.unified-detection-interface__page-list .page-item__counts .count.rejected{background:#f8d7da;color:#721c24}.unified-detection-interface__visual{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;display:flex;flex-direction:column}.unified-detection-interface__visual .visual-interface__header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.unified-detection-interface__visual .visual-interface__header h3{margin:0;color:#333;font-size:1.1rem}.unified-detection-interface__visual .visual-interface__header .visual-interface__controls{display:flex;gap:10px}.unified-detection-interface__visual .visual-interface__batch-controls{display:flex;gap:10px;padding:15px 20px;background:#fff3cd;border-bottom:1px solid #e9ecef}.unified-detection-interface__visual .visual-interface__canvas-container{flex:1;display:flex;justify-content:center;align-items:center;background:#f8f9fa;padding:20px;min-height:400px}.unified-detection-interface__visual .visual-interface__canvas-container .visual-interface__canvas{max-width:100%;max-height:100%;border:1px solid #ddd;border-radius:4px;cursor:crosshair;background:#fff}.unified-detection-interface__visual .visual-interface__detection-list{max-height:300px;overflow-y:auto;border-top:1px solid #e9ecef}.unified-detection-interface__visual .visual-interface__detection-list h4{margin:0;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:1rem;color:#333}.unified-detection-interface__visual .visual-interface__detection-list .detection-item{padding:12px 20px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:all .2s}.unified-detection-interface__visual .visual-interface__detection-list .detection-item:hover{background-color:#f8f9fa}.unified-detection-interface__visual .visual-interface__detection-list .detection-item.selected{background-color:#fff3cd;border-left:4px solid #ffc107}.unified-detection-interface__visual .visual-interface__detection-list .detection-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.unified-detection-interface__visual .visual-interface__detection-list .detection-item__header .detection-item__name{font-weight:500;color:#333;font-size:.9rem}.unified-detection-interface__visual .visual-interface__detection-list .detection-item__header .detection-item__confidence{font-size:.8rem;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:12px}.unified-detection-interface__visual .visual-interface__detection-list .detection-item__header .detection-item__status{font-size:.8rem;font-weight:500;text-transform:capitalize;padding:2px 8px;border-radius:12px}.unified-detection-interface__visual .visual-interface__detection-list .detection-item__controls{display:flex;gap:8px}.unified-detection-interface__visual .visual-interface__empty{flex:1;display:flex;justify-content:center;align-items:center;color:#666;font-size:1.1rem}.unified-detection-interface__list{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.unified-detection-interface__list .list-interface__header{text-align:center;margin-bottom:20px}.unified-detection-interface__list .list-interface__header h3{margin:0 0 10px;color:#333}.unified-detection-interface__list .list-interface__header p{margin:0;color:#666}.unified-detection-interface__list .list-interface__placeholder{display:flex;justify-content:center;align-items:center;height:200px;color:#888;font-style:italic}.unified-detection-interface__error{position:fixed;top:20px;right:20px;background:#f8d7da;color:#721c24;padding:15px;border-radius:4px;border:1px solid #f5c6cb;box-shadow:0 2px 4px #0000001a;z-index:1000;max-width:400px}.unified-detection-interface__error p{margin:0 0 10px}.unified-detection-interface__error button{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.unified-detection-interface__error button:hover{background:#c82333}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;text-decoration:none;display:inline-block;text-align:center}.btn.btn-sm{padding:4px 8px;font-size:12px}.btn.btn-primary{background:#007bff;color:#fff}.btn.btn-primary:hover{background:#0056b3}.btn.btn-secondary{background:#6c757d;color:#fff}.btn.btn-secondary:hover{background:#5a6268}.btn.btn-success{background:#28a745;color:#fff}.btn.btn-success:hover{background:#218838}.btn.btn-danger{background:#dc3545;color:#fff}.btn.btn-danger:hover{background:#c82333}.btn.btn-warning{background:#ffc107;color:#212529}.btn.btn-warning:hover{background:#e0a800}.btn:disabled{opacity:.6;cursor:not-allowed}.detection-list-note{margin:10px 0 15px;padding:10px;background-color:#e7f3ff;border-left:4px solid #007bff;color:#004085;font-size:14px;border-radius:4px}.detection-item.display-only{cursor:default!important}.detection-item.display-only:hover{background-color:#f8f9fa!important}.detection-item.display-only .detection-item__header{margin-bottom:8px}.detection-item.display-only .detection-item__details{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:#666}.detection-item.display-only .detection-item__details .detection-item__bbox{font-family:monospace;background-color:#f8f9fa;padding:2px 6px;border-radius:3px}.detection-item.display-only .detection-item__details .detection-item__origin{text-transform:capitalize;color:#007bff}.detection-item.display-only .detection-item__type{background-color:#e9ecef;color:#6c757d;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}@media (max-width: 1200px){.unified-detection-interface__content{flex-direction:column}.unified-detection-interface__page-list{width:100%;max-height:300px;overflow-y:auto}.unified-detection-interface__stats{flex-wrap:wrap;gap:15px}.unified-detection-interface__filters{flex-wrap:wrap;gap:10px}}@media (max-width: 768px){.unified-detection-interface{padding:10px;gap:15px}.unified-detection-interface__header h2{font-size:1.5rem}.unified-detection-interface__stats .stat-card{min-width:100px;padding:15px}.unified-detection-interface__stats .stat-card .stat-value{font-size:1.5rem}.unified-detection-interface__filters{padding:10px}.unified-detection-interface__view-toggle{flex-direction:column;gap:5px}.unified-detection-interface__view-toggle .view-toggle-btn{width:100%}}.detection-management{padding:2rem}.detection-management__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:1rem}.detection-management__loading .spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.detection-management__loading p{color:#666;font-size:1.1rem}.detection-management__header{margin-bottom:2rem}.detection-management__header h2{margin:0 0 .5rem;color:#2c3e50;font-size:1.8rem}.detection-management__header p{margin:0;color:#7f8c8d;font-size:1rem}.detection-management__filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:end}.detection-management__filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.detection-management__filters .filter-group label{font-weight:500;color:#2c3e50;font-size:.9rem}.detection-management__filters .filter-group select,.detection-management__filters .filter-group input{padding:.5rem;border:1px solid #ddd;border-radius:6px;min-width:150px;font-size:.9rem}.detection-management__filters .filter-group select:focus,.detection-management__filters .filter-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.detection-management__refresh-btn{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.detection-management__refresh-btn:hover{background:#2980b9}.detection-management__list{display:flex;flex-direction:column;gap:1rem}.detection-management__empty{text-align:center;padding:3rem;color:#7f8c8d;font-size:1.1rem}.detection-management__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.detection-management__pagination button{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.detection-management__pagination button:disabled{background:#bdc3c7;cursor:not-allowed}.detection-management__pagination button:not(:disabled):hover{background:#2980b9}.detection-management__pagination span{color:#7f8c8d;font-size:.9rem}.detection-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .2s ease}.detection-card:hover{box-shadow:0 2px 8px #0000001a;border-color:#3498db}.detection-card__info{flex:1}.detection-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.detection-card__header h3{margin:0;color:#2c3e50;font-size:1.2rem}.detection-card__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.detection-card__details p{margin:0;font-size:.9rem;color:#5a6c7d}.detection-card__notes{background:#e8f4fd;padding:1rem;border-radius:6px;margin-bottom:1rem}.detection-card__notes p{margin:0;font-size:.9rem;color:#2c3e50}.detection-card__actions{display:flex;gap:.5rem;margin-top:1rem}.training-controls{padding:2rem}.training-controls__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:1rem}.training-controls__loading .spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.training-controls__loading p{color:#666;font-size:1.1rem}.training-controls__header{margin-bottom:2rem}.training-controls__header h2{margin:0 0 .5rem;color:#2c3e50;font-size:1.8rem}.training-controls__header p{margin:0;color:#7f8c8d;font-size:1rem}.training-status{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.training-status h3{margin:0 0 1rem;color:#2c3e50;font-size:1.3rem}.training-status .status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.training-status .status-card{background:#fff;padding:1.5rem;border-radius:8px;text-align:center;border-left:4px solid #3498db}.training-status .status-card--pending{border-left-color:#f39c12}.training-status .status-card--approved{border-left-color:#27ae60}.training-status .status-card--rejected{border-left-color:#e74c3c}.training-status .status-card h4{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem;font-weight:500}.training-status .status-card .count{font-size:2rem;font-weight:700;color:#2c3e50}.active-sessions{background:#e8f4fd;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.active-sessions h3{margin:0 0 1rem;color:#2c3e50;font-size:1.3rem}.active-sessions .session-card{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.active-sessions .session-card:last-child{margin-bottom:0}.active-sessions .session-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.active-sessions .session-card__header h4{margin:0;color:#2c3e50;font-size:1.1rem}.active-sessions .session-card__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.active-sessions .session-card__details p{margin:0;font-size:.9rem;color:#5a6c7d}.training-params{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.training-params h3{margin:0 0 1rem;color:#2c3e50;font-size:1.3rem}.training-params .params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.training-params .param-group{display:flex;flex-direction:column;gap:.5rem}.training-params .param-group label{font-weight:500;color:#2c3e50;font-size:.9rem}.training-params .param-group input,.training-params .param-group select{padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.training-params .param-group input:focus,.training-params .param-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.training-trigger{text-align:center;margin-bottom:2rem}.training-trigger .btn--large{padding:1rem 2rem;font-size:1.1rem;font-weight:600}.training-trigger .warning-text{margin-top:1rem;color:#e74c3c;font-size:.9rem;font-style:italic}.training-history h3{margin:0 0 1rem;color:#2c3e50;font-size:1.3rem}.training-history .sessions-list{display:flex;flex-direction:column;gap:1rem}.training-history .session-item{background:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.training-history .session-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.training-history .session-item__header h4{margin:0;color:#2c3e50;font-size:1rem}.training-history .session-item__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.training-history .session-item__details p{margin:0;font-size:.9rem;color:#5a6c7d}.training-history .session-item__details p.error-text{color:#e74c3c;grid-column:1/-1}.status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status--pending{background:#fff3cd;color:#856404}.status--approved{background:#d4edda;color:#155724}.status--rejected{background:#f8d7da;color:#721c24}.status--used_in_training{background:#d1ecf1;color:#0c5460}.status--queued{background:#e2e3e5;color:#383d41}.status--running{background:#cce7ff;color:#004085}.status--completed{background:#d4edda;color:#155724}.status--failed{background:#f8d7da;color:#721c24}.btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.btn--primary{background:#3498db;color:#fff}.btn--primary:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.btn--primary:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.btn--approve{background:#27ae60;color:#fff}.btn--approve:hover{background:#229954}.btn--reject{background:#e74c3c;color:#fff}.btn--reject:hover{background:#c0392b}.progress-bar{position:relative;background:#e9ecef;border-radius:10px;height:20px;margin:.5rem 0;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;border-radius:10px;transition:width .3s ease}.progress-bar__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:500;color:#2c3e50}@media (max-width: 768px){.detection-management,.training-controls{padding:1rem}.detection-management__header h2,.training-controls__header h2{font-size:1.5rem}.detection-management__filters,.training-controls__filters{flex-direction:column;align-items:stretch}.detection-management__filters .filter-group,.training-controls__filters .filter-group{width:100%}.detection-management__filters .filter-group select,.detection-management__filters .filter-group input,.training-controls__filters .filter-group select,.training-controls__filters .filter-group input{min-width:auto;width:100%}.detection-card__header{flex-direction:column;align-items:flex-start;gap:.5rem}.detection-card__details{grid-template-columns:1fr}.detection-card__actions{flex-direction:column}.training-status .status-grid,.training-params .params-grid{grid-template-columns:1fr}.session-card__header,.session-item__header{flex-direction:column;align-items:flex-start;gap:.5rem}.session-card__details,.session-item__details{grid-template-columns:1fr}}.data-conversion{padding:20px}.data-conversion__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.data-conversion__title h2{margin:0 0 5px;color:#2c3e50}.data-conversion__title p{margin:0;color:#7f8c8d;font-size:14px}.data-conversion__refresh-btn{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.data-conversion__refresh-btn:hover{background:#2980b9}.data-conversion__refresh-btn:disabled{background:#bdc3c7;cursor:not-allowed}.data-conversion__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.data-conversion__loading .spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.data-conversion__loading p{color:#7f8c8d;margin:0}.data-conversion__status{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #e9ecef}.data-conversion__status h3{margin:0 0 20px;color:#2c3e50}.data-conversion__section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}.data-conversion__section h3{margin:0 0 10px;color:#2c3e50}.data-conversion__section p{margin:0 0 20px;color:#7f8c8d;font-size:14px}.data-conversion__info{background:#e8f4f8;padding:20px;border-radius:8px;border:1px solid #bee5eb}.data-conversion__info h4{margin:0 0 15px;color:#2c3e50}.data-conversion__info ul{margin:0;padding-left:20px}.data-conversion__info ul li{margin-bottom:8px;color:#495057;font-size:14px;line-height:1.4}.conversion-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:end}.conversion-controls .form-group{display:flex;flex-direction:column}.conversion-controls .form-group label{font-size:14px;font-weight:500;color:#2c3e50;margin-bottom:5px}.conversion-controls .form-group input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.conversion-controls .form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.conversion-controls .form-group input:disabled{background:#f8f9fa;color:#6c757d}.convert-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.convert-btn.primary{background:#27ae60;color:#fff}.convert-btn.primary:hover{background:#229a56}.convert-btn.secondary{background:#f39c12;color:#fff}.convert-btn.secondary:hover{background:#e67e22}.convert-btn:disabled{background:#bdc3c7;cursor:not-allowed}.annotation-tool{padding:20px;max-width:1200px;margin:0 auto}.annotation-tool__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.annotation-tool__title h2{margin:0 0 5px;color:#2c3e50;font-size:24px}.annotation-tool__title p{margin:0;color:#7f8c8d;font-size:16px}.annotation-tool__progress{text-align:right;min-width:300px}.annotation-tool__progress .progress-stats{display:flex;gap:20px;justify-content:flex-end;margin-bottom:10px}.annotation-tool__progress .progress-stats .stat{display:flex;flex-direction:column;align-items:center}.annotation-tool__progress .progress-stats .stat__value{font-size:24px;font-weight:700;color:#2c3e50}.annotation-tool__progress .progress-stats .stat__label{font-size:12px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.annotation-tool__progress .progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.annotation-tool__progress .progress-bar__fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease}.annotation-tool__main{margin-bottom:30px}.annotation-tool__navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #e9ecef}.annotation-tool__navigation .nav-btn{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.annotation-tool__navigation .nav-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.annotation-tool__navigation .nav-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.annotation-tool__navigation .nav-info{font-size:14px;color:#7f8c8d;font-weight:500}.annotation-tool__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px}.annotation-tool__loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.annotation-tool__loading p{color:#7f8c8d;margin:0;font-size:16px}.annotation-tool__empty{text-align:center;padding:60px 40px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.annotation-tool__empty h3{margin:0 0 15px;color:#2c3e50;font-size:20px}.annotation-tool__empty p{margin:0 0 10px;color:#7f8c8d;font-size:16px;line-height:1.5}.annotation-tool__empty p:last-child{margin-bottom:0}.annotation-tool .detection-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.annotation-tool .detection-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.annotation-tool .detection-card__header .detection-info{flex:1}.annotation-tool .detection-card__header .detection-info h3{margin:0 0 15px;color:#2c3e50;font-size:22px;font-weight:600}.annotation-tool .detection-card__header .detection-info .detection-meta{display:flex;flex-wrap:wrap;gap:20px}.annotation-tool .detection-card__header .detection-info .detection-meta .meta-item{font-size:14px;color:#5a6c7d}.annotation-tool .detection-card__header .detection-info .detection-meta .meta-item strong{color:#2c3e50}.annotation-tool .detection-card__header .detection-status .status-badge{padding:8px 16px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.annotation-tool .detection-card__details{margin-bottom:25px}.annotation-tool .detection-card__details .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.annotation-tool .detection-card__details .detail-grid .detail-item{font-size:14px;color:#5a6c7d}.annotation-tool .detection-card__details .detail-grid .detail-item strong{color:#2c3e50;margin-right:5px}.annotation-tool .detection-card__details .admin-notes{background:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #3498db;font-size:14px;color:#5a6c7d}.annotation-tool .detection-card__details .admin-notes strong{color:#2c3e50}.annotation-tool .detection-card__actions .approval-actions{display:flex;gap:15px;justify-content:center}.annotation-tool .detection-card__actions .approval-actions .btn{padding:12px 30px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease;min-width:120px}.annotation-tool .detection-card__actions .approval-actions .btn--approve{background:#27ae60;color:#fff}.annotation-tool .detection-card__actions .approval-actions .btn--approve:hover:not(:disabled){background:#229954;transform:translateY(-1px)}.annotation-tool .detection-card__actions .approval-actions .btn--reject{background:#e74c3c;color:#fff}.annotation-tool .detection-card__actions .approval-actions .btn--reject:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.annotation-tool .detection-card__actions .approval-actions .btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.annotation-tool .detection-card__actions .status-info{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px;color:#5a6c7d;font-size:14px}.annotation-tool .detection-card__actions .status-info span{margin-right:10px}.annotation-tool .detection-card__actions .status-info span:last-child{margin-right:0}@media (max-width: 768px){.annotation-tool{padding:15px}.annotation-tool__header{flex-direction:column;gap:20px}.annotation-tool__header .detection-info .detection-meta{flex-direction:column;gap:10px}.annotation-tool__progress{min-width:auto;width:100%}.annotation-tool__progress .progress-stats{justify-content:center}.annotation-tool__navigation{flex-direction:column;gap:15px}.annotation-tool__navigation .nav-btn{width:100%;max-width:200px}.annotation-tool .detection-card{padding:20px}.annotation-tool .detection-card__header{flex-direction:column;gap:15px}.annotation-tool .detection-card__header .detection-info .detection-meta{flex-direction:column;gap:10px}.annotation-tool .detection-card__details .detail-grid{grid-template-columns:1fr}.annotation-tool .detection-card__actions .approval-actions{flex-direction:column}.annotation-tool .detection-card__actions .approval-actions .btn{width:100%}}.export-management{padding:2rem;max-width:1200px;margin:0 auto}.export-management .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:1rem}.export-management .loading-state .spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.export-management .loading-state p{color:#666;font-size:1.1rem}.export-management__header{margin-bottom:3rem;text-align:center}.export-management__header h2{margin:0 0 .5rem;color:#2c3e50;font-size:2.2rem;font-weight:600}.export-management__header p{margin:0;color:#7f8c8d;font-size:1.1rem}.export-stats{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e8ed}.export-stats h3{margin:0 0 1.5rem;color:#2c3e50;font-size:1.5rem;font-weight:600}.export-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.export-stats .stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 4px 12px #667eea4d}.export-stats .stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f093fb4d}.export-stats .stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d}.export-stats .stat-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 12px #43e97b4d}.export-stats .stat-card .stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.export-stats .stat-card .stat-label{font-size:.9rem;opacity:.9;font-weight:500}.export-stats .class-distribution{background:#f8f9fa;border-radius:8px;padding:1.5rem;border:1px solid #e9ecef}.export-stats .class-distribution h4{margin:0 0 1rem;color:#495057;font-size:1.2rem}.export-stats .class-distribution .class-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.export-stats .class-distribution .class-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem 1rem;border-radius:6px;border:1px solid #dee2e6}.export-stats .class-distribution .class-item .class-name{font-weight:500;color:#495057}.export-stats .class-distribution .class-item .class-count{background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;min-width:30px;text-align:center}.create-export{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e8ed}.create-export h3{margin:0 0 1.5rem;color:#2c3e50;font-size:1.5rem;font-weight:600}.create-export .export-form{max-width:500px}.create-export .export-form .form-group{margin-bottom:1.5rem}.create-export .export-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057}.create-export .export-form .form-group input[type=text]{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.create-export .export-form .form-group input[type=text]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.create-export .export-form .form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.create-export .export-form .form-group .checkbox-label input[type=checkbox]{margin:0}.create-export .export-form .create-export-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #28a7454d}.create-export .export-form .create-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.create-export .export-form .create-export-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.create-export .export-form .no-data-message{margin-top:1rem;padding:1rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.9rem}.export-list{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e8ed}.export-list h3{margin:0 0 1.5rem;color:#2c3e50;font-size:1.5rem;font-weight:600}.export-list .no-exports{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.export-list .exports-table .table-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:6px;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;margin-bottom:.5rem}.export-list .exports-table .table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #dee2e6;align-items:center;transition:background-color .2s ease}.export-list .exports-table .table-row:hover{background:#f8f9fa}.export-list .exports-table .table-row:last-child{border-bottom:none}.export-list .exports-table .table-row .export-name{font-weight:500;color:#495057}.export-list .exports-table .table-row .export-size,.export-list .exports-table .table-row .export-date{color:#6c757d;font-size:.9rem}.export-list .exports-table .table-row .export-actions{display:flex;gap:.5rem}.export-list .exports-table .table-row .export-actions button{padding:.4rem .8rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:500}.export-list .exports-table .table-row .export-actions button.download-btn{background:#007bff;color:#fff}.export-list .exports-table .table-row .export-actions button.download-btn:hover{background:#0056b3;transform:translateY(-1px)}.export-list .exports-table .table-row .export-actions button.delete-btn{background:#dc3545;color:#fff}.export-list .exports-table .table-row .export-actions button.delete-btn:hover{background:#c82333;transform:translateY(-1px)}.export-instructions{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e8ed}.export-instructions h3{margin:0 0 1.5rem;color:#2c3e50;font-size:1.5rem;font-weight:600}.export-instructions .instructions-content p{color:#495057;line-height:1.6;margin-bottom:1rem}.export-instructions .instructions-content .code-block{background:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:8px;margin:1.5rem 0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.export-instructions .instructions-content .code-block code{font-size:.9rem;line-height:1.5;white-space:pre-wrap}@media (max-width: 768px){.export-management{padding:1rem}.export-management__header h2{font-size:1.8rem}.export-stats .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.export-stats .stat-card{padding:1rem}.export-stats .stat-card .stat-number{font-size:2rem}.export-stats .class-distribution .class-list{grid-template-columns:1fr}.export-list .exports-table .table-header,.export-list .exports-table .table-row{grid-template-columns:1fr;gap:.5rem;text-align:left}.export-list .exports-table .table-header{display:none}.export-list .exports-table .table-row{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem;border:1px solid #dee2e6}.export-list .exports-table .table-row .export-name:before{content:"Name: ";font-weight:600;color:#495057}.export-list .exports-table .table-row .export-size:before{content:"Size: ";font-weight:600;color:#495057}.export-list .exports-table .table-row .export-date:before{content:"Created: ";font-weight:600;color:#495057}.export-list .exports-table .table-row .export-actions{margin-top:.5rem;justify-content:flex-start}.export-list .exports-table .table-row .export-actions button{flex:1;max-width:100px}.export-instructions .instructions-content .code-block{font-size:.8rem;padding:1rem}}.admin-panel{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.admin-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.admin-panel__loading .spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.admin-panel__loading p{color:#666;font-size:1.1rem}.admin-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.admin-panel__title h1{margin:0;color:#2c3e50;font-size:2.5rem;font-weight:700}.admin-panel__title p{margin:.5rem 0 0;color:#7f8c8d;font-size:1.1rem}.admin-panel__back-btn{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-panel__back-btn:hover{background:#2980b9;transform:translateY(-1px)}.admin-panel__tabs{display:flex;background:#fff;border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.admin-panel__tab{flex:1;background:transparent;border:none;padding:1rem 2rem;font-size:1rem;font-weight:500;color:#7f8c8d;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-panel__tab.active{background:#3498db;color:#fff;box-shadow:0 2px 4px #3498db4d}.admin-panel__tab:not(.active):hover{background:#ecf0f1;color:#2c3e50}.admin-panel__content{background:#fff;border-radius:12px;min-height:600px;box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.admin-panel{padding:1rem}.admin-panel__header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-panel__title h1{font-size:2rem}.admin-panel__tabs{flex-direction:column}.admin-panel__tabs .admin-panel__tab{text-align:center}}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.App{min-height:100vh;height:auto;width:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#fff8f5;color:#2a1f1d}.mobile-notice{position:fixed;top:0;left:0;right:0;background-color:#f98344;color:#2a1f1d;text-align:center;padding:14px;z-index:1000;font-size:12px;font-family:Satoshi-Regular;box-shadow:0 2px 4px #0003;display:block}@media screen and (min-width: 48rem){.mobile-notice{display:none}}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.measurement-app{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#fff;background-size:cover;color:#333;overflow:hidden;position:relative;bottom:20px}@media screen and (max-width: 425px){.measurement-app{bottom:30px}}.disclaimer{position:fixed;font-size:.75rem;color:#2a1f1d;text-align:center;opacity:.7;bottom:0;width:100%;background-color:#f5f5f5}@media screen and (max-width: 425px){.disclaimer{font-size:.6rem}}.main-content{flex:1;display:flex;position:relative;overflow:hidden;background-color:#f5f5f5;padding:1rem;justify-content:center;align-items:flex-start}.canvas-container{position:relative;overflow:hidden;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 120px);justify-content:center}.action-buttons{position:fixed;bottom:1.5rem;left:1rem;display:flex;gap:.8rem}.action-buttons .save-button{padding:10px 20px;background:#2b2d42;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;margin-right:10px}.action-buttons .save-button:hover{background:#1a1b2e;color:#fff}.action-buttons .save-button:active{transform:translateY(1px)}.action-buttons button{padding:.6rem 1.2rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;font-size:.9rem;transition:all .2s ease}.action-buttons button:hover{background-color:#f5f5f5}.cursor-measurement{position:fixed;background-color:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;pointer-events:none;z-index:1000;transform:translate(-50%,-100%);margin-top:-10px;box-shadow:0 2px 4px #0003;white-space:nowrap;font-weight:500;letter-spacing:.3px}@media (prefers-color-scheme: dark){.measurement-app{background-color:#1a1a1a;color:#fff}.canvas-container{background-color:#2d2d2d;border-color:#3d3d3d}.unit-selector select:hover{background-color:#3d3d3d;color:#2a1f1d}}@media (max-width: 768px){.canvas-container{width:100%;max-width:100%}.action-buttons{bottom:4rem;right:1rem;left:1rem;justify-content:center}}.konvajs-content{margin:0 auto!important}.custom-toast{background:#fff;color:#2a1f1d;font-size:14px;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10000}.custom-toast svg{color:#50c878}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.measurements-panel{position:fixed;display:flex;flex-direction:column;right:0;width:300px;background-color:#fff;border-left:1px solid #e0e0e0;padding:1rem;height:100vh;height:-webkit-fill-available;overflow-y:auto;transition:right .3s ease-in-out;box-shadow:-2px 0 10px #0000001a}.measurements-panel.hidden{right:-300px}.measurements-panel__panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #b2b1b1;color:#2a1f1d}.measurements-panel__panel-header h3{margin:0;font-size:1.4em;font-family:Satoshi-Bold,sans-serif}.measurements-panel__panel-header .hide-button{padding:8px 12px;background-color:#e5e7eb4d;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:.9em;font-family:Satoshi-Medium,sans-serif;display:flex;align-items:center;gap:5px}.measurements-panel__panel-header .hide-button:hover{background-color:#f0f0f0}.measurements-panel .panel-body{flex-grow:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;overflow-x:hidden}.measurements-panel .panel-footer{position:sticky;bottom:0;z-index:1;padding:1rem 0 0;margin-top:.5rem;border-top:1px solid #e0e0e0;background-color:#fff;flex-shrink:0}.measurements-panel .panel-footer__clear-all-button{padding:1rem 0;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:1rem;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d;transition:background-color .2s,color .2s}.measurements-panel .panel-footer__clear-all-button:hover{background-color:#ffebee;color:#ef4444}.measurements-panel .panel-footer__clear-all-button svg{font-size:1.5rem}.measurements-panel .panel-footer__clear-project-button{padding:1rem 0;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:1rem;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d;transition:background-color .2s,color .2s}.measurements-panel .panel-footer__clear-project-button:hover{background-color:#ffebee;color:#ef4444}.measurements-panel .panel-footer__clear-project-button svg{font-size:1.5rem}.measurements-panel .empty-state{display:flex;flex-direction:column;text-align:center;color:#6b7280;margin-top:40px;padding:30px;background-color:#e5e7eb4d;border-radius:10px;border:2px dashed #e0e0e0}.measurements-panel .empty-state .empty-title{font-size:1.2em;font-family:Satoshi-Medium,sans-serif;margin-bottom:10px}.measurements-panel .empty-state .empty-subtitle{font-size:.9em;color:#6b7280}.show-measurements-button{position:fixed;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,#ffbe56,#f98344);color:#2a1f1d;border:none;border-radius:6px 0 0 6px;padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:-2px 0 8px #0000001a;transition:all .2s ease}.show-measurements-button:hover{background:linear-gradient(270deg,#ffbe56,#f98344)}.show-measurements-button .button-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:Satoshi-Medium,sans-serif}.show-measurements-button .button-icon{font-family:Satoshi-Bold,sans-serif;font-size:1.2em}.page-group{margin-bottom:1rem}.page-group__header{font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif;font-size:1rem}.measurement-item{background-color:#fff;padding:15px;margin-bottom:10px;border-radius:5px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s ease;border-left:4px solid var(--measurement-color, #000)}.measurement-item[data-color]{--measurement-color: attr(data-color)}.measurement-item.hovered{transform:scale(1.02);box-shadow:0 4px 8px #00000026}.measurement-item .measurement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.measurement-item .measurement-header .measurement-index{font-family:Satoshi-Medium,sans-serif;font-size:1rem}.measurement-item .measurement-header .measurement-actions{display:flex;align-items:center;gap:10px}.measurement-item .measurement-header .measurement-actions .measurement-timestamp{color:#6b7280;font-size:.875rem;font-family:Satoshi-Regular,sans-serif}.measurement-item .measurement-header .measurement-actions .delete-button{background:none;border:none;cursor:pointer;display:flex;align-items:center}.measurement-item .measurement-header .measurement-actions .delete-button svg{color:#6b7280;font-size:1.5rem}.measurement-item .measurement-header .measurement-actions .delete-button svg:hover{color:#ef4444}.measurement-item .measurement-details{color:var(--measurement-color, #2a1f1d);display:flex;flex-direction:column}.measurement-item .measurement-details .measurement-label{font-weight:700}.measurement-item .measurement-details__sub{display:flex;justify-content:space-between;width:100%}.measurement-item .measurement-details .measurement-value{margin-top:5px;width:90%}.measurement-item .measurement-details .measurement-segments{font-size:1rem;color:#666;margin-top:5px;max-width:90%}.measurement-item .measurement-details .measurement-segments .segments-count{margin-bottom:4px}.measurement-item .measurement-details .measurement-segments .segments-list{white-space:normal}.measurement-item .measurement-details .measurement-segments .segment-index{padding-right:8px;color:#888;display:inline-block;white-space:nowrap}.measurement-item .location-button{display:flex;background:none;border:none;cursor:pointer;align-items:flex-end;justify-content:flex-end;width:10%}.measurement-item .location-button svg{color:#6b7280;font-size:1.5rem}.measurement-item .location-button svg:hover{color:#2a1f1d}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.app-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:3.5rem 24px 12px;display:flex;justify-content:space-between;column-gap:1rem;align-items:center;box-shadow:0 2px 4px #2a1f1d0d}@media screen and (max-width: 425px){.app-header{padding:5rem 24px 12px}}@media screen and (min-width: 48rem){.app-header{padding:12px 24px}}.header-left{display:flex;align-items:center;gap:12px;cursor:pointer}.header-left .logo{height:40px;width:auto;object-fit:contain}.header-left h1{margin:0;font-size:24px;color:#2a1f1d;font-family:Questa,sans-serif;font-weight:600;display:flex;align-items:center;gap:8px}.header-left h1 span{color:#2a1f1d}.header-right{display:flex;align-items:center;gap:1rem;padding-top:20px}.header-right .controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.header-right .controls .scale-controls{display:flex;flex-direction:column;gap:8px;background-color:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e0e0e0}.header-right .controls .scale-controls .scale-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.header-right .controls .scale-controls .scale-top-row .toggle-advanced-scale{background-color:transparent;border:none;color:#f98344;cursor:pointer;font-size:12px;padding:0;text-decoration:underline;font-family:Satoshi-Regular,sans-serif}.header-right .controls .scale-controls .scale-top-row .toggle-advanced-scale:hover{color:#e67a3d}.header-right .controls .scale-controls .simple-scale{display:flex;align-items:center;gap:8px}.header-right .controls .scale-controls .advanced-scale{display:flex;flex-direction:column;gap:8px}.header-right .controls .scale-controls .advanced-scale .cross-conversion{display:flex;align-items:center;gap:8px}.header-right .controls .scale-controls .advanced-scale .cross-conversion span,.header-right .controls .scale-controls .tool-label{color:#2a1f1d;font-family:Satoshi-Medium,sans-serif}.header-right .controls .scale-controls .scale-input{width:60px;padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;text-align:center;background-color:#fff;color:#2a1f1d;font-family:Satoshi-Regular,sans-serif}.header-right .controls .scale-controls .unit-select{padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;color:#2a1f1d;font-family:Satoshi-Regular,sans-serif}.header-right .controls .tool-button-wrapper{position:relative;display:inline-block}.header-right .controls .tool-button-wrapper .tool-button{background-color:#fff;color:#2a1f1d;border:1px solid #e0e0e0;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;box-shadow:0 2px 4px #2a1f1d0d;position:relative;z-index:1;font-family:Satoshi-Regular,sans-serif}.header-right .controls .tool-button-wrapper .tool-button.active{background:linear-gradient(90deg,#ffbe56,#f98344);color:#2a1f1d;font-family:Satoshi-Medium,sans-serif}.header-right .controls .tool-button-wrapper .tool-button:hover{background-color:#f8f9fa}.header-right .controls .tool-button-wrapper .tool-button:hover.active{background:#f98344}.header-right .controls .tool-button-wrapper .done-button{background:#f98344;color:#2a1f1d;font-family:Satoshi-Medium,sans-serif;border:none}.header-right .controls .tool-button-wrapper .done-button:hover{background:#e67a3d}.header-right .controls .tool-button-wrapper .done-button:disabled{background-color:#ccc;cursor:not-allowed}.header-right .controls .tool-button-wrapper .deselect-button{position:absolute;top:-8px;right:-8px;background-color:#f8f9fa;border:1px solid #ffffff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2a1f1d0d;font-size:12px;color:#2a1f1d;z-index:2}.header-right .controls .drawing-tools{display:flex;position:relative;align-items:center;gap:12px;margin-left:12px;overflow:visible}.header-right .controls .drawing-tools .width-slider{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;outline:none}.header-right .controls .drawing-tools .width-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#4a90e2;border-radius:50%;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.header-right .controls .tool-group{display:flex;align-items:center;gap:16px}.header-right .controls .tool-group .zoom-controls{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;transition:all .2s ease;height:36px}.header-right .controls .tool-group .zoom-controls .zoom-button{background-color:#fff;padding:.4rem .8rem;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:1.5rem;font-family:Satoshi-Regular,sans-serif;color:#2a1f1d;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.header-right .controls .tool-group .zoom-controls .zoom-button:hover{background-color:#f8f9fa}.header-right .controls .tool-group .zoom-controls .zoom-button:disabled{background-color:#f0f0f0;cursor:not-allowed;color:#999}.header-right .controls .tool-group .zoom-controls .zoom-value{min-width:60px;text-align:center;color:#2a1f1d}.header-right .controls .tool-group .zoom-controls .zoom-box{width:60px;padding:4px;margin-right:-13px;margin-left:-13px;font-size:1.1rem;font-family:Satoshi-Regular,sans-serif;border:none;border-radius:4px;text-align:center;outline:none}.header-right .controls.tools-disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.header-right .controls.tools-disabled .tool-button,.header-right .controls.tools-disabled .color-picker,.header-right .controls.tools-disabled .width-slider{cursor:not-allowed!important}.header-right .sidebar-toggle{background-color:#fff;border:1px solid #e0e0e0;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-weight:500;box-shadow:0 2px 4px #2a1f1d0d}.header-right .sidebar-toggle:hover{background-color:#f8f9fa}.header-right .sidebar-toggle span{color:#2a1f1d}.project-selection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.project-selection-modal{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:#2b2d42;font-size:1.5rem}.modal-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.modal-header .close-button:hover{color:#333}.search-container{padding:15px 20px;border-bottom:1px solid #eee}.search-container .search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-container .search-input:focus{outline:none;border-color:#2b2d42}.projects-list{flex:1;overflow-y:auto;padding:20px}.projects-list .loading,.projects-list .no-projects{text-align:center;color:#666;padding:20px}.project-item{padding:15px;border:1px solid #eee;border-radius:6px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.project-item:hover{background-color:#f8f9fa;border-color:#2b2d42}.project-item .project-info h3{margin:0 0 5px;color:#2b2d42;font-size:1.1rem;display:flex;align-items:center;gap:8px}.project-item .project-info h3 .draft-badge{background-color:#ffa726;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:400}.project-item .project-info p{margin:0 0 10px;color:#666;font-size:.9rem}.project-item .project-info .project-date{font-size:.8rem;color:#999}.modal-footer{padding:20px;border-top:1px solid #eee;text-align:center}.modal-footer .create-new-button{background-color:#2b2d42;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.modal-footer .create-new-button:hover{background-color:#1a1b2e}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.page-navigation{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.8rem;background-color:#fff;font-family:Satoshi-Regular,sans-serif;border-bottom:1px solid #e0e0e0;width:100%}.page-navigation button{padding:.6rem 1.2rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;color:#2a1f1d;cursor:pointer;font-size:.9rem;transition:all .2s ease}.page-navigation button:not(:disabled):hover{background-color:#f5f5f5}.page-navigation button:disabled{opacity:.5;cursor:not-allowed}.page-navigation span{font-family:Satoshi-Regular;color:#666}.page-change{color:#666;display:flex;justify-content:right;align-items:e d;gap:1rem;padding:.4rem;border:1px solid #e0e0e0;width:6%;border-radius:4px;padding:.6rem 1.2rem;font-family:Satoshi-Regular}@media (prefers-color-scheme: dark){.page-navigation{background-color:#2d2d2d;border-color:#3d3d3d}.page-navigation button,.page-change,.page-navigation span{background-color:#2d2d2d;border-color:#3d3d3d;color:#fff}.page-navigation button:hover{background-color:#3d3d3d;color:#2a1f1d}}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}.object-detection{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10}.object-detection .welcome-message{position:absolute;top:20px;left:20px;z-index:9998;background:linear-gradient(90deg,#ffbe56,#f98344);color:#5c3b30;padding:20px;border-radius:12px;box-shadow:0 10px 40px #667eea4d;max-width:320px;animation:slideInLeft .5s ease-out;pointer-events:auto}.object-detection .welcome-message .welcome-content{text-align:center}.object-detection .welcome-message .welcome-content h3{margin:0 0 10px;font-size:18px;font-weight:600}.object-detection .welcome-message .welcome-content p{margin:0 0 15px;font-size:14px;line-height:1.4;opacity:.9}.object-detection .welcome-message .welcome-content .get-started-btn{background:#fff;color:#667eea;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;pointer-events:auto}.object-detection .welcome-message .welcome-content .get-started-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 10px 40px #00000026}50%{box-shadow:0 10px 40px #667eea66}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #667eea66}50%{transform:scale(1.05);box-shadow:0 0 20px #667eea99}to{transform:scale(1);box-shadow:0 0 10px #667eea66}}.object-detection__panel{display:flex;flex-direction:column;position:absolute;top:150px;left:10px;width:350px;max-height:calc(100vh - 170px);background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:9999;overflow:hidden;transition:left .3s ease-in-out;pointer-events:auto}.object-detection__panel.hidden{left:-500px}.object-detection__panel__header{background:linear-gradient(90deg,#ffbe56,#f98344);color:#5c3b30;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.object-detection__panel__header h3{margin:0;font-size:18px;font-family:Satoshi-Medium,sans-serif}.object-detection__panel__header .hide-button{padding:8px 12px;background:#fff0;border:1px solid #4a3a36;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#4a3a36;font-size:.9em;font-family:Satoshi-Medium,sans-serif;display:flex;align-items:center;gap:5px}.object-detection__panel__header .hide-button:hover{background:#ffffff4d}.object-detection__panel__header__close{background:none;border:none;color:#5c3b30;cursor:pointer;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;pointer-events:auto}.object-detection__panel__header__close:hover{background:#fff3}.object-detection__panel .detection-methods{background:#f8f9ff;border-bottom:1px solid #e8eeff}.object-detection__panel .detection-methods .method-tabs{display:flex}.object-detection__panel .detection-methods .method-tabs .method-tab{flex:1;background:transparent;border:none;padding:16px 8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;border-bottom:3px solid transparent;background:#fff;color:#6b7280}.object-detection__panel .detection-methods .method-tabs .method-tab .tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.object-detection__panel .detection-methods .method-tabs .method-tab .tab-icon svg{transition:all .2s ease}.object-detection__panel .detection-methods .method-tabs .method-tab .tab-text{font-size:12px;font-family:Satoshi-Medium,sans-serif}.object-detection__panel .detection-methods .method-tabs .method-tab:hover{color:#2a1f1d;background:#e5e7eb4d}.object-detection__panel .detection-methods .method-tabs .method-tab.active{background:#fff;border-bottom-color:#f98344;color:#e67a3d}.object-detection__panel .detection-methods .method-tabs .method-tab.active .tab-text{font-family:Satoshi-Bold,sans-serif}.object-detection__panel .ai-detection-content,.object-detection__panel .custom-objects-content{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.object-detection__panel .ai-detection-content .method-description,.object-detection__panel .custom-objects-content .method-description{margin-bottom:20px;text-align:center}.object-detection__panel .ai-detection-content .method-description h4,.object-detection__panel .custom-objects-content .method-description h4{margin:0 0 8px;font-size:16px;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d}.object-detection__panel .ai-detection-content .method-description p,.object-detection__panel .custom-objects-content .method-description p{margin:0;font-size:13px;color:#6b7280;font-family:Satoshi-Regular,sans-serif}.object-detection__panel .ai-detection-content h5,.object-detection__panel .custom-objects-content h5{margin:0 0 12px;font-size:14px;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d}.object-detection__panel .ai-detection-content .section-header{margin-bottom:16px;text-align:left}.object-detection__panel .ai-detection-content .section-header h4{margin:0 0 6px;font-size:16px;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d}.object-detection__panel .ai-detection-content .detection-results-section{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:12px;border:1px solid #e1e8ed;box-shadow:0 2px 8px #0000000d}.object-detection__panel .ai-detection-content .detection-results-section .section-header{margin-bottom:16px}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-header span{font-size:13px;color:#6b7280;font-weight:500}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-header .filter-actions{display:flex;gap:6px}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-header .filter-actions .action-btn{padding:4px 8px;font-size:11px;font-weight:500;border:1px solid #e1e8ed;background:#fff;color:#2a1f1d;border-radius:6px;cursor:pointer;transition:all .2s ease}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-header .filter-actions .action-btn:hover{border-color:#f98344;background:#e5e7eb;color:#f98344}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items{display:flex;flex-wrap:wrap;gap:8px}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:2px solid #e1e8ed;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;min-width:120px}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item.visible{border-color:#27ae60;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item.visible .item-name{color:#fff;font-weight:600}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item.visible .item-count{background:#fff3;color:#fff}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item.hidden{border-color:#e74c3c;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;opacity:.7}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item.hidden .item-name{color:#fff;font-weight:600}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item.hidden .item-count{background:#fff3;color:#fff}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item .item-toggle-circle{width:18px;height:18px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item .item-toggle-circle.checked .checkmark svg{width:12px;height:12px;color:#fff}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item .item-name{flex:1;font-size:13px;font-weight:500;color:#2c3e50;text-transform:capitalize}.object-detection__panel .ai-detection-content .detection-results-section .results-filter .filter-items .filter-item .item-count{background:#ecf0f1;color:#7f8c8d;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;min-width:18px;text-align:center}.object-detection__panel .ai-detection-content .manual-selection-section{padding:20px;background:#e5e7eb33;border-radius:12px;border:1px solid rgba(229,231,235,.5)}.object-detection__panel .ai-detection-content .manual-selection-section .manual-mode-indicator{margin-bottom:16px;padding:16px;background:#50c8784d;border-radius:10px;color:#2a1f1d}.object-detection__panel .ai-detection-content .manual-selection-section .manual-mode-indicator .indicator-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.object-detection__panel .ai-detection-content .manual-selection-section .manual-mode-indicator .indicator-content .indicator-text{flex:1;font-size:14px;font-family:Satoshi-Regular,sans-serif;min-width:200px}.object-detection__panel .ai-detection-content .manual-selection-section .manual-mode-indicator .indicator-content .cancel-manual-btn{background:#fffc;color:#2a1f1d;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-family:Satoshi-Medium,sans-serif;cursor:pointer;transition:all .2s ease}.object-detection__panel .ai-detection-content .manual-selection-section .manual-mode-indicator .indicator-content .cancel-manual-btn:hover{background:#fff}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid .manual-label-card{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000014}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid .manual-label-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid .manual-label-card.selected{align-items:center;background:linear-gradient(90deg,#ffbe56,#f98344);color:#4a3a36;transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid .manual-label-card.selected .label-name{font-family:Satoshi-Medium,sans-serif}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid .manual-label-card .label-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid .manual-label-card .label-name{flex:1;font-size:13px;font-weight:500;color:#2a1f1d;text-transform:capitalize}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid .manual-label-card .selection-indicator{display:flex;align-items:center}.object-detection__panel .ai-detection-content .manual-selection-section .manual-labels-grid .manual-label-card .selection-indicator svg{height:16px;width:16px}.object-detection__panel .ai-detection-content .confidence-section{padding:20px;background:#e5e7eb33;border-radius:12px;border:1px solid rgba(229,231,235,.5)}.object-detection__panel .ai-detection-content .confidence-section .confidence-tip{margin-bottom:16px}.object-detection__panel .ai-detection-content .confidence-section .confidence-tip p{margin:0;padding:4px 10px;background:#fff;border-radius:6px;font-size:12px;font-family:Satoshi-Regular,sans-serif;color:#6b7280;text-align:center}.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-family:Satoshi-Medium,sans-serif;color:#2a1f1d}.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .slider-label .slider-value{font-size:14px;font-family:Satoshi-Medium,sans-serif;color:#f98344;background:#fff;padding:4px 12px;border-radius:20px;border:2px solid #f98344;box-shadow:0 2px 6px #667eea33}.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .confidence-range{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#e74c3c,#f39c12,#27ae60);outline:none;cursor:pointer;-webkit-appearance:none;margin-bottom:12px}.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .confidence-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #f98344;cursor:pointer;box-shadow:0 3px 10px #667eea4d;transition:all .2s ease}.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .confidence-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 15px #667eea66}.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .confidence-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #f98344;cursor:pointer;box-shadow:0 3px 10px #667eea4d}.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#6b7280}.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .slider-labels .min-label,.object-detection__panel .ai-detection-content .confidence-section .confidence-control .confidence-slider-container .slider-labels .max-label{text-align:center}.object-detection__panel .ai-detection-content .detection-controls-section{padding:20px;background:#e5e7eb33;border-radius:12px;border:1px solid rgba(229,231,235,.5)}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons{display:flex;flex-direction:column;gap:12px}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detection-button-group{display:flex;flex-direction:column;gap:8px}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress{background:#e5e7eb1a;border:1px solid rgba(229,231,235,.3);border-radius:12px;padding:16px;margin-top:8px;animation:slideInDown .3s ease-out}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-header .progress-title{font-family:Satoshi-Medium,sans-serif;font-size:14px;color:#2a1f1d;font-weight:600}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-header .progress-counter{font-family:Satoshi-Regular,sans-serif;font-size:12px;color:#6b7280;background:#f983441a;padding:4px 8px;border-radius:6px;border:1px solid rgba(249,131,68,.2)}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-bar-container{width:100%;height:8px;background:#e5e7eb4d;border-radius:4px;overflow:hidden;margin-bottom:12px;position:relative}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-bar-container .progress-bar-fill{height:100%;background:linear-gradient(90deg,#f98344,#ffbe56);border-radius:4px;transition:width .5s ease-out;position:relative}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-bar-container .progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-pages{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-pages .progress-page{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:10px;font-family:Satoshi-Medium,sans-serif;font-weight:600;transition:all .3s ease;border:1px solid transparent}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-pages .progress-page.pending{background:#e5e7eb33;color:#6b7280;border-color:#e5e7eb66}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-pages .progress-page.processing{background:linear-gradient(90deg,#ffbe56,#f98344);color:#4a3a36;border-color:#f98344;animation:pulse 1.5s infinite;box-shadow:0 0 10px #f9834466}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .document-detection-progress .progress-pages .progress-page.completed{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border-color:#27ae60;transform:scale(.9)}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;cursor:pointer;transition:all .3s ease;font-family:Satoshi-Medium,sans-serif}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn.large{padding:18px 24px;font-size:16px}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn.primary{background:linear-gradient(90deg,#ffbe56,#f98344);color:#4a3a36;box-shadow:0 4px 15px #2a1f1d33}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2a1f1d4d}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn.primary svg{width:18px;height:18px}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn.secondary{background:#fffc;color:#2a1f1d;box-shadow:0 4px 15px #95a5a64d}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #95a5a666}.object-detection__panel .ai-detection-content .detection-controls-section .detection-buttons .detect-btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid white;animation:spin 1s linear infinite}.object-detection__panel .ai-detection-content .detection-controls-section .save-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px 0;background:none;border-radius:6px;color:#6b7280}.object-detection__panel .ai-detection-content .detection-controls-section .save-status small{font-size:12px}.object-detection__panel .ai-detection-content .no-labels-state{padding:20px;background:#e5e7eb33;border-radius:12px;border:1px solid rgba(229,231,235,.5)}.object-detection__panel .ai-detection-content .no-labels-state p{color:#6b7280;font-family:Satoshi-Regular,sans-serif;font-size:12px}.object-detection__panel .custom-objects-content .create-object-section{margin-bottom:20px}.object-detection__panel .custom-objects-content .create-object-section .create-instructions{margin-bottom:12px}.object-detection__panel .custom-objects-content .create-object-section .create-instructions .instruction-step{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.object-detection__panel .custom-objects-content .create-object-section .create-instructions .instruction-step .step-number{background:#667eea;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.object-detection__panel .custom-objects-content .create-object-section .create-instructions .instruction-step p{margin:0;font-size:12px;color:#2c3e50;line-height:1.4}.object-detection__panel .custom-objects-content .create-object-section .selection-status .status-indicator{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f39c12;border-radius:6px}.object-detection__panel .custom-objects-content .create-object-section .selection-status .status-indicator .status-icon{font-size:16px}.object-detection__panel .custom-objects-content .create-object-section .selection-status .status-indicator .status-text{font-size:12px;color:#8b4513;font-weight:500}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list{display:flex;flex-direction:column;gap:12px}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item{background:#f8f9ff;border:1px solid #e1e8ed;border-radius:8px;padding:12px;transition:all .2s ease}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-header .object-color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-header .object-info{flex:1}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-header .object-info .object-name{display:block;font-weight:600;color:#2c3e50;font-size:13px;margin-bottom:2px}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-header .object-info .object-type-badge{display:inline-block;background:#ecf0f1;color:#7f8c8d;padding:1px 5px;border-radius:8px;font-size:10px;font-weight:500;text-transform:uppercase}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-image-preview{margin-bottom:10px;display:flex;justify-content:center}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-image-preview .cropped-image{max-width:100px;max-height:60px;border-radius:4px;border:1px solid #e1e8ed;object-fit:contain;background:#f8f9fa}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-image-preview .no-image-placeholder{width:100px;height:60px;background:#f8f9fa;border:1px dashed #bdc3c7;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8c8d}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-image-preview .no-image-placeholder span{font-size:18px;margin-bottom:2px}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-image-preview .no-image-placeholder p{margin:0;font-size:10px;font-weight:500}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-actions{margin-bottom:6px}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-actions .action-btn.small{width:100%;padding:8px 12px;font-size:12px}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-details{text-align:center}.object-detection__panel .custom-objects-content .created-objects-section .custom-objects-list .custom-object-item .object-details small{color:#7f8c8d;font-size:10px;font-weight:500}.object-detection__panel .custom-objects-content .no-custom-objects-state{text-align:center;padding:20px;color:#7f8c8d}.object-detection__panel .custom-objects-content .no-custom-objects-state .no-objects-icon{font-size:32px;margin-bottom:12px}.object-detection__panel .custom-objects-content .no-custom-objects-state h5{color:#2c3e50;margin-bottom:8px}.object-detection__panel .custom-objects-content .no-custom-objects-state p{margin:0 0 8px;font-size:13px}.object-detection__panel .custom-objects-content .no-custom-objects-state p.hint{font-size:12px;color:#95a5a6;font-style:italic}.object-detection__panel .action-btn{border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.object-detection__panel .action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.object-detection__panel .action-btn.primary{background:#667eea;color:#fff}.object-detection__panel .action-btn.primary:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.object-detection__panel .action-btn.secondary{background:#ecf0f1;color:#2c3e50}.object-detection__panel .action-btn.secondary:hover:not(:disabled){background:#d5dbdb}.object-detection .selection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;pointer-events:auto;z-index:20}.object-detection .selection-overlay .selection-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff0000e6;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;pointer-events:none}.object-detection .selection-overlay .selection-rect{position:absolute;border:2px dashed #ff0000;background:#ff00001a;pointer-events:none}.object-detection .selection-overlay .selection-rect .selection-size{position:absolute;top:-25px;left:0;background:#ff0000e6;color:#fff;padding:2px 6px;font-size:11px;border-radius:3px;white-space:nowrap}.object-detection .manual-detection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;pointer-events:auto;z-index:20;background:#00000003}.object-detection .manual-detection-overlay .manual-detection-indicator{position:absolute;top:10px;left:10px;background:linear-gradient(90deg,#ffbe56,#f98344);color:#4a3a36;padding:4px 8px;font-size:14px;font-family:Satoshi-Medium,sans-serif;border-radius:4px;pointer-events:none;z-index:100}.object-detection .manual-detection-overlay .manual-detection-rect{position:absolute;border:3px solid #f98344;background:#0096ff1a;pointer-events:none;z-index:25}.object-detection .manual-detection-overlay .manual-detection-rect .manual-detection-label{position:absolute;top:-25px;left:0;background:#f98344cc;color:#4a3a36;padding:2px 6px;font-size:11px;font-family:Satoshi-Regular,sans-serif;border-radius:3px;white-space:nowrap;pointer-events:none}.object-detection .object-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:auto}.object-detection .object-modal-overlay .object-modal{background:#fff;border-radius:12px;padding:24px;width:400px;max-width:90vw;box-shadow:0 20px 60px #0000004d;pointer-events:auto}.object-detection .object-modal-overlay .object-modal h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.object-detection .object-modal-overlay .object-modal .modal-content .form-group{margin-bottom:20px}.object-detection .object-modal-overlay .object-modal .modal-content .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.object-detection .object-modal-overlay .object-modal .modal-content .form-group select,.object-detection .object-modal-overlay .object-modal .modal-content .form-group input[type=text]{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s ease}.object-detection .object-modal-overlay .object-modal .modal-content .form-group select:focus,.object-detection .object-modal-overlay .object-modal .modal-content .form-group input[type=text]:focus{outline:none;border-color:#667eea}.object-detection .object-modal-overlay .object-modal .modal-content .form-group select.readonly,.object-detection .object-modal-overlay .object-modal .modal-content .form-group input[type=text].readonly{background:#f8f9fa;color:#666}.object-detection .object-modal-overlay .object-modal .modal-content .form-group .form-help{margin-top:8px;font-size:12px;color:#6b7280;line-height:1.4}.object-detection .object-modal-overlay .object-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end}.object-detection .object-modal-overlay .object-modal .modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.object-detection .object-modal-overlay .object-modal .modal-actions button:first-child{background:#e0e0e0;color:#666}.object-detection .object-modal-overlay .object-modal .modal-actions button:first-child:hover:not(:disabled){background:#d0d0d0}.object-detection .object-modal-overlay .object-modal .modal-actions button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.object-detection .object-modal-overlay .object-modal .modal-actions button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.object-detection .object-modal-overlay .object-modal .modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.object-detection .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2147483647;pointer-events:auto}.object-detection .loading-overlay .loading-spinner{background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 20px 60px #0000004d}.object-detection .loading-overlay .loading-spinner .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #f98344;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.object-detection .loading-overlay .loading-spinner p{margin:0;color:#6b7280;font-size:16px;font-family:Satoshi-Medium,sans-serif}@media (max-width: 768px){.object-detection .welcome-message{position:relative;top:0;left:0;margin-bottom:15px;max-width:100%}.object-detection__panel{position:relative;top:0;left:0;width:100%;max-height:none;margin-bottom:10px}.object-detection__panel .existing-objects-section .objects-grid{max-height:150px}.object-detection__panel .manual-selection-controls .object-types-grid{grid-template-columns:repeat(3,1fr)}.object-detection .object-modal-overlay .object-modal{width:95vw;padding:20px}.object-detection .object-modal-overlay .object-modal .modal-actions{flex-direction:column}.object-detection .object-modal-overlay .object-modal .modal-actions button{width:100%}}.show-detection-button{position:fixed;left:0;top:50%;transform:translateY(-50%);background:linear-gradient(270deg,#ffbe56,#f98344);color:#2a1f1d;border:none;border-radius:0 6px 6px 0;padding:12px 16px;cursor:pointer;z-index:1000;display:flex;align-items:center;gap:8px;box-shadow:-2px 0 8px #0000001a;transition:all .2s ease;pointer-events:auto;z-index:9999}.show-detection-button:hover{background:linear-gradient(90deg,#ffbe56,#f98344)}.show-detection-button .button-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:Satoshi-Medium,sans-serif}.show-detection-button .button-icon{font-family:Satoshi-Bold,sans-serif;font-size:1.2em}.object-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.object-modal-overlay .object-modal{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow:hidden}.object-modal-overlay .object-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e8ed;background:#f8f9fa}.object-modal-overlay .object-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.object-modal-overlay .object-modal .modal-header .close-button{background:none;border:none;font-size:24px;color:#7f8c8d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.object-modal-overlay .object-modal .modal-header .close-button:hover{background:#ecf0f1;color:#34495e}.object-modal-overlay .object-modal .modal-body{padding:20px}.object-modal-overlay .object-modal .modal-body .form-group{margin-bottom:20px}.object-modal-overlay .object-modal .modal-body .form-group:last-child{margin-bottom:0}.object-modal-overlay .object-modal .modal-body .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#2c3e50}.object-modal-overlay .object-modal .modal-body .form-group select,.object-modal-overlay .object-modal .modal-body .form-group input[type=text]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.object-modal-overlay .object-modal .modal-body .form-group select:focus,.object-modal-overlay .object-modal .modal-body .form-group input[type=text]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.object-modal-overlay .object-modal .modal-body .form-group select.readonly,.object-modal-overlay .object-modal .modal-body .form-group input[type=text].readonly{background:#f8f9fa;color:#7f8c8d}.object-modal-overlay .object-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e1e8ed;background:#f8f9fa}.object-modal-overlay .object-modal .modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.object-modal-overlay .object-modal .modal-actions button:disabled{opacity:.6;cursor:not-allowed}.object-modal-overlay .object-modal .modal-actions button.btn-secondary{background:#95a5a6;color:#fff}.object-modal-overlay .object-modal .modal-actions button.btn-secondary:hover:not(:disabled){background:#7f8c8d}.object-modal-overlay .object-modal .modal-actions button.btn-primary{background:#3498db;color:#fff}.object-modal-overlay .object-modal .modal-actions button.btn-primary:hover:not(:disabled){background:#2980b9}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1500}.loading-overlay .loading-content{background:#fff;padding:40px;border-radius:8px;text-align:center;box-shadow:0 20px 60px #0000004d}.loading-overlay .loading-content .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #f98344;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-overlay .loading-content p{margin:0;color:#6b7280;font-size:16px;font-family:Satoshi-Medium,sans-serif}@media (max-width: 768px){.object-detection-panel{width:100%;left:-100%;transition:left .3s ease}.object-detection-panel.open{left:0}.object-detection-toggle{left:10px;top:120px}.object-detection-toggle .toggle-btn{padding:10px 14px;font-size:13px}.modal-overlay .modal{width:95%;margin:20px}}.detection-results-section{background:#e5e7eb33;border-bottom:1px solid #e5e7eb;padding:16px}.detection-results-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.detection-results-section .section-header h4{margin:0;color:#2a1f1d;font-size:16px;font-family:Satoshi-Medium,sans-serif}.detection-results-section .section-header .total-count{display:flex;align-items:center;gap:6px}.detection-results-section .section-header .total-count .count-badge{background:#f98344cc;color:#4a3a36;padding:2px 8px;border-radius:12px;font-size:12px;font-family:Satoshi-Medium,sans-serif;min-width:24px;text-align:center}.detection-results-section .section-header .total-count .count-label{color:#6b7280;font-size:12px;font-family:Satoshi-Regular,sans-serif}.detection-results-section .results-filter .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:#6b7280;font-family:Satoshi-Regular,sans-serif}.detection-results-section .results-filter .filter-header .filter-actions{display:flex;gap:8px}.detection-results-section .results-filter .filter-header .filter-actions .action-btn{background:#fff;border:1px solid #e5e7eb;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;color:#6b7280;transition:all .2s ease}.detection-results-section .results-filter .filter-header .filter-actions .action-btn:hover{color:#2a1f1d;background:#e5e7eb;border-color:#e5e7eb}.detection-results-section .results-filter .filter-items{display:flex;flex-direction:column;gap:6px}.detection-results-section .results-filter .filter-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .15s ease}.detection-results-section .results-filter .filter-item:hover{background:#f8f9fa;border-color:#f98344bf;transform:translateY(-1px);box-shadow:0 2px 8px #007bff26}.detection-results-section .results-filter .filter-item.hidden{opacity:.6}.detection-results-section .results-filter .filter-item .item-toggle-circle{width:20px;height:20px;border-radius:50%;border:2px solid;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.detection-results-section .results-filter .filter-item .item-toggle-circle.checked .checkmark{color:#fff;display:flex;align-items:center;justify-content:center}.detection-results-section .results-filter .filter-item .item-toggle-circle.checked .checkmark svg{height:12px;width:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.detection-results-section .results-filter .filter-item .item-toggle-circle.unchecked{background:transparent}.detection-results-section .results-filter .filter-item .item-toggle-circle.unchecked:hover{background:#0000000d}.detection-results-section .results-filter .filter-item .item-name{flex:1;color:#6b7280;font-size:14px;font-family:Satoshi-Regular,sans-serif;text-transform:capitalize}.detection-results-section .results-filter .filter-item .item-count{font-size:12px;font-family:Satoshi-Medium,sans-serif;padding:2px 7px;border-radius:10px;min-width:22px;text-align:center}.detection-results-section .results-filter .filter-item.visible .item-count{background:#f9834466;color:#4a3a36}.detection-results-section .results-filter .filter-item.hidden .item-count{background:#f9834433;color:#4a3a36b3}.available-labels-section{margin-bottom:20px;padding:16px;background:#e5e7eb33;border:1px solid #e9ecef;border-radius:8px}.available-labels-section h5{margin:0 0 12px;color:#2a1f1d;font-size:14px;font-family:Satoshi-Medium,sans-serif}.available-labels-section .labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}.available-labels-section .labels-grid .label-card{display:flex;align-items:center;padding:8px 12px;background:#e5e7eb4d;border-radius:6px;border-left:4px solid;transition:all .2s ease;cursor:pointer;position:relative}.available-labels-section .labels-grid .label-card:hover:not(.disabled){background:#f9834413;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.available-labels-section .labels-grid .label-card.selected{background:#50c87833!important;border:2px solid #50c878;font-weight:700}.available-labels-section .labels-grid .label-card.selected .manual-mode-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:14px;display:flex;align-items:center;color:#50c878}.available-labels-section .labels-grid .label-card.selected .manual-mode-indicator svg{width:16px;height:16px;transition:all .2s ease}.available-labels-section .labels-grid .label-card.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.available-labels-section .labels-grid .label-card .label-color{width:12px;height:12px;border-radius:50%;margin-right:8px;flex-shrink:0}.available-labels-section .labels-grid .label-card .label-name{font-size:14px;font-weight:500;color:#333;flex:1}.available-labels-section .labels-instruction{font-size:13px;color:#5c3b30;margin:8px 0;padding:8px 12px;background:#f9834433;border-radius:4px;border-left:3px solid #e67a3d}.available-labels-section .manual-mode-info{margin-top:12px;padding:12px;background:#f9834433;border-radius:6px;border:1px solid #f98344;display:flex;align-items:center;gap:8px}.available-labels-section .manual-mode-info p{color:#6b7280;font-family:Satoshi-Regular,sans-serif;font-size:12px}.available-labels-section .manual-mode-info .info-icon{font-size:16px;display:flex;align-items:center;color:#6b7280}.available-labels-section .manual-mode-info .info-icon svg{transition:all .2s ease}.available-labels-section .manual-mode-info .cancel-manual-btn{margin-left:auto;padding:4px 12px;background:#ef4444e6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.available-labels-section .manual-mode-info .cancel-manual-btn:hover{background:#ef4444}@font-face{font-family:Questa;src:url(../assets/fonts/Questa-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Bold;src:url(../assets/fonts/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi-Medium;src:url(../assets/fonts/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi-Regular;src:url(../assets/fonts/Satoshi-Regular.otf) format("opentype")}@font-face{font-family:"Inter-Medium(500)";src:url(../assets/fonts/Inter_18pt-Medium.ttf) format("opentype")}@font-face{font-family:"Inter-SemiBold(600)";src:url(../assets/fonts/Inter_18pt-SemiBold.ttf) format("opentype")}@font-face{font-family:Bebas;src:url(../assets/fonts/BebasNeue-Regular.ttf) format("opentype")}:root{background-color:#fff8f5}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;font-family:Satoshi-Regular,Arial,Helvetica,sans-serif}.dropzone{width:100%;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;border:3px dashed #4a90e2;border-radius:8px;background-color:#fffffff2;transition:all .3s ease;z-index:0;margin:0 auto;position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.dropzone.dragging{border-color:#2a6fc9;background-color:#f0f7ff;box-shadow:0 0 15px #4a90e24d;transform:scale(1.01)}.dropzone-content{text-align:center;color:#2a1f1d;padding:2rem;width:100%;max-width:500px;margin:0 auto;background-color:#ffffffe6;border-radius:8px;box-shadow:0 4px 12px #0000001a}.dropzone-content h2{margin:0 0 1rem;font-size:1.4rem;color:#333;font-weight:500}.dropzone-content p{margin:.5rem 0;font-size:1rem;color:#666}.file-types{font-size:.9rem;color:#999;margin-top:1.5rem;padding:.5rem 1rem;background-color:#f8f9fa;border-radius:4px;display:inline-block}.dropzone-scale{margin-top:20px;padding:10px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.dropzone-scale p{margin:0;color:#666;font-size:14px}.dropzone.dropzone-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}@media (prefers-color-scheme: dark){.dropzone{background-color:#2d2d2d;border-color:#3d3d3d}.dropzone-content h2{color:#2a1f1d}.dropzone-content p{color:#6b7280}.file-types{color:#999}}:root{--surface-1: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border-1: #e2e8f0;--border-2: #cbd5e1;--text-1: #0f172a;--text-2: #475569;--text-3: #64748b;--text-4: #94a3b8;--blue-50: #eff6ff;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--amber-50: #fffbeb;--amber-500: #f59e0b;--amber-600: #d97706;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: all .15s ease}.detection-panel{min-height:100vh;background:var(--surface-2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-1)}.detection-panel .loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:24px}.detection-panel .loading-screen .loading-spinner{width:32px;height:32px;border:2px solid var(--border-1);border-top:2px solid var(--blue-500);border-radius:50%;animation:spin 1s linear infinite}.detection-panel .loading-screen p{color:var(--text-2);font-weight:500}.panel-header{background:var(--surface-1);border-bottom:1px solid var(--border-1);padding:32px 24px}.panel-header .header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.panel-header .header-content .title-section h1{font-size:28px;font-weight:700;color:var(--text-1);margin:0 0 8px;letter-spacing:-.025em}.panel-header .header-content .title-section p{color:var(--text-2);font-size:16px;margin:0}.panel-header .header-content .back-button{background:var(--surface-1);color:var(--text-2);border:1px solid var(--border-1);padding:12px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:var(--transition);cursor:pointer}.panel-header .header-content .back-button:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--border-2)}.panel-navigation{background:var(--surface-1);border-bottom:1px solid var(--border-1);padding:0 24px;display:flex;gap:32px}.panel-navigation .nav-tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:16px 0;font-size:14px;font-weight:500;color:var(--text-3);cursor:pointer;transition:var(--transition)}.panel-navigation .nav-tab:hover{color:var(--text-1)}.panel-navigation .nav-tab.active{color:var(--blue-600);border-bottom-color:var(--blue-600)}.panel-content{max-width:1200px;margin:0 auto;padding:32px 24px}.detection-review{display:flex;flex-direction:column;gap:24px}.detection-review .loading-state,.detection-review .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.detection-review .loading-state .loading-spinner,.detection-review .empty-state .loading-spinner{width:32px;height:32px;border:2px solid var(--border-1);border-top:2px solid var(--blue-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.detection-review .loading-state h3,.detection-review .empty-state h3{font-size:18px;font-weight:600;color:var(--text-1);margin:0 0 8px}.detection-review .loading-state p,.detection-review .empty-state p{color:var(--text-2);margin:0 0 24px}.detection-review .loading-state .refresh-button,.detection-review .loading-state .debug-button,.detection-review .empty-state .refresh-button,.detection-review .empty-state .debug-button{background:var(--blue-500);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transition);margin-right:12px}.detection-review .loading-state .refresh-button:hover,.detection-review .loading-state .debug-button:hover,.detection-review .empty-state .refresh-button:hover,.detection-review .empty-state .debug-button:hover{background:var(--blue-600)}.detection-review .loading-state .debug-button,.detection-review .loading-state .inspect-button,.detection-review .empty-state .debug-button,.detection-review .empty-state .inspect-button{background:var(--amber-500)}.detection-review .loading-state .debug-button:hover,.detection-review .loading-state .inspect-button:hover,.detection-review .empty-state .debug-button:hover,.detection-review .empty-state .inspect-button:hover{background:var(--amber-600)}.detection-review .stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detection-review .stats-overview .stat-item{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:20px;text-align:center}.detection-review .stats-overview .stat-item .stat-value{display:block;font-size:24px;font-weight:700;color:var(--text-1);line-height:1;margin-bottom:4px}.detection-review .stats-overview .stat-item .stat-label{font-size:13px;color:var(--text-3);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.detection-review .tab-navigation{display:flex;gap:8px;margin:24px 0;padding:0 8px;border-bottom:1px solid var(--border-1)}.detection-review .tab-navigation .tab-button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;border:none;border-radius:8px 8px 0 0;background:var(--surface-2);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;min-width:120px}.detection-review .tab-navigation .tab-button:hover:not(.active){background:var(--surface-3);color:var(--text-1)}.detection-review .tab-navigation .tab-button.active{background:var(--surface-1);color:var(--primary);border:1px solid var(--border-1);border-bottom:1px solid var(--surface-1);margin-bottom:-1px;font-weight:600}.detection-review .tab-navigation .tab-button.active .tab-count{background:var(--primary);color:#fff}.detection-review .tab-navigation .tab-button .tab-label{font-size:14px}.detection-review .tab-navigation .tab-button .tab-count{background:var(--surface-3);color:var(--text-2);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:24px;text-align:center}.detection-review .filters-panel{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.detection-review .filters-panel .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detection-review .filters-panel .filter-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-1)}.detection-review .filters-panel .filter-header .reset-filters-btn{padding:6px 12px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.detection-review .filters-panel .filter-header .reset-filters-btn:hover{background:var(--surface-3);color:var(--text-1)}.detection-review .filters-panel .filter-grid{display:flex;gap:16px;align-items:end}.detection-review .filters-panel .filter-grid .filter-group{flex:1}.detection-review .filters-panel .filter-grid .filter-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-1)}.detection-review .filters-panel .filter-grid .filter-group select{width:100%;padding:8px 12px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface-2);color:var(--text-1);font-size:14px}.detection-review .filters-panel .filter-grid .filter-group select:focus{outline:none;border-color:var(--primary)}.detection-review .filters-panel .filter-grid .filter-actions .apply-filters-btn{padding:8px 16px;border:none;border-radius:6px;background:var(--primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.detection-review .filters-panel .filter-grid .filter-actions .apply-filters-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.detection-review .review-container{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden;display:flex;min-height:80vh}.detection-review .review-container .detection-sidebar{width:280px;background:var(--surface-2);border-right:1px solid var(--border-1);display:flex;flex-direction:column;flex-shrink:0}.detection-review .review-container .detection-sidebar .sidebar-header{padding:20px;border-bottom:1px solid var(--border-1);background:var(--surface-1)}.detection-review .review-container .detection-sidebar .sidebar-header h4{font-size:16px;font-weight:600;color:var(--text-1);margin:0 0 16px}.detection-review .review-container .detection-sidebar .sidebar-header .sidebar-actions{display:flex;gap:8px}.detection-review .review-container .detection-sidebar .sidebar-header .sidebar-actions .sidebar-action-btn{flex:1;padding:8px 12px;border:1px solid var(--border-1);border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition)}.detection-review .review-container .detection-sidebar .sidebar-header .sidebar-actions .sidebar-action-btn:hover{background:var(--blue-500);color:#fff;border-color:var(--blue-500)}.detection-review .review-container .detection-sidebar .sidebar-content{flex:1;padding:12px;overflow-y:auto}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item:hover{background:var(--blue-50);border-color:var(--blue-500);transform:translate(2px);box-shadow:var(--shadow-sm)}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item.hidden{opacity:.6;background:var(--surface-3)}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item.hidden .sidebar-color-dot{border-style:dashed}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item.hidden .sidebar-item-name{text-decoration:line-through;color:var(--text-3)}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item .sidebar-color-dot{width:20px;height:20px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item .sidebar-color-dot .dot-checkmark{color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item .sidebar-item-content{flex:1;display:flex;justify-content:space-between;align-items:center}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item .sidebar-item-content .sidebar-item-name{font-size:14px;font-weight:500;color:var(--text-1);text-transform:capitalize}.detection-review .review-container .detection-sidebar .sidebar-content .sidebar-item .sidebar-item-content .sidebar-item-count{background:var(--blue-500);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;min-width:24px;text-align:center}.detection-review .review-container .review-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.detection-review .review-container .review-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-1);background:var(--surface-1)}.detection-review .review-container .review-header .position-info{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.detection-review .review-container .review-header .position-info .current{color:var(--blue-600);font-weight:700}.detection-review .review-container .review-header .position-info .separator{color:var(--text-4)}.detection-review .review-container .review-header .position-info .total{color:var(--text-2)}.detection-review .review-container .review-header .navigation-controls{display:flex;gap:8px}.detection-review .review-container .review-header .navigation-controls .nav-button{background:var(--surface-1);color:var(--text-1);border:1px solid var(--border-1);padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.detection-review .review-container .review-header .navigation-controls .nav-button:hover:not(:disabled){background:var(--blue-500);color:#fff;border-color:var(--blue-500)}.detection-review .review-container .review-header .navigation-controls .nav-button:disabled{opacity:.5;cursor:not-allowed}.detection-review .review-container .detection-info{padding:20px;border-bottom:1px solid var(--border-1)}.detection-review .review-container .detection-info .info-header h3{font-size:18px;font-weight:600;color:var(--text-1);margin:0 0 16px}.detection-review .review-container .detection-info .info-header .detection-summary .objects-list{color:var(--text-2);font-size:14px;font-weight:500}.detection-review .review-container .detection-info .info-header .detection-summary .no-objects{color:var(--text-3);font-style:italic;font-size:14px}.detection-review .review-container .image-viewer{flex:1;display:flex;flex-direction:column;overflow:hidden}.detection-review .review-container .image-viewer .image-controls{padding:16px 20px;border-bottom:1px solid var(--border-1);background:var(--surface-2)}.detection-review .review-container .image-viewer .image-controls .zoom-controls{display:flex;align-items:center;gap:12px}.detection-review .review-container .image-viewer .image-controls .zoom-controls .zoom-button,.detection-review .review-container .image-viewer .image-controls .zoom-controls .reset-button{padding:8px 12px;border:1px solid var(--border-1);border-radius:var(--radius);background:var(--surface-1);color:var(--text-1);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.detection-review .review-container .image-viewer .image-controls .zoom-controls .zoom-button:hover:not(:disabled),.detection-review .review-container .image-viewer .image-controls .zoom-controls .reset-button:hover:not(:disabled){background:var(--blue-500);color:#fff;border-color:var(--blue-500)}.detection-review .review-container .image-viewer .image-controls .zoom-controls .zoom-button:disabled,.detection-review .review-container .image-viewer .image-controls .zoom-controls .reset-button:disabled{opacity:.5;cursor:not-allowed}.detection-review .review-container .image-viewer .image-controls .zoom-controls .zoom-level{font-size:14px;font-weight:500;color:var(--text-2);min-width:60px;text-align:center}.detection-review .review-container .image-viewer .canvas-container{flex:1;overflow:hidden;position:relative;background:var(--surface-3)}.detection-review .review-container .image-viewer .canvas-container .canvas-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.detection-review .review-container .image-viewer .canvas-container .canvas-wrapper .detection-canvas{max-width:100%;max-height:100%;border-radius:var(--radius);box-shadow:var(--shadow-md)}.detection-review .review-container .action-panel{padding:24px;border-top:1px solid var(--border-1);background:var(--surface-1)}.detection-review .review-container .action-panel .review-status-display{display:flex;align-items:center;gap:16px}.detection-review .review-container .action-panel .review-status-display .status-indicator{padding:8px 12px;border-radius:var(--radius-md);font-weight:600;font-size:14px}.detection-review .review-container .action-panel .review-status-display .status-indicator.approved{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.detection-review .review-container .action-panel .review-status-display .status-indicator.rejected{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.detection-review .review-container .action-panel .review-status-display .toggle-button{padding:10px 20px;border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-1);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition)}.detection-review .review-container .action-panel .review-status-display .toggle-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-3)}.detection-review .review-container .action-panel .review-status-display .toggle-button:disabled{opacity:.6;cursor:not-allowed}.detection-review .review-container .action-panel .review-status-display .delete-button{padding:10px 12px;border:1px solid var(--error-border);border-radius:var(--radius-md);background:var(--error-bg);color:var(--error-text);font-size:16px;cursor:pointer;transition:all var(--transition)}.detection-review .review-container .action-panel .review-status-display .delete-button:hover:not(:disabled){background:var(--error);color:#fff}.detection-review .review-container .action-panel .review-status-display .delete-button:disabled{opacity:.6;cursor:not-allowed}.detection-review .review-container .action-panel .review-actions{display:flex!important;gap:12px;justify-content:center;align-items:center;width:100%;padding:8px 0}.detection-review .review-container .action-panel .review-actions .action-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px;visibility:visible!important;opacity:1!important}.detection-review .review-container .action-panel .review-actions .action-btn:disabled{opacity:.6;cursor:not-allowed}.detection-review .review-container .action-panel .review-actions .action-btn.approve-btn{background:#10b981;color:#fff}.detection-review .review-container .action-panel .review-actions .action-btn.approve-btn:hover:not(:disabled){background:#059669}.detection-review .review-container .action-panel .review-actions .action-btn.reject-btn{background:#ef4444;color:#fff}.detection-review .review-container .action-panel .review-actions .action-btn.reject-btn:hover:not(:disabled){background:#dc2626}.detection-review .review-container .action-panel .review-actions .action-btn.delete-btn{background:#f59e0b;color:#fff;min-width:50px;padding:12px 16px;font-size:16px}.detection-review .review-container .action-panel .review-actions .action-btn.delete-btn:hover:not(:disabled){background:#d97706}.detection-review .review-container .delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog{background:var(--surface-1);border:1px solid var(--border-1);border-radius:16px;padding:0;max-width:480px;width:90%;box-shadow:0 20px 40px #00000026;animation:slideUp .3s ease-out;overflow:hidden}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid var(--border-1)}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-header .warning-icon{font-size:48px;margin-bottom:12px;display:block}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-1)}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-content{padding:24px}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-content .warning-text{margin:0 0 20px;color:var(--text-2);line-height:1.5;text-align:center}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-content .deletion-details{background:var(--surface-2);border:1px solid var(--border-1);border-radius:12px;padding:16px}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-content .deletion-details .detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-content .deletion-details .detail-item:not(:last-child){border-bottom:1px solid var(--border-1)}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-content .deletion-details .detail-item .detail-label{font-weight:500;color:var(--text-2);font-size:14px}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-content .deletion-details .detail-item .detail-value{font-weight:600;color:var(--text-1);font-size:14px}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-actions .btn-cancel{padding:12px 24px;border:1px solid var(--border-2);border-radius:8px;background:var(--surface-2);color:var(--text-1);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-actions .btn-cancel:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-3)}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-actions .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-actions .btn-delete{padding:12px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-actions .btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-actions .btn-delete:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.detection-review .review-container .delete-confirm-overlay .delete-confirm-dialog .dialog-actions .btn-delete .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.export-manager{display:flex;flex-direction:column;gap:24px}.export-manager .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.export-manager .loading-state .loading-spinner{width:32px;height:32px;border:2px solid var(--border-1);border-top:2px solid var(--blue-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.export-manager .loading-state p{color:var(--text-2);font-weight:500}.export-manager .manager-header{text-align:center}.export-manager .manager-header h2{font-size:24px;font-weight:700;color:var(--text-1);margin:0 0 8px;letter-spacing:-.025em}.export-manager .manager-header p{color:var(--text-2);font-size:16px;margin:0}.export-manager .export-overview .overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.export-manager .export-overview .overview-grid .overview-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:20px;transition:var(--transition)}.export-manager .export-overview .overview-grid .overview-card:hover{box-shadow:var(--shadow-md)}.export-manager .export-overview .overview-grid .overview-card .card-content{text-align:center}.export-manager .export-overview .overview-grid .overview-card .card-content .card-value{font-size:28px;font-weight:700;color:var(--text-1);line-height:1;margin-bottom:4px;display:block}.export-manager .export-overview .overview-grid .overview-card .card-content .card-label{font-size:13px;color:var(--text-3);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.export-manager .export-overview .overview-grid .overview-card.approved{border-left:4px solid var(--green-500)}.export-manager .export-overview .overview-grid .overview-card.pending{border-left:4px solid var(--amber-500)}.export-manager .export-overview .overview-grid .overview-card.rejected{border-left:4px solid var(--red-500)}.export-manager .export-overview .overview-grid .overview-card.classes{border-left:4px solid var(--blue-500)}.export-manager .export-overview .class-overview{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:20px}.export-manager .export-overview .class-overview h3{font-size:16px;font-weight:600;color:var(--text-1);margin:0 0 16px}.export-manager .export-overview .class-overview .class-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.export-manager .export-overview .class-overview .class-list .class-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--surface-2);border-radius:var(--radius)}.export-manager .export-overview .class-overview .class-list .class-item .class-name{font-weight:500;color:var(--text-1)}.export-manager .export-overview .class-overview .class-list .class-item .class-count{background:var(--blue-500);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.export-manager .create-section,.export-manager .exports-section,.export-manager .instructions-section{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:24px}.export-manager .create-section .section-header,.export-manager .exports-section .section-header,.export-manager .instructions-section .section-header{margin-bottom:20px}.export-manager .create-section .section-header h3,.export-manager .exports-section .section-header h3,.export-manager .instructions-section .section-header h3{font-size:18px;font-weight:600;color:var(--text-1);margin:0 0 4px}.export-manager .create-section .section-header p,.export-manager .exports-section .section-header p,.export-manager .instructions-section .section-header p{color:var(--text-2);margin:0}.export-manager .export-form .form-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:20px}.export-manager .export-form .form-row .form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-1);margin-bottom:6px;text-transform:uppercase;letter-spacing:.025em}.export-manager .export-form .form-row .form-group input{width:100%;padding:12px;border:1px solid var(--border-1);border-radius:var(--radius);font-size:14px;transition:var(--transition)}.export-manager .export-form .form-row .form-group input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.export-manager .export-form .form-row .form-group.checkbox-group .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-2);font-weight:400;text-transform:none;letter-spacing:normal}.export-manager .export-form .form-row .form-group.checkbox-group .checkbox-label input[type=checkbox]{width:auto;margin:0}.export-manager .export-form .form-actions .create-button{background:var(--blue-500);color:#fff;border:none;padding:16px 24px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.export-manager .export-form .form-actions .create-button:hover:not(:disabled){background:var(--blue-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.export-manager .export-form .form-actions .create-button:disabled{opacity:.5;cursor:not-allowed}.export-manager .export-form .form-actions .create-button .button-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.export-manager .export-form .form-actions .warning-message{margin-top:12px;padding:12px 16px;background:var(--amber-50);color:var(--amber-600);border-radius:var(--radius);font-size:14px;font-weight:500}.export-manager .empty-exports{text-align:center;padding:40px}.export-manager .empty-exports h4{font-size:16px;font-weight:600;color:var(--text-1);margin:0 0 4px}.export-manager .empty-exports p{color:var(--text-2);margin:0}.export-manager .exports-list{display:flex;flex-direction:column;gap:12px}.export-manager .exports-list .export-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius);transition:var(--transition)}.export-manager .exports-list .export-item:hover{background:var(--surface-1);box-shadow:var(--shadow-sm)}.export-manager .exports-list .export-item .export-info .export-name{font-weight:600;color:var(--text-1);margin-bottom:4px}.export-manager .exports-list .export-item .export-info .export-meta{display:flex;gap:16px;font-size:13px;color:var(--text-3)}.export-manager .exports-list .export-item .export-actions{display:flex;gap:8px}.export-manager .exports-list .export-item .export-actions .download-button,.export-manager .exports-list .export-item .export-actions .delete-button{padding:8px 16px;border:1px solid var(--border-1);border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.export-manager .exports-list .export-item .export-actions .download-button{background:var(--blue-500);color:#fff;border-color:var(--blue-500)}.export-manager .exports-list .export-item .export-actions .download-button:hover{background:var(--blue-600)}.export-manager .exports-list .export-item .export-actions .delete-button{background:var(--surface-1);color:var(--text-2)}.export-manager .exports-list .export-item .export-actions .delete-button:hover{background:var(--red-500);color:#fff;border-color:var(--red-500)}.export-manager .instructions-content .instruction-step{display:flex;gap:16px;margin-bottom:24px}.export-manager .instructions-content .instruction-step .step-number{width:28px;height:28px;background:var(--blue-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.export-manager .instructions-content .instruction-step .step-content{flex:1}.export-manager .instructions-content .instruction-step .step-content h4{font-size:14px;font-weight:600;color:var(--text-1);margin:0 0 8px}.export-manager .instructions-content .instruction-step .step-content .code-block{background:var(--surface-3);border:1px solid var(--border-1);border-radius:var(--radius);padding:16px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.export-manager .instructions-content .instruction-step .step-content .code-block code{color:var(--text-1)}.export-manager .instructions-content:last-child{margin-bottom:0}.export-manager .instructions-note{background:var(--blue-50);color:var(--blue-600);padding:16px;border-radius:var(--radius);font-size:14px;font-weight:500;margin-top:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.panel-header .header-content{flex-direction:column;gap:16px;align-items:stretch}.panel-navigation{overflow-x:auto;white-space:nowrap}.panel-content{padding:20px 16px}.detection-review .stats-overview{grid-template-columns:repeat(2,1fr)}.detection-review .tab-navigation{margin:16px 0;padding:0 4px;overflow-x:auto;scroll-snap-type:x mandatory}.detection-review .tab-navigation .tab-button{min-width:100px;padding:10px 16px;flex-shrink:0;scroll-snap-align:start}.detection-review .tab-navigation .tab-button .tab-label{font-size:13px}.detection-review .tab-navigation .tab-button .tab-count{font-size:11px;padding:1px 6px}.detection-review .filters-panel .filter-grid{flex-direction:column;align-items:stretch}.detection-review .filters-panel .filter-grid .filter-actions .apply-filters-btn{width:100%;padding:12px}.detection-review .review-container{flex-direction:column;min-height:auto}.detection-review .review-container .detection-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-1);max-height:200px;overflow-y:auto}.detection-review .review-container .review-main-content .image-viewer .canvas-container{max-height:400px}.export-manager .export-overview .overview-grid{grid-template-columns:repeat(2,1fr)}.export-manager .export-form .form-row{grid-template-columns:1fr}.export-manager .exports-list .export-item{flex-direction:column;gap:16px;align-items:stretch}}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.empty-state .empty-message{text-align:center;max-width:500px}.empty-state .empty-message h3{color:var(--text-1);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.empty-state .empty-message p{color:var(--text-2);margin-bottom:1.5rem;line-height:1.6}.empty-state .empty-message .empty-actions{display:flex;justify-content:center;margin-bottom:1rem}.empty-state .empty-message .empty-actions .refresh-button{background:var(--blue-500);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:14px;transition:var(--transition)}.empty-state .empty-message .empty-actions .refresh-button:hover{background:var(--blue-600);transform:translateY(-1px)}.review-complete{display:flex;flex-direction:column;align-items:center;gap:12px}.review-complete .review-status{padding:8px 16px;border-radius:var(--radius);font-weight:600;font-size:14px}.review-complete .review-status.approved{background:var(--green-50);color:var(--green-600)}.review-complete .review-status.rejected{background:var(--red-50);color:var(--red-600)}.review-complete .change-button{padding:8px 16px;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface-1);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition)}.review-complete .change-button:hover:not(:disabled){background:var(--surface-2);border-color:var(--blue-500);color:var(--blue-600)}.review-complete .change-button:disabled{opacity:.5;cursor:not-allowed}.review-complete .split-config{flex-direction:column;gap:16px;padding:20px;background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border-1)}.review-complete .split-config .form-group-header h4{font-size:14px;font-weight:600;color:var(--text-1);margin:0 0 4px}.review-complete .split-config .form-group-header p{font-size:12px;color:var(--text-3);margin:0}.review-complete .split-config .split-inputs{display:flex;gap:16px;flex-wrap:wrap}.review-complete .split-config .split-inputs .split-input{flex:1;min-width:120px;position:relative}.review-complete .split-config .split-inputs .split-input label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:6px}.review-complete .split-config .split-inputs .split-input input[type=number]{width:100%;padding:8px 24px 8px 8px;border:1px solid var(--border-1);border-radius:var(--radius);font-size:14px;background:var(--surface-1);transition:var(--transition)}.review-complete .split-config .split-inputs .split-input input[type=number]:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.review-complete .split-config .split-inputs .split-input .percentage-sign{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-3);pointer-events:none;margin-top:12px}.review-complete .split-config .split-summary{font-size:12px;color:var(--text-2);text-align:center;padding:8px;background:var(--surface-1);border-radius:var(--radius)}.review-complete .split-config .split-summary .split-warning{color:var(--red-600);font-weight:600}