:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--primary-color:#3182ce;--success-color:#38a169;--warning-color:#d69e2e;--error-color:#e53e3e;--info-color:#3182ce;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--sidebar-width:250px;--sidebar-width-collapsed:60px;--topbar-height:60px;--mobile-breakpoint:768px;--tablet-breakpoint:1024px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;background-size:cover}@media (max-width:767px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important;border-radius:0}.chakra-input,.chakra-select__field,.chakra-textarea{font-size:16px!important}}.chakra-input,.chakra-input[data-size=md],.chakra-select__field,.chakra-select__field[data-size=md],.chakra-textarea{min-height:40px!important;padding:8px 12px!important;font-size:14px!important;line-height:1.5!important}.chakra-input[data-size=sm],.chakra-select__field[data-size=sm]{min-height:32px!important;padding:6px 10px!important;font-size:13px!important;line-height:1.4!important}.chakra-input[data-size=lg],.chakra-select__field[data-size=lg]{min-height:48px!important;padding:12px 16px!important;font-size:16px!important;line-height:1.5!important}@media (max-width:767px){.chakra-input,.chakra-select__field,.chakra-textarea{min-height:44px!important;padding:10px 12px!important;font-size:16px!important}.chakra-input[data-size=sm],.chakra-select__field[data-size=sm]{min-height:40px!important;padding:8px 12px!important;font-size:16px!important}}.text-sm-md,.text-xs-sm{font-size:12px}.text-md-lg{font-size:16px}.page-title,.text-lg-xl{font-size:18px}.page-title,.section-title{font-weight:600}.section-title{font-size:12px}@media (min-width:768px){.text-sm-md,.text-xs-sm{font-size:14px}.text-md-lg{font-size:18px}.text-lg-xl{font-size:20px}.page-title{font-size:22px;font-weight:600}.section-title{font-size:14px;font-weight:600}}.chakra-form__label{font-size:13px!important;font-weight:500!important;color:#4a5568!important;margin-bottom:6px!important;line-height:1.4!important}@media (min-width:768px){.chakra-form__label{font-size:14px!important;margin-bottom:8px!important}}.form-label-sm{font-size:12px;text-transform:uppercase;font-weight:700;color:#4a5568}@media (min-width:768px){.form-label-sm{font-size:14px}}.chakra-stack>.chakra-form-control:not(:last-child){margin-bottom:8px!important}@media (min-width:768px){.chakra-stack>.chakra-form-control:not(:last-child){margin-bottom:12px!important}}.spacing-xs{gap:8px}.spacing-sm{gap:12px}.spacing-md{gap:16px}.chakra-button{font-weight:500!important;transition:all .2s ease!important}.chakra-button[data-size=sm]{height:32px!important;min-width:32px!important;font-size:13px!important;padding:0 12px!important}.chakra-button[data-size=md]{height:40px!important;min-width:40px!important;font-size:14px!important;padding:0 16px!important}.chakra-button[data-size=lg]{height:48px!important;min-width:48px!important;font-size:16px!important;padding:0 24px!important}@media (max-width:767px){.chakra-button[data-size=md],.chakra-button[data-size=sm]{height:44px!important;font-size:14px!important}}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex:1 1;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100vh;background:transparent}@media (min-width:768px){.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.main-content.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed))}}@media (max-width:767px){.main-content{padding:0}.main-content,.main-content.sidebar-open{margin-left:0;width:100%}}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.loading-spinner{width:32px;height:32px;border:2px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}@media (max-width:767px){.page-container{padding:var(--spacing-md) 0;max-width:100%}}.card{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(0,0%,100%,.8);box-shadow:0 8px 32px rgba(0,0,0,.08);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out}.card:hover{background:hsla(0,0%,100%,.8);border-color:hsla(0,0%,100%,.9);box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.card{padding:var(--spacing-md);border-radius:8px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:998}@media (max-width:767px){.mobile-overlay.active{display:block}}@media print{.no-print{display:none!important}body{background:#fff!important}.sidebar{display:none!important}.main-content{margin-left:0!important;width:100%!important}}