:root{--primary: #FF6D00;--primary-hover: #E65C00;--secondary: #6C757D;--success: #28A745;--danger: #DC3545;--light: #F8F9FA;--dark: #343A40;--text-primary: #212529;--text-secondary: #6C757D;--bg-light: #FFFFFF;--bg-dark: #212529;--border-color: #DEE2E6;--border-radius: 8px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{min-height:100%;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-md);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{margin-bottom:var(--space-md)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover);text-decoration:underline}.container{width:100%;padding-right:var(--space-md);padding-left:var(--space-md);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.main-content{flex:1;padding:var(--space-xl) 0}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-xs);font-weight:500}.form-control{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);line-height:1.5;color:var(--text-primary);background-color:var(--bg-light);background-clip:padding-box;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 .2rem #ff6d0040}.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);line-height:1.5;border-radius:var(--border-radius);transition:all .2s;cursor:pointer}.btn-primary{color:#fff;background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover{color:#fff;background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-outline{color:var(--primary);background-color:transparent;border-color:var(--primary)}.btn-outline:hover{color:#fff;background-color:var(--primary)}.btn-block{display:block;width:100%}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--bg-light);background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:var(--border-radius);box-shadow:0 .125rem .25rem #00000013}.card-body{flex:1 1 auto;padding:var(--space-lg)}.auth-container{display:flex;min-height:100vh}.auth-left-panel{flex:1;background-color:var(--bg-dark);color:#fff;padding:var(--space-xl);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.auth-left-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#000c,#0006);z-index:1}.auth-left-content{position:relative;z-index:2;max-width:500px}.auth-right-panel{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--space-xl)}.auth-form{width:100%;max-width:400px}.auth-logo{margin-bottom:var(--space-xl);width:120px}.auth-title{margin-bottom:var(--space-sm)}.auth-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl)}.divider{display:flex;align-items:center;margin:var(--space-lg) 0;color:var(--text-secondary)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider-text{padding:0 var(--space-md)}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--bg-dark);color:#fff;padding:var(--space-lg) 0;transition:all .3s}.sidebar-header{padding:0 var(--space-lg) var(--space-lg)}.sidebar-menu{list-style:none}.sidebar-menu li a{display:block;padding:var(--space-sm) var(--space-lg);color:#fffc;transition:all .2s}.sidebar-menu li a:hover{color:#fff;background-color:#ffffff1a}.main-content-area{flex:1;background-color:#f5f7fa}.top-bar{padding:var(--space-md) var(--space-lg);background-color:#fff;box-shadow:0 1px 3px #0000001a}.content-wrapper{padding:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-secondary)}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}@media (max-width: 992px){.auth-container{flex-direction:column}.auth-left-panel{padding:var(--space-lg);min-height:300px}.auth-right-panel{padding:var(--space-lg)}.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto}}@media (max-width: 768px){:root{--font-size-xxl: 1.75rem;--font-size-xl: 1.5rem;--font-size-lg: 1.25rem}.content-wrapper{padding:var(--space-md)}}