body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;-webkit-transform:translate3d(0,var(--y),0) scale(var(--s));transform:translate3d(0,var(--y),0) scale(var(--s));transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{-webkit-transform-origin:top;transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{-webkit-transform-origin:bottom;transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;-webkit-transform:scaleY(3);transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,var(--y),0);transform:translate3d(-20px,var(--y),0)}to{opacity:0;-webkit-transform:translate3d(2000px,var(--y),0);transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,var(--y),0);transform:translate3d(-20px,var(--y),0)}to{opacity:0;-webkit-transform:translate3d(2000px,var(--y),0);transform:translate3d(2000px,var(--y),0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,var(--y),0);transform:translate3d(20px,var(--y),0)}to{opacity:0;-webkit-transform:translate3d(-2000px,var(--y),0);transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,var(--y),0);transform:translate3d(20px,var(--y),0)}to{opacity:0;-webkit-transform:translate3d(-2000px,var(--y),0);transform:translate3d(-2000px,var(--y),0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,calc(var(--y) - 10px),0);transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,calc(var(--y) + 20px),0);transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,calc(var(--y) - 10px),0);transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,calc(var(--y) + 20px),0);transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,calc(var(--y) - 10px),0);transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,calc(var(--y) + 20px),0);transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,calc(var(--y) - 10px),0);transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,calc(var(--y) + 20px),0);transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3);transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3);transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:translate3d(0,var(--y),0) perspective(400px);transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;-webkit-transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:translate3d(0,var(--y),0) perspective(400px);transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;-webkit-transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(110%,var(--y),0);transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(110%,var(--y),0);transform:translate3d(110%,var(--y),0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(-110%,var(--y),0);transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(-110%,var(--y),0);transform:translate3d(-110%,var(--y),0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--primary-50:#faf7ff;--primary-100:#f3ebff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:#9333ea;--primary-700:#7c2d92;--primary-800:#6b21a8;--primary-900:#581c87;--neutral-0:#fff;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--info-50:#eff6ff;--info-500:#3b82f6;--info-600:#2563eb;--bg-primary:var(--neutral-0);--bg-secondary:var(--neutral-50);--bg-tertiary:var(--neutral-100);--bg-accent:var(--primary-50);--bg-overlay:rgba(0,0,0,.5);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-500);--text-inverse:var(--neutral-0);--text-accent:var(--primary-600);--border-primary:var(--neutral-200);--border-secondary:var(--neutral-300);--border-accent:var(--primary-300);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--transition-fast:150ms ease-out;--transition-base:200ms ease-out;--transition-slow:300ms ease-out;--transition-all:all var(--transition-base);--z-dropdown:1000;--z-sticky:1010;--z-fixed:1020;--z-modal-backdrop:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--container-max-width:1200px;--content-max-width:800px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body,html{height:100%}body{background-color:#fff;background-color:var(--bg-primary);color:#171717;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-sans);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);transition:all .2s ease-out;transition:var(--transition-all)}#root{display:flex;flex-direction:column;height:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:#a3a3a3;background:var(--neutral-400);border-radius:.5rem;border-radius:var(--radius-lg);-webkit-transition:background-color .15s ease-out;transition:background-color .15s ease-out;-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#a855f7;background:var(--primary-500)}h1,h2,h3,h4,h5,h6{color:#171717;color:var(--text-primary);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#525252;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#9333ea;color:var(--text-accent);transition:all .2s ease-out;transition:var(--transition-all)}a,a:hover{text-decoration:none}a:hover{color:#7c2d92;color:var(--primary-700)}.App{background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding:0 1.5rem;padding:0 var(--space-6);width:100%}.dashboard .container{max-width:none;width:85%}.content{margin:0 auto;max-width:800px;max-width:var(--content-max-width)}.btn{align-items:center;border:1px solid transparent;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.25;line-height:var(--line-height-tight);overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .2s ease-out;transition:var(--transition-all);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{box-shadow:0 0 0 3px rgba(168,85,247,.3);outline:none}.btn-primary{background:linear-gradient(135deg,#9333ea,#7c2d92);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c2d92,#6b21a8);background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-secondary{border-color:#e5e5e5;border-color:var(--border-primary);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-xs)}.btn-secondary,.btn-secondary:hover:not(:disabled){background:#fff;background:var(--bg-primary);color:#171717;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#d8b4fe;border-color:var(--border-accent);color:#9333ea;color:var(--text-accent)}.btn-outline:hover:not(:disabled){background:#faf7ff;background:var(--bg-accent);border-color:#c084fc;border-color:var(--primary-400);color:#7c2d92;color:var(--primary-700)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--error-600) 0,var(--error-700) 100%);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0,var(--warning-700) 100%);background:linear-gradient(135deg,var(--warning-600) 0,var(--warning-700) 100%);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-ghost{background:transparent;border:none;color:#525252;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#f5f5f5;background:var(--bg-tertiary);color:#171717;color:var(--text-primary)}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-xl{font-size:1.125rem;font-size:var(--font-size-lg);padding:1.25rem 2.5rem;padding:var(--space-5) var(--space-10)}.card{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease-out;transition:var(--transition-all)}.card-header{background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);padding:1.5rem;padding:var(--space-6)}.card-title{color:#171717;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.card-description{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:0}.card-body,.card-footer{padding:1.5rem;padding:var(--space-6)}.card-footer{background:#fafafa;background:var(--bg-secondary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.form-label{display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-input,.form-label{color:#171717;color:var(--text-primary)}.form-input{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s ease-out;transition:var(--transition-all);width:100%}.form-input:focus{border-color:#a855f7;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(168,85,247,.1);outline:none}.form-input::-webkit-input-placeholder{color:#737373;color:var(--text-tertiary)}.form-input::placeholder{color:#737373;color:var(--text-tertiary)}.form-input.error{border-color:#ef4444;border-color:var(--error-500)}.form-error{color:#dc2626;color:var(--error-600);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--space-1)}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;transition:all .2s ease-out;transition:var(--transition-all);z-index:1010;z-index:var(--z-sticky)}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:1rem 0;padding:var(--space-4) 0;width:100%}.navbar-brand{align-items:center;color:#171717;color:var(--text-primary);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.75rem;gap:var(--space-3);text-decoration:none;transition:all .2s ease-out;transition:var(--transition-all)}.navbar-brand:hover{color:#9333ea;color:var(--primary-600);text-decoration:none}.brand-icon{background:linear-gradient(135deg,#a855f7,#9333ea);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-inverse);font-size:1.125rem;font-size:var(--font-size-lg);height:32px;justify-content:center;width:32px}.brand-icon,.navbar-left{align-items:center;display:flex}.navbar-left{gap:1rem;gap:var(--space-4)}.navbar-right{align-items:center;display:flex}.user-profile{position:relative}.profile-button{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.75rem;gap:var(--space-3);padding:.5rem;padding:var(--space-2);transition:all .2s ease-out;transition:var(--transition-all)}.user-avatar{border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);height:36px;justify-content:center;width:36px}.user-avatar.large{font-size:1rem;font-size:var(--font-size-base);height:48px;width:48px}.user-info-compact{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.2}.user-role{line-height:1.2}.dropdown-icon,.user-role{color:#737373;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs)}.dropdown-icon{transition:all .2s ease-out;transition:var(--transition-all)}.dropdown-icon.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.profile-dropdown{-webkit-animation:slideIn .2s ease-out;animation:slideIn .2s ease-out;-webkit-animation:slideIn var(--transition-base);animation:slideIn var(--transition-base);background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);top:calc(100% + var(--space-2));z-index:1000;z-index:var(--z-dropdown)}.dropdown-header{align-items:center;background:#fafafa;background:var(--bg-secondary);display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4)}.user-details-dropdown{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.user-email-dropdown{color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.user-role-dropdown{align-self:flex-start;background:#f5f5f5;background:var(--bg-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);color:#737373;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.dropdown-divider{background:#e5e5e5;background:var(--border-primary);height:1px;margin:0}.dropdown-item{align-items:center;background:none;border:none;color:#171717;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s ease-out;transition:var(--transition-all);width:100%}.dropdown-item:hover{background:#f5f5f5;background:var(--bg-tertiary)}.logout-item{color:#dc2626;color:var(--error-600)}.logout-item:hover{background:#fef2f2;background:var(--error-50);color:#b91c1c;color:var(--error-700)}.modal-overlay{align-items:center;-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;-webkit-animation:fadeIn var(--transition-base);animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.5);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal)}.modal-content{-webkit-animation:slideIn .2s ease-out;animation:slideIn .2s ease-out;-webkit-animation:slideIn var(--transition-base);animation:slideIn var(--transition-base);background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-6)}.modal-title{color:#171717;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#737373;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;padding:var(--space-2);transition:all .2s ease-out;transition:var(--transition-all)}.modal-close:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#171717;color:var(--text-primary)}.modal-body,.modal-footer{padding:1.5rem;padding:var(--space-6)}.modal-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end}.dashboard{background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);flex:1 1;padding:2rem 0;padding:var(--space-8) 0}.dashboard-header{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.dashboard-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-size:var(--font-size-5xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--space-4)}.dashboard-subtitle{color:#525252;color:var(--text-secondary);font-size:1.25rem;font-size:var(--font-size-xl);margin:0 auto;max-width:600px}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4rem;margin-bottom:var(--space-16)}.stat-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .2s ease-out;transition:var(--transition-all)}.stat-card:before{background:linear-gradient(90deg,#a855f7,#9333ea);background:linear-gradient(90deg,var(--primary-500) 0,var(--primary-600) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-content{gap:1rem;gap:var(--space-4)}.stat-content,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,#a855f7,#9333ea);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:.75rem;border-radius:var(--radius-xl);color:#fff;color:var(--text-inverse);font-size:1.25rem;font-size:var(--font-size-xl);height:48px;justify-content:center;width:48px}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--info-500) 0,var(--info-600) 100%)}.stat-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%)}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%)}.stat-info h3{color:#171717;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.stat-info p{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.designs-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.design-card{display:flex;flex-direction:column;height:100%;position:relative}.notification-dot{align-items:center;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#ef4444;background:var(--error-500);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);height:24px;justify-content:center;position:absolute;right:.75rem;right:var(--space-3);top:.75rem;top:var(--space-3);width:24px;z-index:2}.notification-dot.warning{background:#f59e0b;background:var(--warning-500)}.notification-dot.info{background:#3b82f6;background:var(--info-500)}.design-card-wrapper{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:95%;margin-top:5%;overflow:hidden;position:relative;transition:all .2s ease-out;transition:var(--transition-all);width:95%}.design-card-wrapper:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.design-badge{align-items:center;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#fffbeb;background:var(--warning-50);border-radius:.5rem;border-radius:var(--radius-lg);color:#d97706;color:var(--warning-600);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);position:absolute;right:.75rem;right:var(--space-3);top:.75rem;top:var(--space-3);z-index:1}.design-card-header{align-items:flex-start;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}.design-icon{align-items:center;background:linear-gradient(135deg,#f3ebff,#e9d5ff);background:linear-gradient(135deg,var(--primary-100) 0,var(--primary-200) 100%);border-radius:.75rem;border-radius:var(--radius-xl);color:#9333ea;color:var(--primary-600);display:flex;flex-shrink:0;font-size:1.25rem;font-size:var(--font-size-xl);height:48px;justify-content:center;width:48px}.design-card-title{color:#171717;color:var(--text-primary);flex:1 1;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0;min-width:0}.design-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.5rem;padding:var(--space-6)}.design-meta-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;flex:1 1;gap:1rem;gap:var(--space-4);grid-template-columns:1fr 1fr}.meta-item{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.meta-label{color:#737373;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.meta-label,.meta-value{font-weight:500;font-weight:var(--font-weight-medium)}.meta-value{color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm)}.design-card-footer{align-items:center;background:#fafafa;background:var(--bg-secondary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-top:auto;padding:1.5rem;padding:var(--space-6)}.admin-actions{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.badge{align-items:center;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#fffbeb;background:var(--warning-50);border-radius:.5rem;border-radius:var(--radius-lg);color:#d97706;color:var(--warning-600);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.login-wrapper{align-items:center;background:linear-gradient(135deg,#9333ea,#6b21a8);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;padding:var(--space-4);position:relative}.login-wrapper:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Ccircle cx='200' cy='200' r='2' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='800' cy='300' r='3' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='400' cy='600' r='2' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='700' cy='800' r='4' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.login-container{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;-webkit-animation:slideIn var(--transition-slow);animation:slideIn var(--transition-slow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;border-radius:var(--radius-3xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-2xl);max-width:420px;padding:2rem;padding:var(--space-8);position:relative;width:100%}.login-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.login-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);color:#fff;color:var(--text-inverse);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--space-4);width:64px}.login-icon,.login-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.login-title{color:#171717;color:var(--text-primary);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.login-subtitle{color:#525252;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.9);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal)}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #e5e5e5;border-top:3px solid #a855f7;border:3px solid var(--neutral-200);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary-500);height:32px;width:32px}.spinner-lg{border-width:4px;height:48px;width:48px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--space-4)}.dashboard .container{width:95%}.navbar-container{padding:.75rem 0;padding:var(--space-3) 0}.navbar-brand{font-size:1.125rem;font-size:var(--font-size-lg)}.user-info-compact{display:none}.dashboard{padding:1.5rem 0;padding:var(--space-6) 0}.dashboard-title{font-size:1.875rem;font-size:var(--font-size-3xl)}.designs-grid,.stats-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.design-card-footer{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--space-3)}.admin-actions{justify-content:center}.modal-content{margin:1.5rem;margin:var(--space-6);max-width:calc(100% - 2rem)}.login-container{margin:1rem;margin:var(--space-4);padding:1.5rem;padding:var(--space-6)}.profile-dropdown{min-width:200px;right:0}}@media (max-width:480px){.dashboard .container{padding:0 .75rem;padding:0 var(--space-3);width:100%}.btn{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.card{border-radius:.5rem;border-radius:var(--radius-lg)}.dashboard-title{font-size:1.5rem;font-size:var(--font-size-2xl)}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible,.form-input:focus-visible{outline:2px solid #a855f7;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){:root{--border-primary:#000;--border-secondary:#000}}.modern-toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl)}.btn:hover:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.design-item:hover .design-details h3{color:#9333ea;color:var(--primary-600)}@media (max-width:640px){.back-text,.logout-text,.navbar-brand .brand-text,.user-details{display:none}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.text-primary{color:#171717;color:var(--text-primary)}.text-secondary{color:#525252;color:var(--text-secondary)}.text-accent{color:#9333ea;color:var(--text-accent)}.bg-primary{background:#fff;background:var(--bg-primary)}.bg-secondary{background:#fafafa;background:var(--bg-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.shadow-sm{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg)}.transition{transition:all .2s ease-out;transition:var(--transition-all)}.m-0{margin:0}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.p-0{padding:0}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2}.text-truncate-2,.text-truncate-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-truncate-3{-webkit-line-clamp:3}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.page-content-wrapper{min-height:100vh}.page-content-wrapper.frame-view{margin:0 auto;padding:0;position:relative;width:100%}.centered-container,.table-container{display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.centered-container{align-items:center}.text-center h1{color:#fff;color:var(--text-inverse);font-size:2.25rem;font-size:var(--font-size-4xl);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.loader-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);bottom:0;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal)}.spinner-border{-webkit-animation:spin .75s linear infinite;animation:spin .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid transparent;height:2rem;width:2rem}.loader-overlay .spinner-border{border-width:.3em;color:#9333ea;color:var(--primary-600);height:3rem;width:3rem}.d-flex{display:flex}.gap-2{gap:.5rem;gap:var(--space-2)}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.text-primary{color:#9333ea;color:var(--primary-600)}.list-group-item{border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-top:0 solid var(--border-primary);display:block}.list-group-item:first-child{border-top-left-radius:.5rem;border-top-left-radius:var(--radius-lg);border-top-right-radius:.5rem;border-top-right-radius:var(--radius-lg);border-top-width:1px}.list-group-item:last-child{border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--radius-lg)}.list-group-item:hover{-webkit-transform:translateX(4px);transform:translateX(4px)}.action-btn{font-size:1.25rem;font-size:var(--font-size-xl);margin-left:.5rem;margin-left:var(--space-2)}.frame-name-wrapper{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.pending-update-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;color:#f59e0b;color:var(--warning-500)}.modern-dropdown{position:relative;z-index:1000;z-index:var(--z-dropdown)}.modal-content .modern-dropdown{z-index:1050;z-index:calc(var(--z-modal) + 10)}.modal-content .dropdown-menu{z-index:1060;z-index:calc(var(--z-modal) + 20)}.modern-dropdown .dropdown-trigger{align-items:center;-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);color:#171717;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);justify-content:space-between;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s ease-out;transition:var(--transition-all);-webkit-user-select:none;user-select:none;width:100%}.modern-dropdown .dropdown-trigger:hover{background:#fafafa;background:var(--bg-secondary);border-color:#d4d4d4;border-color:var(--border-secondary)}.modern-dropdown .dropdown-trigger:focus{outline:none}.modern-dropdown .dropdown-trigger.open,.modern-dropdown .dropdown-trigger:focus{border-color:#a855f7;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.modern-dropdown .dropdown-trigger:disabled{background:#f5f5f5;background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.modern-dropdown .dropdown-value{flex:1 1;text-align:left}.modern-dropdown .dropdown-icon{color:#737373;color:var(--text-tertiary);font-size:.875rem;font-size:var(--font-size-sm);transition:all .2s ease-out;transition:var(--transition-all)}.modern-dropdown .dropdown-trigger.open .dropdown-icon{color:#a855f7;color:var(--primary-500);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.modern-dropdown .dropdown-menu{-webkit-animation:slideIn .2s ease-out;animation:slideIn .2s ease-out;-webkit-animation:slideIn var(--transition-base);animation:slideIn var(--transition-base);background:#fff!important;background:var(--bg-primary)!important;border:1px solid #e5e5e5!important;border:1px solid var(--border-primary)!important;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;box-shadow:var(--shadow-xl)!important;display:block!important;left:0!important;max-height:200px;min-width:100%;opacity:1!important;overflow-y:auto;position:absolute!important;right:0!important;top:calc(100% + .25rem)!important;top:calc(100% + var(--space-1))!important;visibility:visible!important;z-index:1001!important;z-index:calc(var(--z-dropdown) + 1)!important}.modern-dropdown .dropdown-option{background:none;border:none;color:#171717;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s ease-out;transition:var(--transition-all);width:100%}.modern-dropdown .dropdown-option:hover{background:#fafafa;background:var(--bg-secondary);color:#9333ea;color:var(--primary-600)}.modern-dropdown .dropdown-option.selected{background:#faf7ff;background:var(--primary-50);color:#9333ea;color:var(--primary-600);font-weight:500;font-weight:var(--font-weight-medium)}.modern-dropdown .dropdown-option:first-child{border-top-left-radius:.5rem;border-top-left-radius:var(--radius-lg);border-top-right-radius:.5rem;border-top-right-radius:var(--radius-lg)}.modern-dropdown .dropdown-option:last-child{border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--radius-lg)}.modern-dropdown .role-dropdown-option{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.modern-dropdown .role-option-icon{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:.75rem;font-size:var(--font-size-xs);height:20px;justify-content:center;width:20px}.modern-dropdown .role-option-icon.super-admin{background:#faf7ff;background:var(--primary-50);color:#9333ea;color:var(--primary-600)}.modern-dropdown .role-option-icon.admin{background:#eff6ff;background:var(--info-50);color:#2563eb;color:var(--info-600)}.modern-dropdown .role-option-icon.user,.modern-dropdown .role-option-icon.viewer{background:#f5f5f5;background:var(--neutral-100);color:#525252;color:var(--neutral-600)}.modern-dropdown .role-option-text{flex:1 1}.form-control.error{border-color:#ef4444;border-color:var(--error-500)}.form-control:disabled{background:#f5f5f5;background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.table-responsive{border-radius:.5rem;border-radius:var(--radius-lg);overflow-x:auto}.modern-table{background:#fff;background:var(--bg-primary);border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}.modern-table thead{background:#fafafa;background:var(--bg-secondary);border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-primary)}.modern-table th{color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-align:left;text-transform:uppercase}.modern-table td,.modern-table th{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.modern-table td{vertical-align:middle}.modern-table tbody tr{transition:all .2s ease-out;transition:var(--transition-all)}.modern-table tbody tr:hover{background:#fafafa;background:var(--bg-secondary)}.modern-table tbody tr:last-child td{border-bottom:none}.frame-name-cell{max-width:300px;min-width:200px}.frame-name{color:#171717;color:var(--text-primary);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium);transition:all .2s ease-out;transition:var(--transition-all)}.frame-name:hover{color:#9333ea;color:var(--primary-600);text-decoration:underline}.dimensions-cell{min-width:120px}.dimensions{background:#f5f5f5;background:var(--bg-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);color:#525252;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-family:var(--font-family-mono);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.status-cell{min-width:150px}.status-indicators{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.sync-btn{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.status-badge.syncing{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#eff6ff;background:var(--info-50);color:#2563eb;color:var(--info-600)}.status-badge.up-to-date{background:#f0fdf4;background:var(--success-50);color:#16a34a;color:var(--success-600)}.updated-cell{min-width:120px}.updated-date{color:#525252;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs)}.actions-cell{min-width:200px;position:relative;z-index:1}.action-buttons{align-items:center;flex-wrap:wrap}.action-buttons .btn{align-items:center;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--space-1);justify-content:center;min-width:auto;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s ease-out;transition:var(--transition-all)}.action-buttons .btn:hover:not(:disabled){box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.modern-table{font-size:.75rem;font-size:var(--font-size-xs)}.modern-table td,.modern-table th{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.frame-name-cell{max-width:200px;min-width:150px}.action-buttons{flex-direction:column;gap:.25rem;gap:var(--space-1)}.action-buttons .btn{justify-content:center;width:100%}}@media (max-width:480px){.modern-table td,.modern-table th{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.dimensions-cell,.updated-cell{display:none}.status-cell{min-width:120px}}.form-wrapper{width:100%}.input-wrapper{margin-bottom:1rem;margin-bottom:var(--space-4)}.input-wrapper:last-child{margin-bottom:0}.form-control{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);color:#171717;color:var(--text-primary);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s ease-out;transition:var(--transition-all);width:100%}.form-control:focus{border-color:#a855f7;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(168,85,247,.1);outline:none}.form-control::-webkit-input-placeholder{color:#737373;color:var(--text-tertiary)}.form-control::placeholder{color:#737373;color:var(--text-tertiary)}.error{color:#dc2626;color:var(--error-600);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--space-1)}.credentials-view{grid-gap:.5rem 1rem;grid-gap:var(--space-2) var(--space-4);align-items:center;background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);display:grid;gap:.5rem 1rem;gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;padding:1rem;padding:var(--space-4)}.credentials-view p{font-weight:500;font-weight:var(--font-weight-medium);margin:0}.credentials-view p:nth-child(2n){background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.25rem;border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-family:var(--font-family-mono);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.credentials-view-full{color:#d97706;color:var(--warning-600);font-style:italic;grid-column:1/-1;margin-top:.5rem;margin-top:var(--space-2);text-align:center}.list-group{border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;margin-bottom:0;overflow:hidden;padding-left:0}.list-group-item{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);color:#171717;color:var(--text-primary);display:flex;justify-content:space-between;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);position:relative;text-decoration:none;transition:all .2s ease-out;transition:var(--transition-all)}.list-group-item:last-child{border-bottom:none}.list-group-item:hover{background-color:#fafafa;background-color:var(--bg-secondary)}.list-group-flush{border-radius:0}.list-group-flush .list-group-item{border-radius:0;border-width:0 0 1px}.user-role-dropdown{background-color:#fff;background-color:var(--bg-primary);width:80%}.action-wrapper{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.user-management-modal{max-height:80vh;max-width:700px}.modal-subtitle{font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);margin-top:.5rem;margin-top:var(--space-2)}.empty-state,.modal-subtitle{color:#525252;color:var(--text-secondary)}.empty-state{padding:3rem 1.5rem;padding:var(--space-12) var(--space-6);text-align:center}.empty-icon{color:#737373;color:var(--text-tertiary);font-size:4rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.empty-state h3{color:#171717;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.5rem;margin-bottom:var(--space-2)}.empty-state p{font-size:.875rem;font-size:var(--font-size-sm);margin:0}.users-list{max-height:60vh;overflow-y:auto}.users-header{margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem 0;padding:var(--space-4) 0}.users-count{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.user-card{border-radius:.5rem;border-radius:var(--radius-lg);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:1rem;padding:var(--space-4)}.user-card:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm)}.user-card:last-child{margin-bottom:0}.user-info{gap:.75rem;gap:var(--space-3)}.user-info,.user-status-icon{align-items:center;display:flex}.user-status-icon{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.user-status-icon.active{background:#f0fdf4;background:var(--success-50);color:#16a34a;color:var(--success-600)}.user-status-icon.pending{background:#fffbeb;background:var(--warning-50);color:#d97706;color:var(--warning-600)}.user-status-icon.deleted{background:#fef2f2;background:var(--error-50);color:#dc2626;color:var(--error-600)}.user-details{flex:1 1;min-width:0}.user-email{font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--space-1)}.user-status{gap:.5rem;gap:var(--space-2)}.status-badge{border-radius:.25rem;border-radius:var(--radius-sm);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.status-badge.active{background:#f0fdf4;background:var(--success-50);color:#16a34a;color:var(--success-600)}.status-badge.pending{background:#fffbeb;background:var(--warning-50);color:#d97706;color:var(--warning-600)}.status-badge.deleted{background:#fef2f2;background:var(--error-50);color:#dc2626;color:var(--error-600)}.user-actions{align-items:flex-end;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between}.role-section{flex:1 1}.role-label{color:#525252;color:var(--text-secondary);display:block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.role-display,.role-selector{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.role-display{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.375rem;border-radius:var(--radius-md);min-width:120px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.role-icon{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.role-badge{border-radius:.25rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-transform:uppercase}.role-badge.super-admin{background:#faf7ff;background:var(--primary-50);color:#9333ea;color:var(--primary-600)}.role-badge.admin{background:#eff6ff;background:var(--info-50);color:#2563eb;color:var(--info-600)}.role-badge.user,.role-badge.viewer{background:#f5f5f5;background:var(--neutral-100);color:#525252;color:var(--neutral-600)}.figma-press-image-node.read-only,.figma-press-text-node.read-only{opacity:.7}.figma-press-image.read-only,.figma-press-text.read-only{cursor:not-allowed!important;opacity:.8}.figma-press-image.read-only:hover,.figma-press-text.read-only:hover{opacity:.9}.read-only-banner{background:#fffbeb;background:var(--warning-50);border-bottom:1px solid var(--warning-200);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.read-only-indicator{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);justify-content:center}.read-only-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.read-only-text{color:var(--warning-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.confirmation-modal{max-width:500px;width:90%}.confirmation-content{align-items:flex-start;display:flex;gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4)}.warning-icon{color:#d97706;color:var(--warning-600);flex-shrink:0;font-size:2rem;margin-top:.25rem;margin-top:var(--space-1)}.confirmation-text{flex:1 1}.confirmation-text p{line-height:1.5;margin-bottom:.75rem;margin-bottom:var(--space-3)}.user-info{background:#fafafa;background:var(--neutral-50);border-left:3px solid #3b82f6;border-left:3px solid var(--info-500);border-radius:.25rem;border-radius:var(--radius-sm);padding:.5rem;padding:var(--space-2)}.warning-text{color:var(--warning-700);font-size:.875rem;font-size:var(--font-size-sm);font-style:italic}.modal-title.danger{color:var(--danger-600)}.modal-title.warning{color:#d97706;color:var(--warning-600)}.role-select{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.375rem;border-radius:var(--radius-md);color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);min-width:120px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s ease-out;transition:var(--transition-all)}.role-select:focus{border-color:#a855f7;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(168,85,247,.1);outline:none}.update-role-btn{align-items:center;display:flex;height:36px;justify-content:center;min-width:auto;padding:.5rem;padding:var(--space-2);width:36px}.update-role-btn:disabled{cursor:not-allowed;opacity:.5}.action-buttons{display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2);padding-bottom:.75rem;padding-bottom:var(--space-3)}.action-btn{align-items:center;border-color:#e5e5e5;border-color:var(--border-primary);color:#525252;color:var(--text-secondary);display:flex;gap:1rem;gap:var(--space-4);height:36px;justify-content:center;min-width:auto;padding:.5rem;padding:var(--space-2);width:36px}.action-btn:hover{background:#fafafa;background:var(--bg-secondary);border-color:#d4d4d4;border-color:var(--border-secondary);color:#171717;color:var(--text-primary)}@media (max-width:768px){.user-management-modal{margin:1rem;margin:var(--space-4);max-width:95vw}.user-actions{align-items:stretch;flex-direction:column;gap:.25rem;gap:var(--space-1)}.role-selector{flex-wrap:wrap}.action-buttons{justify-content:flex-end}.user-info{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.user-status-icon{align-self:center}}@media (max-width:480px){.role-selector{align-items:stretch;flex-direction:column}.action-buttons,.role-display{justify-content:center}}.user-management-modal{max-height:90vh;max-width:900px;width:95vw}.user-management-modal .modal-header{background:linear-gradient(135deg,#faf7ff,#f3ebff);background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-100) 100%);border-bottom:1px solid #e9d5ff;border-bottom:1px solid var(--primary-200)}.header-content{width:100%}.modal-title{align-items:center;color:#7c2d92;color:var(--primary-700);display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.title-icon{color:#9333ea;color:var(--primary-600);font-size:1.25rem;font-size:var(--font-size-xl)}.modal-subtitle{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.design-name{background:#faf7ff;background:var(--primary-50);border:1px solid #e9d5ff;border:1px solid var(--primary-200);border-radius:.5rem;border-radius:var(--radius-lg);color:#9333ea;color:var(--primary-600);display:inline-block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.subtitle-text{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--space-1)}.users-container{width:100%}.users-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.users-summary{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between}.users-count{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base)}.users-count strong{color:#9333ea;color:var(--primary-600);font-size:1.125rem;font-size:var(--font-size-lg)}.status-legend{display:flex;gap:1rem;gap:var(--space-4)}.legend-item{align-items:center;color:#525252;color:var(--text-secondary);display:flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.5rem;gap:var(--space-2)}.legend-dot{border-radius:9999px;border-radius:var(--radius-full);height:8px;width:8px}.legend-dot.status-active{background:#22c55e;background:var(--success-500)}.legend-dot.status-pending{background:#f59e0b;background:var(--warning-500)}.users-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.user-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .2s ease-out;transition:var(--transition-all)}.user-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.user-card.editing{border-color:#d8b4fe;border-color:var(--primary-300);box-shadow:0 0 0 3px rgba(168,85,247,.1),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:0 0 0 3px rgba(168,85,247,.1),var(--shadow-lg)}.user-card.status-active{border-left:4px solid #22c55e;border-left:4px solid var(--success-500)}.user-card.status-pending{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-500)}.user-card.status-deleted{border-left:4px solid #ef4444;border-left:4px solid var(--error-500);opacity:.7}.user-header{align-items:flex-start;background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-6)}.user-avatar{flex:1 1;gap:1rem;gap:var(--space-4)}.avatar-icon,.user-avatar{align-items:center;display:flex}.avatar-icon{border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse);flex-shrink:0;font-size:1.25rem;font-size:var(--font-size-xl);height:48px;justify-content:center;width:48px}.avatar-icon.status-active{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%)}.avatar-icon.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%)}.avatar-icon.status-deleted{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%)}.user-info{flex:1 1;min-width:0}.user-email{align-items:center;color:#171717;color:var(--text-primary);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.email-icon{color:#737373;color:var(--text-tertiary);font-size:.875rem;font-size:var(--font-size-sm)}.user-status{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}.status-badge{border-radius:.5rem;border-radius:var(--radius-lg);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.status-badge.status-active{background:#f0fdf4;background:var(--success-50);border:1px solid var(--success-200);color:#16a34a;color:var(--success-600)}.status-badge.status-pending{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#fffbeb;background:var(--warning-50);border:1px solid var(--warning-200);color:#d97706;color:var(--warning-600)}.status-badge.status-deleted{background:#fef2f2;background:var(--error-50);border:1px solid var(--error-200);color:#dc2626;color:var(--error-600)}.status-description{color:#737373;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);font-style:italic}.user-actions-header{display:flex;gap:.5rem;gap:var(--space-2)}.edit-btn{border-radius:.5rem;border-radius:var(--radius-lg);padding:.5rem;padding:var(--space-2);transition:all .2s ease-out;transition:var(--transition-all)}.edit-btn:hover{background:#faf7ff;background:var(--primary-50);color:#9333ea;color:var(--primary-600)}.edit-controls{display:flex;gap:.5rem;gap:var(--space-2)}.user-content{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);padding:1.5rem;padding:var(--space-6)}.role-section{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.25rem;padding:var(--space-5)}.section-header{margin-bottom:1rem;margin-bottom:var(--space-4)}.section-title{align-items:center;color:#171717;color:var(--text-primary);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);margin:0}.section-title.danger{color:#dc2626;color:var(--error-600)}.role-display-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4);transition:all .2s ease-out;transition:var(--transition-all)}.role-display-card.preview{background:#faf7ff;background:var(--primary-50);border-color:#d8b4fe;border-color:var(--primary-300)}.role-icon-container{align-items:center;background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.3);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.role-details{flex:1 1;min-width:0}.role-name{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.role-description{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.75;line-height:var(--line-height-relaxed)}.role-edit-section{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.role-selector-container{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.role-selector-container .form-label{color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:0}.role-dropdown{width:100%}.role-preview{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);padding-top:1rem;padding-top:var(--space-4)}.preview-header{margin-bottom:.75rem;margin-bottom:var(--space-3)}.preview-header span{color:#9333ea;color:var(--primary-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.edit-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;padding-top:1rem;padding-top:var(--space-4)}.danger-zone{background:#fef2f2;background:var(--error-50);border:1px solid var(--error-200);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.25rem;padding:var(--space-5)}.danger-actions{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}.danger-btn{align-items:center;border-color:var(--error-300);color:#dc2626;color:var(--error-600);display:flex;gap:.5rem;gap:var(--space-2)}.danger-btn:hover{background:var(--error-100);border-color:var(--error-400);color:#b91c1c;color:var(--error-700)}.user-management-modal .modal-footer{align-items:center;background:#fafafa;background:var(--bg-secondary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between}.footer-info{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.info-text{color:#737373;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);font-style:italic}@media (max-width:768px){.user-management-modal{margin:1rem;margin:var(--space-4);max-width:95vw}.users-summary{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--space-3)}.user-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--space-4)}.user-actions-header{justify-content:flex-end}.danger-actions{flex-direction:column}.danger-btn{justify-content:center}.modal-footer{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--space-3)}.footer-info{justify-content:center}}@media (max-width:480px){.danger-zone,.role-section,.user-content,.user-header{padding:1rem;padding:var(--space-4)}.role-display-card{flex-direction:column;gap:.75rem;gap:var(--space-3);text-align:center}.role-icon-container{align-self:center}}.svg-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.svg-wrapper{margin:0 auto;max-width:1440px;width:100vw}.svg-wrapper svg{display:block;left:0;position:relative;top:0;width:100%;z-index:2}#design-object{left:50%;max-width:1440px;position:absolute;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;z-index:0}.hide{visibility:hidden}.figma-press-text-node{fill:transparent;stroke:transparent;cursor:pointer;transition:all .2s ease-out;transition:var(--transition-all)}.figma-press-text-node:hover{fill:rgba(168,85,247,.1);stroke:#a855f7;stroke:var(--primary-500);stroke-width:2px;stroke-dasharray:5,5}.figma-press-image-node{fill:transparent;stroke:transparent;cursor:pointer;transition:all .2s ease-out;transition:var(--transition-all)}.figma-press-image-node:hover{fill:rgba(34,197,94,.1);stroke:#22c55e;stroke:var(--success-500);stroke-width:2px;stroke-dasharray:5,5}.figma-press-text{word-wrap:break-word;border-radius:.25rem;border-radius:var(--radius-sm);color:#171717;color:var(--text-primary);cursor:pointer;line-height:inherit;overflow-wrap:break-word;pointer-events:all;transition:all .2s ease-out;transition:var(--transition-all);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:pre-wrap}.figma-press-text:hover{background:rgba(168,85,247,.05);box-shadow:0 0 0 1px rgba(168,85,247,.2)}.figma-press-image{border-radius:.25rem;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;pointer-events:all;transition:all .2s ease-out;transition:var(--transition-all);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.figma-press-image:hover{box-shadow:0 0 0 2px rgba(34,197,94,.3);-webkit-transform:scale(1.02);transform:scale(1.02)}.figma-press-image img{border-radius:inherit;transition:all .2s ease-out;transition:var(--transition-all)}.figma-press-image:hover img{-webkit-filter:brightness(1.05);filter:brightness(1.05)}.figma-press-image .loading-placeholder{align-items:center;border:1px dashed #e5e5e5;border:1px dashed var(--border-primary);color:#737373;color:var(--text-tertiary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);height:100%;justify-content:center;min-height:60px;width:100%}.character-count,.figma-press-image .loading-placeholder{background:#fafafa;background:var(--bg-secondary);border-radius:.25rem;border-radius:var(--radius-sm)}.character-count{color:#525252;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.character-count.warning{background:#fffbeb;background:var(--warning-50);border:1px solid var(--warning-200);color:#d97706;color:var(--warning-600)}.character-count.error{background:#fef2f2;background:var(--error-50);border:1px solid var(--error-200);color:#dc2626;color:var(--error-600)}.btn-content{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.alert{border:1px solid;border-radius:.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.alert-warning{background:#fffbeb;background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-700)}.alert-error{background:#fef2f2;background:var(--error-50);border-color:var(--error-200);color:#b91c1c;color:var(--error-700)}.error-text,.warning-text{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.image-info{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.dimensions-display{align-items:center;color:#525252;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--space-3);justify-content:center}.dimension-item{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.dimension-separator{font-weight:var(--font-weight-light)}.dimension-separator,.file-help-text{color:#737373;color:var(--text-tertiary)}.file-help-text{font-size:.75rem;font-size:var(--font-size-xs);font-style:italic;margin-top:.25rem;margin-top:var(--space-1)}.image-preview-section{margin-top:1rem;margin-top:var(--space-4)}.image-preview-container{align-items:center;background:#fafafa;background:var(--bg-secondary);border:2px dashed #e5e5e5;border:2px dashed var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:200px;padding:1rem;padding:var(--space-4);transition:all .2s ease-out;transition:var(--transition-all)}.image-preview-container:hover{background:#faf7ff;background:var(--primary-50);border-color:#d8b4fe;border-color:var(--primary-300)}.image-preview{border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);max-height:300px;max-width:100%;object-fit:contain}.form-control[type=file]{background:#fafafa;background:var(--bg-secondary);border:2px dashed #e5e5e5;border:2px dashed var(--border-primary);cursor:pointer;padding:.75rem;padding:var(--space-3);transition:all .2s ease-out;transition:var(--transition-all)}.form-control[type=file]:hover{background:#faf7ff;background:var(--primary-50);border-color:#d8b4fe;border-color:var(--primary-300)}.form-control[type=file]:focus{border-color:#a855f7;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.form-control[type=textarea],textarea.form-control{font-family:inherit;line-height:1.75;line-height:var(--line-height-relaxed);min-height:120px;resize:vertical}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}@media (max-width:768px){.dimensions-display{flex-direction:column;gap:.5rem;gap:var(--space-2)}.dimension-separator{display:none}.image-preview-container{min-height:150px}.image-preview{max-height:200px}.btn-content{flex-direction:column;gap:.25rem;gap:var(--space-1)}}@media (max-width:480px){.alert{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.image-preview-container{min-height:120px;padding:.75rem;padding:var(--space-3)}.image-preview{max-height:150px}}
/*# sourceMappingURL=main.694dcb1b.css.map*/