:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .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-container-width: fit-content;--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-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--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(to right, #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: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{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{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);height:70px}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast)}.navbar-logo:hover{color:var(--color-primary-dark)}.navbar-logo-icon{font-size:1.5rem}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--color-text-primary);padding:0}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.navbar-link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);padding:var(--spacing-sm) 0;border-bottom:2px solid transparent}.navbar-link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.navbar-right{display:flex;align-items:center;gap:var(--spacing-lg)}.navbar-theme-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:color var(--transition-fast),background-color var(--transition-fast)}.navbar-theme-toggle:hover{color:var(--color-primary);background-color:var(--color-bg-hover)}.navbar-user{display:flex;align-items:center;gap:var(--spacing-md)}.navbar-user-info{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:right}.navbar-user-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.navbar-user-role{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.navbar-dropdown{position:relative}.navbar-dropdown-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:color var(--transition-fast),background-color var(--transition-fast)}.navbar-dropdown-toggle:hover{color:var(--color-primary);background-color:var(--color-bg-hover)}.navbar-dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);margin-top:var(--spacing-sm);z-index:1001}.navbar-dropdown:hover .navbar-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;color:var(--color-text-primary);cursor:pointer;text-decoration:none;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast);font-size:var(--font-size-sm)}.navbar-dropdown-item:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.navbar-dropdown-item.logout-btn{color:var(--color-danger)}.navbar-dropdown-item.logout-btn:hover{background-color:var(--color-danger-light)}.navbar-auth{display:flex;align-items:center;gap:var(--spacing-md)}.navbar-link-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-weight-semibold);text-decoration:none;text-align:center;font-size:var(--font-size-sm);transition:all var(--transition-fast);color:var(--color-text-secondary);background:none}.navbar-link-btn:hover{color:var(--color-primary)}.navbar-link-btn-primary{background-color:var(--color-primary);color:var(--color-text-inverted)}.navbar-link-btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverted)}@media(max-width:768px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:70px;left:0;right:0;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md);max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.navbar-menu.active{max-height:300px}.navbar-container{height:auto;min-height:70px}.navbar-right{gap:var(--spacing-md)}.navbar-user-info{display:none}.navbar-link-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}.navbar-auth{gap:var(--spacing-sm)}}@media(max-width:480px){.navbar-container{padding:0 var(--spacing-sm)}.navbar-logo{font-size:var(--font-size-lg)}.navbar-menu.active{max-height:400px}.navbar-link-btn-primary{padding:var(--spacing-xs) var(--spacing-sm)}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);margin-top:auto;padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-section{display:flex;flex-direction:column}.footer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.footer-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;padding:0}.footer-links li a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);display:inline-block}.footer-links li a:hover{color:var(--color-primary);text-decoration:underline}.footer-social{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-social-link{display:inline-flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);width:fit-content}.footer-social-link:hover{color:var(--color-primary);text-decoration:underline}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary);text-align:center}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}@media(max-width:992px){.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media(max-width:576px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-container{padding:0 var(--spacing-sm)}.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.footer-text{font-size:var(--font-size-xs)}}.home{flex:1}.hero{background:linear-gradient(135deg,var(--color-primary-lighter) 0%,var(--color-bg-secondary) 100%);padding:var(--spacing-2xl) var(--spacing-md);min-height:600px;display:flex;align-items:center;justify-content:center}.hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.hero-title{font-size:3.5rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-primary-dark);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-image{display:flex;align-items:center;justify-content:center;min-height:400px}.hero-icon{font-size:200px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-primary)}.features-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.section-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.feature-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary)}.feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary-lighter),var(--color-primary-lightest));border-radius:var(--radius-lg);margin:0 auto;color:var(--color-primary-dark)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.feature-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.how-it-works{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-secondary)}.how-it-works-container{max-width:1400px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.step{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.step-number{width:50px;height:50px;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 auto}.step h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0}.step p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--spacing-2xl) var(--spacing-md);text-align:center}.cta-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.cta h2{font-size:var(--font-size-3xl);color:#fff;margin:0}.cta p{font-size:var(--font-size-lg);color:#ffffffe6;margin:0}.cta .btn-primary{background-color:#fff;color:var(--color-primary);width:fit-content;margin:0 auto}.cta .btn-primary:hover{background-color:var(--color-bg-secondary)}.stats{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-primary)}.stats-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;border-left:4px solid var(--color-primary)}.stat-card h3{font-size:2.5rem;color:var(--color-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.stat-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media(max-width:768px){.hero{padding:var(--spacing-xl) var(--spacing-md);min-height:500px}.hero-container{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-title{font-size:2rem}.hero-image{min-height:300px}.hero-icon{font-size:120px}.hero-subtitle{font-size:var(--font-size-base)}.section-header h2{font-size:var(--font-size-2xl)}.section-header p{font-size:var(--font-size-base)}.cta h2{font-size:var(--font-size-2xl)}.cta p{font-size:var(--font-size-base)}.features-grid{grid-template-columns:1fr}.steps-grid,.stats-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero{padding:var(--spacing-lg) var(--spacing-sm)}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:var(--font-size-sm)}.hero-actions{gap:var(--spacing-sm)}.hero-icon{font-size:80px}.section-header h2{font-size:var(--font-size-xl)}.steps-grid,.stats-container{grid-template-columns:1fr}.stat-card h3{font-size:2rem}.cta h2{font-size:var(--font-size-xl)}.cta p{font-size:var(--font-size-sm)}.features,.how-it-works,.cta,.stats{padding:var(--spacing-xl) var(--spacing-sm)}}.about{flex:1}.about-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--spacing-2xl) var(--spacing-md);text-align:center;color:#fff;min-height:300px;display:flex;align-items:center;justify-content:center}.about-hero-container{max-width:1400px;margin:0 auto}.about-hero h1{font-size:3rem;color:#fff;margin-bottom:var(--spacing-lg)}.about-hero p{font-size:var(--font-size-lg);color:#ffffffe6;max-width:600px;margin:0 auto}.about-section{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-primary)}.about-container{max-width:1400px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.about-text h2{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.about-text p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.about-image{display:flex;align-items:center;justify-content:center;min-height:300px}.about-icon{font-size:150px}.about-values{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-secondary)}.about-values-title{text-align:center;font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2xl)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.value-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.value-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.value-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary-lighter),var(--color-primary-lightest));border-radius:var(--radius-lg);margin:0 auto var(--spacing-md);color:var(--color-primary-dark)}.value-card h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.value-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.about-features{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-primary)}.about-features h2{text-align:center;font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2xl)}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.feature-item{display:grid;grid-template-columns:60px 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.feature-item-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.feature-item-content h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.feature-item-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.about-technology{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-secondary)}.about-technology h2{text-align:center;font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2xl)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.tech-card{background-color:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center}.tech-card h3{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-md)}.tech-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.about-team{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-primary);text-align:center}.about-team h2{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.about-team-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--spacing-2xl)}.team-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.team-stat{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.team-stat h3{font-size:2rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.team-stat p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.about-contact{padding:var(--spacing-2xl) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary-lighter),var(--color-bg-secondary));text-align:center}.about-contact h2{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.about-contact p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.contact-links{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.about-hero h1{font-size:2rem}.about-hero p{font-size:var(--font-size-base)}.about-content{grid-template-columns:1fr}.about-text h2{font-size:var(--font-size-2xl)}.about-image{min-height:200px}.about-icon{font-size:100px}.about-values-title,.about-features h2,.about-technology h2,.about-team h2,.about-contact h2{font-size:var(--font-size-2xl)}.values-grid,.features-list,.tech-grid{grid-template-columns:1fr}.team-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.about{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.about-hero{padding:var(--spacing-xl) var(--spacing-sm)}.about-hero h1{font-size:1.5rem}.about-hero p{font-size:var(--font-size-sm)}.about-section,.about-values,.about-features,.about-technology,.about-team,.about-contact{padding:var(--spacing-xl) var(--spacing-sm)}.feature-item{grid-template-columns:1fr}.feature-item-number{width:100%}.team-stats{grid-template-columns:1fr}.contact-links{flex-direction:column}.contact-links .btn{width:100%}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--color-bg-secondary)}.auth-container{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:960px;width:100%;background-color:var(--color-bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0000001f}.auth-card{padding:2.5rem 2.5rem 2rem;display:flex;flex-direction:column;justify-content:center;background-color:var(--color-bg-primary)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{font-size:3rem;margin-bottom:var(--spacing-sm);display:block;line-height:1}.auth-header h1{font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.auth-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-form{display:flex;flex-direction:column;gap:1.125rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-primary)}.auth-form input{height:46px;font-size:var(--font-size-sm)}.auth-form input.is-invalid{border-color:var(--color-danger)}.password-field{position:relative}.password-field input{width:100%;padding-right:46px}.toggle-password{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:8px;display:flex;align-items:center;border-radius:6px;transition:color var(--transition-fast)}.toggle-password:hover:not(:disabled){color:var(--color-primary)}.toggle-password:disabled{opacity:.5;cursor:not-allowed}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.checkbox{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary);border-radius:3px}.checkbox a{color:var(--color-primary);text-decoration:underline}.auth-options{display:flex;align-items:center;justify-content:space-between;margin:.25rem 0 .5rem;font-size:var(--font-size-sm)}.auth-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.auth-link:hover{text-decoration:underline}.auth-form .btn-block{width:100%;height:2.75rem;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);margin-top:.25rem}.auth-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-secondary);margin-top:.25rem}.auth-footer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.auth-footer a{color:var(--color-primary);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-banner{background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);color:#fff;padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.auth-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);pointer-events:none}.auth-banner-content{max-width:320px;position:relative;z-index:1}.auth-banner h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-banner p{font-size:var(--font-size-sm);color:#ffffffd9;margin-bottom:2rem;line-height:1.6}.auth-banner-features{display:flex;flex-direction:column;gap:.875rem;text-align:left}.banner-feature{display:flex;align-items:center;gap:.75rem;font-size:var(--font-size-sm);color:#ffffffeb}.checkmark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background-color:#ffffff2e;border-radius:50%;flex-shrink:0;font-size:.7rem;font-weight:700}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);border-left:4px solid;font-size:var(--font-size-sm);line-height:1.5}@media(max-width:768px){.auth-container{grid-template-columns:1fr;max-width:440px}.auth-banner{display:none}.auth-card{padding:2rem 1.5rem}.auth-page{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.auth-card{padding:1.5rem 1.25rem}.auth-page{padding:var(--spacing-sm)}.auth-header h1{font-size:var(--font-size-xl)}.auth-logo{font-size:2.5rem}.input-wrapper input{font-size:16px}}:root[data-theme=dark] .auth-container{box-shadow:0 4px 24px #0006}.dashboard{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.dashboard-welcome{max-width:1400px;margin:0 auto var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.welcome-content h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.welcome-content p{color:var(--color-text-secondary)}.welcome-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;background:var(--color-primary-alpha);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.dashboard-stats{max-width:1400px;margin:0 auto var(--spacing-xl);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;position:relative}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon.primary{background:var(--color-primary-alpha);color:var(--color-primary)}.stat-icon.success{background:#28a7451a;color:var(--color-success)}.stat-icon.info{background:#17a2b81a;color:var(--color-info)}.stat-icon.warning{background:#ffc1071a;color:#b8860b}.stat-content{flex:1}.stat-content h3{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.stat-status{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-arrow{color:var(--color-text-tertiary)}.dashboard-content{max-width:1400px;margin:0 auto}.dashboard-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.view-all-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:gap .2s}.view-all-btn:hover{gap:8px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center}.action-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-card.primary{background:var(--color-primary);color:#fff}.action-card.primary svg{color:#fff}.action-card.primary:hover{background:var(--color-primary-darker);border-color:var(--color-primary-darker)}.action-card svg{color:var(--color-primary)}.action-card span{font-weight:600;font-size:var(--font-size-sm);color:inherit}.action-card p{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.action-card.primary p{color:#fffc}.dashboard-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.dashboard-columns .dashboard-section{margin-bottom:0}.predictions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.prediction-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:background .2s}.prediction-item:hover{background:var(--color-bg-tertiary)}.prediction-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.prediction-icon.high{background:#dc35451a;color:var(--color-danger)}.prediction-icon.medium{background:#ffc1071a;color:#b8860b}.prediction-icon.low{background:#28a7451a;color:var(--color-success)}.prediction-info{flex:1}.prediction-result{display:block;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.prediction-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.prediction-confidence{font-weight:700;font-size:var(--font-size-sm);color:var(--color-primary)}.loading-state,.empty-state,.no-model{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-tertiary)}.loading-state p,.empty-state p,.no-model p{margin:var(--spacing-sm) 0}.spinner-small{width:24px;height:24px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.btn-primary-sm{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background .2s}.btn-primary-sm:hover{background:var(--color-primary-darker)}.model-card{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.model-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.model-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-alpha);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.model-info h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.model-status{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600}.model-status.active{color:var(--color-success)}.model-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.model-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.model-metrics .metric{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md)}.metric-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.metric-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.admin-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.admin-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.admin-stat-card svg{color:var(--color-primary)}.admin-stat-value{display:block;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.admin-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media(max-width:1200px){.dashboard-stats,.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.dashboard-columns{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-welcome{flex-direction:column;align-items:flex-start}.dashboard-stats{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.model-metrics,.admin-stats{grid-template-columns:1fr}}@media(max-width:480px){.quick-actions{grid-template-columns:1fr}}.profile-page{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.profile-container{max-width:900px;margin:0 auto;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.profile-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);color:#fff}.profile-avatar{width:100px;height:100px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;text-transform:uppercase;border:4px solid rgba(255,255,255,.3)}.profile-info h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.profile-email{opacity:.9;margin-bottom:var(--spacing-sm)}.role-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.superadmin{background:#dc3545;color:#fff}.role-badge.admin{background:#ffc107;color:#000}.role-badge.user{background:#fff3;color:#fff}.profile-tabs{display:flex;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .2s ease;border-bottom:3px solid transparent}.tab-btn:hover{color:var(--color-primary);background:var(--color-bg-tertiary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg-primary)}.profile-content{padding:var(--spacing-xl)}.profile-form h2,.account-info h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.form-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.input-wrapper svg{position:absolute;left:12px;color:var(--color-text-tertiary);pointer-events:none}.input-wrapper input{width:100%;padding:12px 12px 12px 44px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.input-wrapper input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.input-wrapper input.disabled{background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:not-allowed}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:4px;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:var(--color-text-primary)}.error-message{display:block;color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.helper-text{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.btn-primary:hover:not(:disabled){background:var(--color-primary-darker);transform:translateY(-1px)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.info-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.info-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-alpha);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.info-icon.status-active{background:var(--color-success-alpha, rgba(40, 167, 69, .1));color:var(--color-success)}.info-content{display:flex;flex-direction:column}.info-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary)}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.status-badge.active{background:var(--color-success-alpha, rgba(40, 167, 69, .1));color:var(--color-success)}.role-summary{background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);margin-bottom:var(--spacing-md)}.role-summary-header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.role-summary-header>svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.role-summary-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.role-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.role-permissions{background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.role-permissions h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.permissions-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.permission-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.permission-item.granted{background:var(--color-success-alpha, rgba(40, 167, 69, .1));color:var(--color-success)}.permission-item.denied{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);opacity:.55}.permission-item .check{font-weight:700}.permission-name{flex:1}.permission-requires{font-size:var(--font-size-xs);opacity:.7;font-style:italic}.permissions-note{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md);line-height:1.5}@media(max-width:768px){.profile-header{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.profile-avatar{width:80px;height:80px;font-size:2rem}.profile-tabs{overflow-x:auto}.tab-btn{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}.form-row,.info-grid,.permissions-list{grid-template-columns:1fr}}.cs-wrap{position:relative}.cs-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;font-size:var(--font-size-sm);font-family:inherit;border:1.5px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;line-height:1.5}.cs-trigger:hover:not(:disabled){border-color:var(--color-primary)}.cs-trigger.cs-open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.cs-trigger.cs-placeholder .cs-label{color:var(--color-text-tertiary)}.cs-trigger:disabled{opacity:.6;cursor:not-allowed}.cs-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-chevron{flex-shrink:0;color:var(--color-text-tertiary);transition:transform .2s}.cs-chevron-up{transform:rotate(180deg)}.cs-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--color-bg-primary);border:1.5px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0,0,0,.15));z-index:100}.cs-option{padding:.5rem .75rem;font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-option:hover{background:var(--color-primary-alpha);color:var(--color-primary)}.cs-option.cs-selected{background:var(--color-primary);color:#fff}.cs-option.cs-selected:hover{background:var(--color-primary-darker, var(--color-primary));color:#fff}.cs-hidden-select{position:absolute;bottom:0;left:0;width:100%;height:0;padding:0!important;margin:0;border:none!important;opacity:0;pointer-events:none}.cs-disabled{pointer-events:none}.cs-menu::-webkit-scrollbar{width:6px}.cs-menu::-webkit-scrollbar-track{background:transparent}.cs-menu::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.cs-menu::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.loc-sel{margin-bottom:var(--spacing-md)}.loc-sel-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.loc-sel-field{display:flex;flex-direction:column;gap:4px}.loc-sel-field label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.loc-sel-req{color:var(--color-danger)}.loc-sel-input{position:relative}.loc-sel-input select{width:100%;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit}.loc-sel-input select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.loc-sel-input select:disabled{opacity:.6;cursor:not-allowed}.loc-sel-spinner{position:absolute;right:36px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);animation:loc-spin 1s linear infinite}@keyframes loc-spin{to{transform:translateY(-50%) rotate(360deg)}}@media(max-width:640px){.loc-sel-row{grid-template-columns:1fr}}.predictions-page{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.predictions-container{max-width:1400px;margin:0 auto}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.predictions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.header-content h1{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.model-info{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.model-badge{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-primary)}.model-badge .model-name{font-size:var(--font-size-base)}.model-type-tag{padding:2px 8px;background:var(--color-primary-alpha);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.model-details{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.model-details span{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.model-algorithm,.model-dataset,.model-metric{padding:4px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-full)}.model-stats{display:flex;gap:var(--spacing-lg)}.model-stats span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.model-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-warning-alpha, rgba(255, 193, 7, .1));border:1px solid var(--color-warning);border-radius:var(--radius-lg);color:var(--color-warning);margin-bottom:var(--spacing-lg)}.predictions-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.prediction-form-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.prediction-form{padding:var(--spacing-xl)}.prediction-form h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.farmer-questions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.farmer-question{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);transition:border-color .2s}.farmer-question:focus-within{border-color:var(--color-primary)}.farmer-question label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.question-help{display:block;font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-md);line-height:1.4}.farmer-input{width:100%;padding:12px 16px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-lg);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.farmer-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.farmer-input::placeholder{color:var(--color-text-tertiary);font-size:var(--font-size-base)}.season-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.season-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-primary);cursor:pointer;transition:all .2s;text-align:center;color:var(--color-text-secondary)}.season-option:hover{border-color:var(--color-primary);background:var(--color-primary-alpha)}.season-option.selected{border-color:var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary)}.season-option svg{color:inherit}.season-name{font-size:var(--font-size-base);font-weight:600}.season-desc{font-size:var(--font-size-xs);opacity:.8}.advanced-section{border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-md)}.advanced-toggle{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm) 0}.advanced-toggle:hover{color:var(--color-primary)}.advanced-toggle svg{transition:transform .2s}.advanced-toggle svg.rotated{transform:rotate(180deg)}.advanced-fields{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.notes-question{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px dashed var(--color-border-primary);border-radius:var(--radius-lg);margin-top:var(--spacing-md)}.notes-question label{font-size:var(--font-size-sm)!important;font-weight:500!important;color:var(--color-text-secondary)!important}.form-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.form-section:last-of-type{border-bottom:none}.form-section h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.form-group{margin-bottom:0}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper svg{position:absolute;left:12px;color:var(--color-text-tertiary);pointer-events:none;z-index:1}.input-wrapper input,.input-wrapper select{width:100%;padding:10px 10px 10px 40px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.select-wrapper select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.input-wrapper input:focus,.input-wrapper select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{flex:1;background:var(--color-primary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.prediction-results-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);min-height:500px}.no-prediction{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;color:var(--color-text-tertiary)}.no-prediction-icon{margin-bottom:var(--spacing-lg);opacity:.3}.no-prediction h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.model-features-info{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:400px}.model-features-info h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.features-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.feature-tag{padding:4px 10px;background:var(--color-primary-alpha);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-family:monospace}.required{color:var(--color-danger);margin-left:2px}.computed-features{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-primary)}.computed-features h5{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.prediction-result{height:100%}.result-risk-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff}.risk-banner-icon{width:56px;height:56px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.risk-banner-label{display:block;font-size:var(--font-size-xl);font-weight:700;letter-spacing:.5px}.risk-banner-subtitle{display:block;font-size:var(--font-size-sm);opacity:.85;margin-top:2px}.result-main-number{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.result-big-number{display:block;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-xs)}.result-number-label{display:block;font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:500}.result-explanation{padding:0 var(--spacing-lg) var(--spacing-lg)}.result-explanation p{font-size:var(--font-size-base);line-height:1.7;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);margin:0}.result-confidence{padding:0 var(--spacing-lg) var(--spacing-lg)}.confidence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.confidence-pct{font-weight:700;font-size:var(--font-size-lg);color:var(--color-text-primary)}.confidence-bar{height:10px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.confidence-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.confidence-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.result-inputs{padding:0 var(--spacing-lg) var(--spacing-lg)}.result-inputs h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-sm)}.input-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.input-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:2px}.input-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.result-recommendations{padding:var(--spacing-lg);margin:0 var(--spacing-lg) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.result-recommendations h4{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.result-recommendations ul{list-style:none;padding:0;margin:0}.result-recommendations li{padding:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;border-bottom:1px solid var(--color-border-primary)}.result-recommendations li:last-child{border-bottom:none}.result-recommendations li strong{color:var(--color-text-primary)}.result-technical{padding:0 var(--spacing-lg) var(--spacing-lg)}.result-technical summary{font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-sm) 0;-webkit-user-select:none;user-select:none}.result-technical summary:hover{color:var(--color-text-primary)}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md)}.detail-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.detail-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:2px}.detail-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.prediction-result.risk-critical,.prediction-result.risk-high,.prediction-result.risk-medium,.prediction-result.risk-low{border-top:none}@media(max-width:1024px){.predictions-content{grid-template-columns:1fr}.prediction-results-section{min-height:auto}}@media(max-width:768px){.predictions-header,.model-info{flex-direction:column;align-items:flex-start}.result-main,.details-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-secondary{order:2}.season-picker{grid-template-columns:1fr}}.prediction-step{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border:1px solid var(--color-border-primary)}.step-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0}.step-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.model-picker{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.model-select-wrapper{position:relative;flex:1;min-width:300px}.model-select{width:100%;padding:10px 36px 10px 14px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9rem;cursor:pointer;appearance:none}.model-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1976d226}.model-select-wrapper .select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-secondary)}.model-count{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap}.model-location-tag{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--color-text-secondary)}.loading-inline{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-text-secondary);font-size:.9rem}.predictions-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:2px dashed var(--color-border-primary);margin-top:var(--spacing-lg)}.predictions-placeholder h3{margin-top:var(--spacing-md);color:var(--color-text-primary);font-weight:600}.predictions-placeholder p{margin-top:var(--spacing-xs);max-width:400px}.history-page{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.history-container{max-width:1400px;margin:0 auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.header-left h1{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.header-left p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.filters-section{background:var(--color-bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.filters-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.filter-group{flex:1;min-width:150px}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:12px;color:var(--color-text-tertiary)}.search-input input{width:100%;padding:10px 10px 10px 40px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.filter-group select,.filter-group input[type=date]{width:100%;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.btn-filter,.btn-clear{padding:10px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all .2s}.btn-filter{background:var(--color-primary);color:#fff;border:none}.btn-filter:hover{background:var(--color-primary-darker)}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-item{background:var(--color-bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.stat-item .stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.stat-item .stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.stat-item.high .stat-value{color:var(--color-danger)}.stat-item.medium .stat-value{color:var(--color-warning)}.stat-item.low .stat-value{color:var(--color-success)}.predictions-table{width:100%;border-collapse:collapse}.predictions-table th,.predictions-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-primary)}.predictions-table th{background:var(--color-bg-secondary);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.predictions-table td{font-size:var(--font-size-sm);color:var(--color-text-primary)}.predictions-table tbody tr:hover{background:var(--color-bg-secondary)}.id-cell{font-weight:600;color:var(--color-primary)}.date-cell{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary)}.risk-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.risk-badge.high{background:#dc35451a;color:var(--color-danger)}.risk-badge.medium{background:#ffc1071a;color:#b8860b}.risk-badge.low{background:#28a7451a;color:var(--color-success)}.confidence-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.confidence-mini{width:60px;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.confidence-fill-mini{height:100%;background:var(--color-primary);border-radius:var(--radius-full)}.actions-cell{display:flex;gap:var(--spacing-xs)}.action-btn.view{background:var(--color-primary-alpha);color:var(--color-primary)}.action-btn.view:hover{background:var(--color-primary);color:#fff}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.result-display{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.predicted-value-info{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.predicted-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.predicted-number{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);font-family:monospace}.confidence-display{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.params-grid,.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.param-item,.meta-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.param-label,.meta-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:capitalize;margin-bottom:2px}.param-value,.meta-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.confirm-modal{max-width:400px;text-align:center;padding:var(--spacing-xl)}.btn-danger:hover{background:#c82333}@media(max-width:1024px){.stats-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.history-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.filters-row{flex-direction:column}.filter-group{width:100%}.filter-actions{width:100%;justify-content:flex-end}.stats-summary{grid-template-columns:repeat(2,1fr)}.pagination{flex-direction:column;gap:var(--spacing-md)}.params-grid,.meta-grid{grid-template-columns:1fr}}.mm-page{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.mm-container{max-width:1400px;margin:0 auto}.mm-train-btn{background:linear-gradient(135deg,var(--color-success) 0%,#218838 100%)!important}.mm-train-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34)!important}.mm-table{width:100%;border-collapse:collapse}.mm-table th,.mm-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-primary)}.mm-table th{background:var(--color-bg-secondary);font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.mm-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.mm-table th.sortable:hover{color:var(--color-text-primary)}.mm-table th.sortable svg{vertical-align:middle;margin-left:2px;opacity:.5}.mm-table tbody tr{transition:background .1s}.mm-table tbody tr.clickable-row{cursor:pointer}.mm-table tbody tr.clickable-row:hover{background:var(--color-bg-secondary)}.mm-table td{color:var(--color-text-primary);font-size:.9rem}.mm-name-cell{font-weight:500}.mm-type-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.mm-type-badge.trained{background:#28a7451f;color:var(--color-success)}.mm-type-badge.imported{background:#17a2b81f;color:#17a2b8}.mm-status-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.mm-status-badge.active{background:#28a7451f;color:var(--color-success)}.mm-status-badge.inactive{background:#6c757d1a;color:var(--color-text-tertiary)}.mm-filter-group{min-width:140px}.mm-filter-clear{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xs);cursor:pointer;border-radius:var(--radius-md);transition:all .15s}.mm-filter-clear:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.empty-actions{display:flex;gap:var(--spacing-md)}.mm-train-modal{max-width:860px}.mm-upload-modal{max-width:780px}.mm-training-notice{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);margin:var(--spacing-md) var(--spacing-lg);background:#ffc10714;border:1px solid rgba(255,193,7,.25);border-radius:var(--radius-md);color:var(--color-text-secondary)}.mm-training-notice svg{flex-shrink:0;color:#ffc107}.mm-training-notice strong{display:block;margin-bottom:4px}.mm-training-notice p{font-size:var(--font-size-sm);margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label,.mm-train-modal label,.mm-upload-modal label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.mm-train-modal input,.mm-train-modal select,.mm-train-modal textarea,.mm-upload-modal input,.mm-upload-modal select,.mm-upload-modal textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit}.mm-train-modal input:focus,.mm-train-modal select:focus,.mm-train-modal textarea:focus,.mm-upload-modal input:focus,.mm-upload-modal select:focus,.mm-upload-modal textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.mm-train-modal textarea,.mm-upload-modal textarea{resize:vertical;min-height:60px}.location-error{display:block;margin-top:-4px;margin-bottom:var(--spacing-sm)}.form-section-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.85rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-primary)}.form-section-header svg{color:var(--color-primary)}.form-switches{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.switch-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.switch-track{position:relative;width:40px;min-width:40px;height:22px;background:var(--color-border-primary);border-radius:11px;transition:background .2s;cursor:pointer}.switch-track[data-checked=true]{background:var(--color-primary)}.switch-track input[type=checkbox]{position:absolute;width:100%!important;height:100%;margin:0;padding:0!important;opacity:0;cursor:pointer}.switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;pointer-events:none;box-shadow:0 1px 3px #0003}.switch-track[data-checked=true] .switch-thumb{transform:translate(18px)}.mm-curl-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.mm-curl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.mm-curl-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0}.btn-generate{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s}.btn-generate:hover{background:var(--color-primary-darker)}.mm-curl-output{position:relative;background:#1e1e1e;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.mm-curl-output pre{padding:var(--spacing-md);padding-right:80px;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;color:#d4d4d4;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.copy-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--color-primary-darker)}.mm-curl-tip{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.mm-import-tabs{display:flex;border-bottom:2px solid var(--color-border-primary);padding:0 var(--spacing-lg)}.mm-import-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.mm-import-tab:hover{color:var(--color-text-primary)}.mm-import-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.mm-import-info{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-primary-alpha);border:1px solid rgba(79,70,229,.15);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.mm-import-info svg{flex-shrink:0;color:var(--color-primary);margin-top:1px}.mm-import-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.mm-import-files{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.mm-import-files .file-drop-zone{padding:var(--spacing-lg) var(--spacing-md)}.mm-import-files .file-drop-zone p{font-size:var(--font-size-sm)}.mm-import-files .file-browse-btn{padding:6px 14px;font-size:var(--font-size-xs)}.mm-metadata-preview{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid rgba(40,167,69,.2)}.mm-metadata-preview h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-success);margin-bottom:var(--spacing-md)}.mm-metadata-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.mm-metadata-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm, 4px)}.mm-meta-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:2px}.mm-meta-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.file-drop-zone{border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .2s;cursor:pointer}.file-drop-zone.drag-active{border-color:var(--color-primary);background:var(--color-primary-alpha)}.file-drop-zone svg{color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm)}.file-drop-zone p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.file-drop-zone span{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-drop-zone small{display:block;margin-top:var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.file-browse-btn{display:inline-block;margin:var(--spacing-sm) 0;padding:8px 16px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background .2s}.file-info{display:flex;align-items:center;gap:var(--spacing-md)}.file-info span{flex:1;font-weight:500;color:var(--color-text-primary);text-align:left}.remove-file{background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.form-row{grid-template-columns:1fr}.mm-train-modal,.mm-upload-modal{max-width:100%}.mm-import-files{grid-template-columns:1fr}.mm-metadata-grid{grid-template-columns:repeat(2,1fr)}}.md-page{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.md-container{max-width:1200px;margin:0 auto}.md-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.md-spinner{width:40px;height:40px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:md-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes md-spin{to{transform:rotate(360deg)}}.md-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;border:none;background:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--spacing-md);transition:color .15s}.md-back:hover{color:var(--color-primary)}.md-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.md-header-left{display:flex;align-items:flex-start;gap:var(--spacing-md)}.md-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary-alpha);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.md-header-info h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.md-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.md-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.md-badge.trained{background:#28a7451a;color:var(--color-success)}.md-badge.imported{background:#17a2b81a;color:#17a2b8}.md-badge.algo{background:var(--color-primary-alpha);color:var(--color-primary)}.md-badge.version{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.md-badge.active{background:var(--color-success);color:#fff}.md-header-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.md-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border:none;transition:all .2s}.md-btn:disabled{opacity:.5;cursor:not-allowed}.md-btn-primary{background:var(--color-primary);color:#fff}.md-btn-primary:hover:not(:disabled){background:var(--color-primary-darker)}.md-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.md-btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.md-btn-ghost{background:transparent;color:var(--color-text-secondary)}.md-btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.md-btn-danger{background:var(--color-danger);color:#fff}.md-btn-danger:hover:not(:disabled){background:#c82333}.md-btn-success{background:var(--color-success);color:#fff}.md-btn-success:hover:not(:disabled){background:#218838}.md-btn-warning{background:#ffc107;color:#000}.md-btn-warning:hover:not(:disabled){background:#e0a800}.md-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.md-stat{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;min-width:180px}.md-stat svg{color:var(--color-primary);flex-shrink:0}.md-stat-value{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.md-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.md-tabs{display:flex;gap:2px;margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border-primary)}.md-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.md-tab:hover{color:var(--color-text-primary)}.md-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.md-section{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.md-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.md-detail-card{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.md-detail-card h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.md-detail-card p{color:var(--color-text-secondary);line-height:1.6}.md-meta-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.md-meta-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm, 4px)}.md-meta-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:2px}.md-meta-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.md-features-list{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.md-feature-tag{padding:4px 10px;background:var(--color-bg-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-family:monospace;color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.md-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.md-metric-box{text-align:center;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.md-metric-box .md-metric-value{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.md-metric-box .md-metric-value.good{color:var(--color-primary)}.md-metric-box .md-metric-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.md-importance-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.md-importance-item{display:flex;align-items:center;gap:var(--spacing-md)}.md-importance-name{font-size:var(--font-size-sm);font-family:monospace;color:var(--color-text-primary);min-width:160px}.md-importance-bar-wrap{flex:1;height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:hidden}.md-importance-bar{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s}.md-importance-pct{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);min-width:50px;text-align:right}.md-comparison-table-wrap{overflow-x:auto}.md-comparison-table{width:100%;border-collapse:collapse}.md-comparison-table th,.md-comparison-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-primary);font-size:var(--font-size-sm)}.md-comparison-table th{font-weight:500;color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase}.md-comparison-table td{color:var(--color-text-primary)}.md-comparison-table td svg{color:var(--color-success);vertical-align:middle;margin-left:4px}.md-selected-algo{background:var(--color-primary-alpha)}.md-selected-algo td{font-weight:600}.md-inactive-warning{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#ffc10714;border:1px solid rgba(255,193,7,.25);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.md-inactive-warning>svg{flex-shrink:0;color:#ffc107}.md-inactive-warning>div{flex:1}.md-inactive-warning strong{display:block;color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:2px}.md-inactive-warning p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.md-btn-sm{padding:6px 12px;font-size:var(--font-size-xs)}.md-test-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.md-test-desc{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.md-test-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.md-test-field label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-family:monospace}.md-test-field input{width:100%;padding:8px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.md-test-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.md-test-result{background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-primary)}.md-risk-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);color:#fff}.md-risk-banner-icon{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.md-risk-banner-text{display:flex;flex-direction:column}.md-risk-label{font-size:1.25rem;font-weight:700}.md-risk-subtitle{font-size:var(--font-size-sm);opacity:.9}.md-result-number-block{text-align:center;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md)}.md-result-big-number{display:block;font-size:3.5rem;font-weight:800;line-height:1.1}.md-result-number-label{display:block;font-size:var(--font-size-md);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.md-result-explanation{margin:0 var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.md-result-explanation p{margin:0;font-size:var(--font-size-md);line-height:1.6;color:var(--color-text-primary)}.md-result-confidence{margin:var(--spacing-lg) var(--spacing-xl) 0}.md-confidence-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.md-confidence-pct{font-weight:700;color:var(--color-text-primary)}.md-confidence-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.md-confidence-fill{height:100%;border-radius:4px;transition:width .6s ease}.md-result-recommendations{padding:var(--spacing-lg) var(--spacing-xl)}.md-result-recommendations h4{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-text-primary)}.md-result-recommendations ul{list-style:none;padding:0;margin:0}.md-result-recommendations li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-primary);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary)}.md-result-recommendations li:last-child{border-bottom:none}.md-result-recommendations li strong{color:var(--color-text-primary)}.md-result-technical{margin:0 var(--spacing-xl) var(--spacing-lg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.md-result-technical summary{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.md-result-technical summary:hover{color:var(--color-text-primary)}.md-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-lg);padding:0 var(--spacing-md) var(--spacing-md)}.md-tech-item{display:flex;flex-direction:column;gap:2px}.md-tech-item span:first-child{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.md-tech-item span:last-child{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.md-export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.md-export-card{padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .2s;border:2px solid transparent}.md-export-card:hover{border-color:var(--color-primary);background:var(--color-primary-alpha)}.md-export-card svg{color:var(--color-primary);margin-bottom:var(--spacing-md)}.md-export-card h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.md-export-card p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.md-empty{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary);text-align:center}.md-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.md-empty h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.md-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.md-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);max-width:480px;width:100%;box-shadow:var(--shadow-xl)}.md-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.md-modal-header h2{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.md-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md)}.md-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.md-modal-body{padding:var(--spacing-lg)}.md-form-group{margin-bottom:var(--spacing-md)}.md-form-group input,.md-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit}.md-form-group input:focus,.md-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.md-form-group textarea{resize:vertical;min-height:80px}.md-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.md-modal-confirm{text-align:center;padding:var(--spacing-xl)}.md-modal-confirm h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.md-modal-confirm p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.md-modal-icon{color:var(--color-warning);margin-bottom:var(--spacing-md)}.md-modal-confirm .md-modal-actions{justify-content:center;border-top:none;padding-top:0}.md-btn-retrain{background:linear-gradient(135deg,var(--color-primary) 0%,#6366f1 100%);color:#fff}.md-btn-retrain:hover:not(:disabled){background:linear-gradient(135deg,#6366f1 0%,var(--color-primary) 100%)}.md-retrain-modal{max-width:700px}.md-retrain-info{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ffc10714;border-bottom:1px solid rgba(255,193,7,.15)}.md-retrain-info svg{flex-shrink:0;color:#ffc107;margin-top:1px}.md-retrain-info strong{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px}.md-retrain-info p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.md-retrain-current{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.md-retrain-current strong{color:var(--color-text-primary)}.md-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.md-form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.md-retrain-modal input,.md-retrain-modal select,.md-retrain-modal textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit}.md-retrain-modal input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.md-error{display:block;color:var(--color-danger);font-size:var(--font-size-xs);margin-top:4px}.md-retrain-switches{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.md-switch-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.md-switch-track{position:relative;width:40px;min-width:40px;height:22px;background:var(--color-border-primary);border-radius:11px;transition:background .2s;cursor:pointer}.md-switch-track[data-checked=true]{background:var(--color-primary)}.md-switch-track input[type=checkbox]{position:absolute;width:100%!important;height:100%;margin:0;padding:0!important;opacity:0;cursor:pointer}.md-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;pointer-events:none;box-shadow:0 1px 3px #0003}.md-switch-track[data-checked=true] .md-switch-thumb{transform:translate(18px)}.md-curl-section{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.md-curl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.md-curl-header span{display:flex;align-items:center;gap:var(--spacing-xs)}.md-curl-output{position:relative;background:#1e1e1e;border-radius:var(--radius-md)}.md-curl-output pre{padding:var(--spacing-md);padding-right:50px;margin:0;font-family:Monaco,Menlo,monospace;font-size:11px;line-height:1.5;color:#d4d4d4;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.md-curl-copy{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.md-curl-copy:hover{background:var(--color-primary-darker)}.md-versions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.md-versions-header h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.md-versions-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.md-versions-table{width:100%;border-collapse:collapse}.md-versions-table th,.md-versions-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-primary);font-size:var(--font-size-sm)}.md-versions-table th{font-weight:500;color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;background:var(--color-bg-secondary)}.md-versions-table td{color:var(--color-text-primary)}.md-version-current{background:var(--color-primary-alpha)}.md-version-current td{font-weight:500}@media(max-width:768px){.md-header{flex-direction:column}.md-detail-grid{grid-template-columns:1fr}.md-metrics-grid{grid-template-columns:repeat(2,1fr)}.md-test-panel,.md-export-grid,.md-meta-list{grid-template-columns:1fr}.md-stats{flex-direction:column}.md-form-row{grid-template-columns:1fr}.md-retrain-modal{max-width:100%}}.dataset-management-page{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.dataset-management-container{max-width:1400px;margin:0 auto}.dataset-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-icon.datasets{background:var(--color-primary-alpha);color:var(--color-primary)}.stat-icon.rows{background:#28a7451a;color:var(--color-success)}.stat-icon.columns{background:#17a2b81a;color:var(--color-info)}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-primary);gap:var(--spacing-md);flex-wrap:wrap}.search-form{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);flex:1;max-width:360px}.search-form>svg{flex-shrink:0;color:var(--color-text-tertiary)}.search-form>input,.search-form>input:focus,.search-form>input:hover{all:unset!important;flex:1!important;font-size:.9rem!important;color:var(--color-text-primary)!important;min-width:120px}.search-form>input::placeholder{color:var(--color-text-tertiary)}.search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:50%;cursor:pointer;transition:all .15s}.search-clear:hover{background:var(--color-text-tertiary);color:var(--color-bg-primary)}.table-toolbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.result-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap}.empty-state p{margin-bottom:var(--spacing-lg)}.datasets-table{width:100%;border-collapse:collapse}.datasets-table th,.datasets-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-primary)}.datasets-table th{background:var(--color-bg-secondary);font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.datasets-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.datasets-table th.sortable:hover{color:var(--color-text-primary)}.datasets-table th.sortable svg{vertical-align:middle;margin-left:2px;opacity:.5}.datasets-table tbody tr{transition:background .1s}.datasets-table tbody tr.clickable-row{cursor:pointer}.datasets-table tbody tr.clickable-row:hover{background:var(--color-bg-secondary)}.datasets-table td{color:var(--color-text-primary);font-size:.9rem}.status-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.status-badge.processed{background:#28a7451f;color:var(--color-success)}.status-badge.pending{background:#ffc1071f;color:var(--color-warning)}.modal-content{background:var(--color-bg-primary);border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000040}.modal-body{padding:1.5rem}.upload-modal .form-group{margin-bottom:var(--spacing-md)}.upload-modal label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.upload-modal input,.upload-modal textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit}.upload-modal input:focus,.upload-modal textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.upload-modal textarea{resize:vertical;min-height:80px}.error{display:block;color:var(--color-danger);font-size:var(--font-size-xs);margin-top:4px}.file-drop-zone{border:2px dashed var(--color-border-primary);border-radius:var(--radius-xl);padding:2rem 1.5rem;text-align:center;transition:all .2s;cursor:pointer;background:var(--color-bg-secondary)}.file-drop-zone:hover{border-color:var(--color-text-tertiary)}.file-drop-zone.drag-active{border-color:var(--color-primary);background:#a52a2a0d}.file-drop-zone.has-file{border-style:solid;border-color:var(--color-success);background:#28a7450d}.file-drop-zone>svg{color:var(--color-text-tertiary);margin-bottom:.5rem}.file-drop-zone>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:.25rem}.file-drop-zone>span{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:block;margin-bottom:.5rem}.file-drop-zone>small{display:block;margin-top:.75rem;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.file-browse-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background .2s}.file-browse-btn:hover{background:var(--color-primary-darker)}.file-browse-btn input[type=file]{display:none}.file-info{display:flex;align-items:center;gap:1rem;padding:.25rem}.file-info>svg{color:var(--color-success);flex-shrink:0}.file-details{flex:1;text-align:left}.file-name{display:block;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px}.file-size{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.remove-file{background:#dc35451a;color:var(--color-danger);border:none;border-radius:var(--radius-md);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-file:hover{background:var(--color-danger);color:#fff}.detail-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dataset-icon-large{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary-alpha);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.detail-title h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.dataset-id{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.detail-section p{color:var(--color-text-secondary);line-height:1.6}.stats-display{display:flex;gap:var(--spacing-md)}.stat-box{flex:1;text-align:center;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.stat-box svg{color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-box .stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.stat-box .stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.columns-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.column-tag{padding:4px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-primary)}.meta-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.meta-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.meta-item .meta-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:2px}.meta-item .meta-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.validation-status{text-align:center;padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.validation-status.valid{color:var(--color-success)}.validation-status.invalid{color:var(--color-danger)}.validation-status h3{font-size:var(--font-size-xl);margin:var(--spacing-md) 0 var(--spacing-sm)}.validation-status p{color:var(--color-text-secondary)}.validation-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.validation-item{text-align:center;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.validation-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:4px}.validation-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.validation-value.warning{color:var(--color-warning)}.data-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.data-type-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.col-name{font-weight:500;color:var(--color-text-primary)}.col-type{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:monospace}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.dataset-stats{grid-template-columns:1fr}.stats-display{flex-direction:column}.validation-details,.data-types-grid,.meta-list{grid-template-columns:1fr}.pagination{flex-direction:column;gap:var(--spacing-md)}}.dd-page{min-height:calc(100vh - 140px);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-bg-secondary)}.dd-container{max-width:1400px;margin:0 auto}.dd-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;padding:6px 0;margin-bottom:var(--spacing-md);transition:color .15s}.dd-back:hover{color:var(--color-primary)}.dd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.dd-header-left{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1;min-width:0}.dd-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary-alpha);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dd-header-info h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.dd-header-info p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.dd-header-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.dd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dd-stat{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dd-stat>svg{color:var(--color-primary);flex-shrink:0}.dd-stat>div{display:flex;flex-direction:column;min-width:0}.dd-stat-value{font-size:.95rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-stat-label{font-size:.78rem;color:var(--color-text-tertiary)}.dd-section{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.dd-section h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md)}.dd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.dd-section-header h3{margin:0}.dd-columns-list{display:flex;flex-wrap:wrap;gap:8px}.dd-col-tag{padding:4px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--color-text-primary)}.dd-col-tag.required{background:var(--color-primary-alpha);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.dd-tabs{display:flex;gap:4px;background:var(--color-bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:8px 8px 0;box-shadow:var(--shadow-sm);margin-bottom:0}.dd-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;border-radius:var(--radius-md) var(--radius-md) 0 0}.dd-tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.dd-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg-secondary)}.dd-tabs+.dd-section{border-radius:0 0 var(--radius-lg) var(--radius-lg);margin-top:0}.dd-preview-table-wrap{overflow-x:auto;border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.dd-preview-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.dd-preview-table th,.dd-preview-table td{padding:8px 14px;text-align:left;border-bottom:1px solid var(--color-border-primary);border-right:1px solid var(--color-border-secondary)}.dd-preview-table th:last-child,.dd-preview-table td:last-child{border-right:none}.dd-preview-table th{background:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-secondary);position:sticky;top:0;z-index:1}.dd-col-dtype{display:block;font-size:.7rem;font-weight:400;color:var(--color-text-tertiary);font-family:monospace}.dd-preview-table tbody tr:hover{background:var(--color-bg-secondary)}.dd-row-num{color:var(--color-text-tertiary);font-size:.8rem;text-align:center!important;width:50px;min-width:50px;background:var(--color-bg-tertiary)}.dd-null{color:var(--color-text-tertiary);font-style:italic;font-size:.78rem}.dd-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0 0;margin-top:var(--spacing-md);border-top:1px solid var(--color-border-primary)}.dd-pagination-info{font-size:.85rem;color:var(--color-text-secondary)}.dd-pagination-controls{display:flex;align-items:center;gap:8px}.dd-page-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all .15s}.dd-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.dd-page-btn:disabled{opacity:.4;cursor:not-allowed}.dd-page-current{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.dd-validation-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.dd-validation-banner.valid{background:#28a74514;color:var(--color-success)}.dd-validation-banner.invalid{background:#dc354514;color:var(--color-danger)}.dd-validation-banner strong{display:block;margin-bottom:2px}.dd-validation-banner p{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.dd-validation-messages{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-md)}.dd-msg{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-md);font-size:.85rem}.dd-msg.info{background:#17a2b814;color:var(--color-info)}.dd-msg.warning{background:#ffc1071a;color:var(--color-warning)}.dd-validation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dd-vstat{text-align:center;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.dd-vstat.warning{background:#ffc10714}.dd-vstat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.dd-vstat.warning .dd-vstat-value{color:var(--color-warning)}.dd-vstat-label{display:block;font-size:.78rem;color:var(--color-text-tertiary);margin-top:2px}.dd-subsection{margin-bottom:var(--spacing-lg)}.dd-subsection h4{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.dd-missing-grid,.dd-dtypes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.dd-missing-item,.dd-dtype-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.dd-missing-col,.dd-dtype-col{font-weight:500;color:var(--color-text-primary);font-size:.85rem}.dd-missing-count{font-size:.8rem;color:var(--color-warning);font-weight:500}.dd-dtype-type{font-size:.78rem;color:var(--color-text-tertiary);font-family:monospace}.dd-empty-validation{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.dd-empty-validation svg{opacity:.3;margin-bottom:var(--spacing-md)}.dd-empty-validation h3{color:var(--color-text-secondary);margin-bottom:4px}.dd-empty-validation p{margin-bottom:var(--spacing-lg)}.dd-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.dd-btn:disabled{opacity:.5;cursor:not-allowed}.dd-btn-sm{padding:6px 12px;font-size:.8rem}.dd-btn-primary{background:var(--color-primary);color:#fff}.dd-btn-primary:hover:not(:disabled){background:var(--color-primary-darker)}.dd-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.dd-btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.dd-btn-ghost{background:transparent;color:var(--color-text-secondary)}.dd-btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.dd-btn-danger{background:#dc35451a;color:var(--color-danger)}.dd-btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.dd-loading,.dd-loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.dd-loading-inline{padding:var(--spacing-xl)}.dd-spinner{width:36px;height:36px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:dd-spin .8s linear infinite;margin-bottom:var(--spacing-sm)}.dd-spin{animation:dd-spin .8s linear infinite}@keyframes dd-spin{to{transform:rotate(360deg)}}.dd-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-tertiary)}.dd-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dd-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);max-width:440px;width:90%;padding:var(--spacing-xl);text-align:center;box-shadow:0 8px 32px #00000040}.dd-modal-icon{color:var(--color-warning);margin-bottom:var(--spacing-md)}.dd-modal h2{font-size:1.2rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.dd-modal p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-lg)}.dd-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border-primary)}.dd-modal-actions .dd-btn-danger{background:var(--color-danger);color:#fff}.dd-modal-form{text-align:left;padding:0;max-width:480px}.dd-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border-primary)}.dd-modal-header h2{display:flex;align-items:center;gap:8px;font-size:1.1rem;margin:0}.dd-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md)}.dd-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.dd-modal-body{padding:var(--spacing-xl)}.dd-form-group{margin-bottom:var(--spacing-md)}.dd-form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:6px}.dd-form-group input,.dd-form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.9rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:inherit}.dd-form-group input:focus,.dd-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.dd-form-group textarea{resize:vertical;min-height:80px}@media(max-width:900px){.dd-stats,.dd-validation-grid{grid-template-columns:repeat(2,1fr)}.dd-header{flex-direction:column}.dd-header-actions{width:100%;justify-content:flex-start}}@media(max-width:600px){.dd-stats{grid-template-columns:1fr}.dd-validation-grid{grid-template-columns:1fr 1fr}.dd-missing-grid,.dd-dtypes-grid{grid-template-columns:1fr}}.analytics-page{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.analytics-container{max-width:1400px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.spinner{width:48px;height:48px;border:4px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.date-filter{background:var(--color-bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.filter-inputs{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.filter-group input{padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.filter-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.filter-actions{display:flex;gap:var(--spacing-xs)}.btn-apply,.btn-clear{padding:10px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.btn-apply{background:var(--color-primary);color:#fff;border:none}.btn-apply:hover{background:var(--color-primary-darker)}.btn-clear{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.metric-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative}.metric-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.metric-card.primary .metric-icon{background:var(--color-primary-alpha);color:var(--color-primary)}.metric-card.success .metric-icon{background:#28a7451a;color:var(--color-success)}.metric-card.info .metric-icon{background:#17a2b81a;color:var(--color-info)}.metric-card.warning .metric-icon{background:#ffc1071a;color:#b8860b}.metric-card.secondary .metric-icon{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.metric-content{display:flex;flex-direction:column}.metric-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.metric-trend{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600}.metric-trend.up{color:var(--color-success)}.metric-trend.down{color:var(--color-danger)}.charts-section{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.chart-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.chart-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.chart-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.chart-content{padding:var(--spacing-lg)}.risk-distribution{display:flex;flex-direction:column;gap:var(--spacing-lg)}.risk-item{display:flex;align-items:center;gap:var(--spacing-lg)}.risk-visual{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.risk-item.high .risk-visual svg{color:var(--color-danger)}.risk-item.medium .risk-visual svg{color:#b8860b}.risk-item.low .risk-visual svg{color:var(--color-success)}.risk-bar{flex:1;height:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.risk-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.risk-item.high .risk-fill{background:var(--color-danger)}.risk-item.medium .risk-fill{background:#ffc107}.risk-item.low .risk-fill{background:var(--color-success)}.risk-info{min-width:120px;text-align:right}.risk-info .risk-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.risk-info .risk-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.risk-info .risk-value small{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-tertiary);margin-left:4px}.performance-metrics{display:flex;flex-direction:column;gap:var(--spacing-lg)}.perf-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.perf-header{display:flex;justify-content:space-between;align-items:center}.perf-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.perf-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.perf-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.perf-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.perf-fill.confidence{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.perf-fill.efficiency{background:linear-gradient(90deg,var(--color-success) 0%,#28a74580 100%)}.perf-fill.uptime{background:linear-gradient(90deg,var(--color-info) 0%,#17a2b880 100%)}.summary-section{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.summary-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.summary-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.insights-list li{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.insights-list li svg.success{color:var(--color-success)}.insights-list li svg.warning{color:var(--color-warning)}.insights-list li svg.info{color:var(--color-info)}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.recommendations-list li{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.rec-number{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:var(--font-size-xs);font-weight:600}.btn-primary:hover{background:var(--color-primary-darker)}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.charts-section,.summary-section{grid-template-columns:1fr}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.filter-inputs{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-actions{justify-content:flex-end}.metrics-grid{grid-template-columns:repeat(2,1fr)}.risk-item{flex-direction:column;align-items:flex-start}.risk-visual{width:100%}.risk-info{width:100%;text-align:left}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}}.page-container{padding:32px 48px;max-width:100%;color:var(--color-text-primary)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-header h1{display:flex;align-items:center;gap:10px;font-size:1.6rem;margin:0;color:var(--color-text-primary)}.page-header p{color:var(--color-text-secondary);margin:6px 0 0;font-size:.95rem}.header-actions{display:flex;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:20px 24px;color:var(--color-text-primary)}.stat-card div{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{font-size:.85rem;color:var(--color-text-secondary);margin-top:2px}.section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:24px;margin-bottom:24px}.section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:1.15rem;color:var(--color-text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-header h3{margin-bottom:0}.search-box{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid var(--color-border-primary);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-secondary)}.search-box>svg{flex-shrink:0;width:16px;height:16px}.search-box>input,.search-box>input:focus,.search-box>input:hover,.search-box>input:invalid{all:unset!important;font-size:.9rem!important;flex:1!important;min-width:180px;color:var(--color-text-primary)!important}.search-box>input::placeholder{color:var(--color-text-tertiary)}.upload-history{display:flex;flex-direction:column;gap:10px}.upload-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:10px;flex-wrap:wrap}.upload-info{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;color:var(--color-text-primary);font-weight:500}.upload-stats{display:flex;gap:16px;font-size:.85rem;color:var(--color-text-secondary)}.upload-actions{display:flex;gap:6px}.status-badge{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.status-completed{background:#28a74526;color:var(--color-success)}.status-processing{background:#ffc10726;color:var(--color-warning)}.status-failed{background:#dc354526;color:var(--color-danger)}.status-pending{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.location-browser{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:550px}.browser-column{border:1px solid var(--color-border-primary);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary)}.column-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);font-weight:600;font-size:.95rem;color:var(--color-text-primary)}.column-list{flex:1;overflow-y:auto;max-height:600px}.list-item{display:flex;align-items:center;gap:10px;padding:12px 18px;cursor:pointer;border-bottom:1px solid var(--color-border-secondary);transition:background .15s;color:var(--color-text-primary)}.list-item:hover{background:var(--color-bg-hover)}.list-item.active{background:#a52a2a1f;border-left:3px solid var(--color-primary)}.item-name{flex:1;font-size:.9rem;font-weight:500}.item-count{font-size:.78rem;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:10px;font-weight:500}.empty-msg{padding:40px 24px;text-align:center;color:var(--color-text-tertiary);font-size:.9rem}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:500;transition:opacity .2s,transform .1s}.btn:hover:not(:disabled){opacity:.9}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverted)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--color-text-secondary);display:inline-flex;transition:background .15s,color .15s}.btn-icon:hover{background:var(--color-bg-hover)}.btn-icon.danger{color:var(--color-danger)}.btn-icon.danger:hover{background:#dc35451a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:14px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;color:var(--color-text-primary);box-shadow:0 8px 32px #0003}.modal-sm{max-width:420px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--color-border-secondary)}.modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.1rem}.modal-header.danger h3{color:var(--color-danger)}.modal-body{padding:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid var(--color-border-secondary)}.modal-hint{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:16px;line-height:1.5}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;margin-bottom:6px;font-size:.9rem;color:var(--color-text-primary)}.form-group input{width:100%;padding:10px 14px;border:1.5px solid var(--color-border-primary);border-radius:8px;font-size:.9rem;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #a52a2a1f}.field-error{color:var(--color-danger);font-size:.8rem;margin-top:4px;display:block}.warning-text{color:var(--color-warning);background:#ffc1071a;padding:10px 14px;border-radius:8px;font-size:.85rem;margin-top:10px;line-height:1.5}.error-list{max-height:200px;overflow-y:auto;font-size:.82rem;color:var(--color-danger);margin-top:8px;padding-left:18px}.drop-zone{border:2px dashed var(--color-border-primary);border-radius:10px;padding:32px;text-align:center;cursor:pointer;transition:all .2s;color:var(--color-text-secondary);background:var(--color-bg-primary)}.drop-zone:hover{border-color:var(--color-text-tertiary)}.drop-zone.active{border-color:var(--color-primary);background:#a52a2a0d}.drop-zone.has-file{border-color:var(--color-success);background:#28a7450d}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;justify-content:center;padding:60px}.loading-text{margin-left:12px}.hidden-input{display:none}@media(max-width:900px){.page-container{padding:20px 16px}.stats-grid,.location-browser{grid-template-columns:1fr}}@media(max-width:600px){.page-header{flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}}.user-management-page{min-height:calc(100vh - 140px);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary)}.user-management-container{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.header-content h1{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.header-content p{color:var(--color-text-secondary)}.header-actions{display:flex;gap:var(--spacing-sm)}.user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon.users{background:var(--color-primary-alpha);color:var(--color-primary)}.stat-icon.superadmin{background:#dc35451a;color:var(--color-danger)}.stat-icon.admin{background:#ffc1071a;color:#b8860b}.stat-icon.user{background:#28a7451a;color:var(--color-success)}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.stat-info .stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.filters-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;color:var(--color-text-tertiary)}.search-box input{width:100%;padding:12px 12px 12px 40px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-primary);color:var(--color-text-primary)}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.filter-selects{display:flex;gap:var(--spacing-sm)}.filter-selects select{padding:12px 16px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);min-width:130px}.btn-clear{padding:12px 16px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.btn-clear:hover{background:var(--color-bg-tertiary)}.table-section{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.empty-state svg{opacity:.3;margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.spinner{width:40px;height:40px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-primary)}.users-table th{background:var(--color-bg-secondary);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr:hover{background:var(--color-bg-secondary)}.user-cell{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-base);text-transform:uppercase}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--color-text-primary)}.user-username{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.email-cell,.date-cell{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.role-badge.superadmin{background:#dc35451a;color:var(--color-danger)}.role-badge.admin{background:#ffc1071a;color:#b8860b}.role-badge.user{background:#28a7451a;color:var(--color-success)}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.status-badge.active{background:#28a7451a;color:var(--color-success)}.status-badge.inactive{background:#dc35451a;color:var(--color-danger)}.actions-cell{display:flex;gap:var(--spacing-xs);align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s}.action-btn.role{background:var(--color-primary-alpha);color:var(--color-primary)}.action-btn.role:hover{background:var(--color-primary);color:#fff}.action-btn.delete{background:#dc35451a;color:var(--color-danger)}.action-btn.delete:hover{background:var(--color-danger);color:#fff}.current-user-badge{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination-controls{display:flex;gap:var(--spacing-xs)}.page-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-primary)}.page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.modal-header h2{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all .2s}.close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg)}.create-modal .form-group{margin-bottom:var(--spacing-md)}.create-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.create-modal label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.create-modal input,.create-modal select{width:100%;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.create-modal input:focus,.create-modal select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.create-modal .error{display:block;color:var(--color-danger);font-size:var(--font-size-xs);margin-top:4px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.role-modal{max-width:450px}.role-description{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.role-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.role-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-md);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-primary);cursor:pointer;transition:all .2s;position:relative}.role-option:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-secondary)}.role-option.current{border-color:var(--color-primary);background:var(--color-primary-alpha)}.role-option:disabled{opacity:.6;cursor:not-allowed}.role-option .role-name{font-weight:600;color:var(--color-text-primary)}.role-option .role-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.current-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:var(--font-size-xs);padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full)}.confirm-modal{text-align:center;padding:var(--spacing-xl)}.confirm-icon{color:var(--color-warning);margin-bottom:var(--spacing-md)}.confirm-modal h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.confirm-modal p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.confirm-actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px 20px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-darker)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover{background:var(--color-bg-tertiary)}.btn-danger{padding:10px 24px;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#c82333}.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.user-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.user-stats{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column}.search-box{width:100%}.filter-selects{width:100%;flex-wrap:wrap}.filter-selects select{flex:1;min-width:120px}.pagination{flex-direction:column;gap:var(--spacing-md)}.create-modal .form-row{grid-template-columns:1fr}}:root[data-theme=light],:root:not([data-theme]){--color-primary: #A52A2A;--color-primary-light: #D4535E;--color-primary-lighter: #E8949D;--color-primary-lightest: #F4D2D7;--color-primary-dark: #7A1F1F;--color-primary-darker: #4F1515;--color-success: #28A745;--color-success-light: #D4EDDA;--color-warning: #FFC107;--color-warning-light: #FFF3CD;--color-danger: #DC3545;--color-danger-light: #F8D7DA;--color-info: #17A2B8;--color-info-light: #D1ECF1;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-tertiary: #E9ECEF;--color-bg-hover: #F1F3F5;--color-text-primary: #212529;--color-text-secondary: #6C757D;--color-text-tertiary: #ADB5BD;--color-text-inverted: #FFFFFF;--color-border-primary: #DEE2E6;--color-border-secondary: #E9ECEF;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--shadow-md: 0 .5rem 1rem rgba(0, 0, 0, .1);--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--shadow-focus: 0 0 0 .2rem rgba(165, 42, 42, .25);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .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-weight-light: 300;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--opacity-disabled: .6}:root[data-theme=dark]{--color-primary: #D4535E;--color-primary-light: #E8949D;--color-primary-lighter: #F4D2D7;--color-primary-lightest: #FFF8F7;--color-primary-dark: #A52A2A;--color-primary-darker: #7A1F1F;--color-success: #51CF66;--color-success-light: #1F4620;--color-warning: #FFD43B;--color-warning-light: #4C3D0F;--color-danger: #FF6B6B;--color-danger-light: #5C2E2E;--color-info: #4DADF7;--color-info-light: #0D3D56;--color-bg-primary: #1A1A1A;--color-bg-secondary: #2D2D2D;--color-bg-tertiary: #3D3D3D;--color-bg-hover: #404040;--color-text-primary: #F8F9FA;--color-text-secondary: #ADB5BD;--color-text-tertiary: #6C757D;--color-text-inverted: #212529;--color-border-primary: #495057;--color-border-secondary: #343A40;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .3);--shadow-md: 0 .5rem 1rem rgba(0, 0, 0, .4);--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 .2rem rgba(212, 83, 94, .5);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .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-weight-light: 300;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--opacity-disabled: .6}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}code,pre{font-family:Fira Code,Courier New,monospace;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm)}pre{padding:var(--spacing-md);overflow-x:auto}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5,h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}button,input[type=button],input[type=submit],input[type=reset]{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverted);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);color:#fff}.btn-primary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-primary)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#218838}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-warning{background-color:var(--color-warning);color:var(--color-text-inverted)}.btn-warning:hover:not(:disabled){background-color:#e0a800}.btn-info{background-color:var(--color-info);color:#fff}.btn-info:hover:not(:disabled){background-color:#138496}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}input,textarea,select{display:block;width:100%;padding:.625rem .875rem;font-size:var(--font-size-base);font-family:inherit;border:1.5px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);line-height:1.5}select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236C757D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ADB5BD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus){border-color:var(--color-text-tertiary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #a52a2a26;background-color:var(--color-bg-primary)}input:disabled,textarea:disabled,select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}textarea{resize:vertical;min-height:120px}.form-text{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-error{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-danger)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.card-body{padding:0}.card-footer{padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-border-primary)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--spacing-md)}.alert-success{background-color:var(--color-success-light);border-left-color:var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);border-left-color:var(--color-warning);color:#856404}.alert-danger{background-color:var(--color-danger-light);border-left-color:var(--color-danger);color:var(--color-danger)}.alert-info{background-color:var(--color-info-light);border-left-color:var(--color-info);color:var(--color-info)}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-info{color:var(--color-info)!important}.text-muted{color:var(--color-text-tertiary)!important}.bg-primary{background-color:var(--color-primary)!important;color:var(--color-text-inverted)}.bg-light{background-color:var(--color-bg-secondary)!important}.bg-dark{background-color:var(--color-bg-tertiary)!important}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.w-100{width:100%}.h-100{height:100%}.cursor-pointer{cursor:pointer}.opacity-50{opacity:.5}.opacity-75{opacity:.75}@media(max-width:576px){.d-md-none{display:none}.text-md-center{text-align:center}}@media(min-width:577px){.d-md-flex{display:flex}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-base)}.slide-in-up{animation:slideInUp var(--transition-base)}.slide-in-down{animation:slideInDown var(--transition-base)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){.btn,input,textarea,select{border-width:2px}}.skip-to-main{position:absolute;top:-40px;left:0;background-color:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:100}.skip-to-main:focus{top:0}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-base),color var(--transition-base)}.app-main{flex:1;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.spinner{width:40px;height:40px;border:4px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{opacity:.6;pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);width:100%}.container-sm{max-width:640px}.container-md{max-width:960px}.container-lg{max-width:1200px}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.navbar,.footer{display:none}.app-main{padding:0;margin:0}}