:root{--primary-color:#5851ff;--primary-dark:#4640d9;--primary-light:#7066ff;--secondary-color:#f4f4f4;--text-color:#333;--text-light:#666;--background-color:#ffffff;--border-color:#040123;--border-color-light:#e0e0e0;--shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);--border-radius:8px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--input-width:65px;--input-width-compact:60px;--container-margin:2px 2px 20px 2px;--container-padding:20px;}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';line-height:1.6;color:var(--text-color);background-color:var(--background-color)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.flex{display:-ms-flexbox;display:flex}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.justify-center{-ms-flex-pack:center;justify-content:center}.align-center{-ms-flex-align:center;align-items:center}.text-center{text-align:center}.bordered-container{border:2px solid var(--border-color);border-radius:var(--border-radius);background:white;-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);margin:var(--container-margin);padding:var(--container-padding)}.positioned-label{position:relative;top:-8px;left:12px;background:white;padding:0 8px;font-size:14px;font-weight:600;color:var(--text-color);z-index:1}.input-standard{width:var(--input-width);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:14px;text-align:center;background:white;color:var(--text-color)}.input-compact{width:var(--input-width-compact)}.layout-single-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--spacing-md);-ms-flex-wrap:wrap;flex-wrap:wrap}.layout-two-row{display:grid;grid-template-rows:auto auto;gap:var(--spacing-md)}.layout-compact{gap:var(--spacing-sm)}@media (min-width: 576px){.container{padding:0 var(--spacing-lg)}}@media (min-width: 992px){.container{padding:0 var(--spacing-xl)}}button{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);background-color:var(--primary-color);color:white;font-family:inherit;font-size:14px;cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}button:hover{background-color:var(--primary-dark)}button:active{background-color:var(--primary-dark);-webkit-transform:translateY(1px);transform:translateY(1px)}input,select,textarea{padding:var(--spacing-sm);border:1px solid var(--border-color-light);border-radius:var(--border-radius);font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);-webkit-box-shadow:0 0 0 2px rgba(88, 81, 255, 0.2);box-shadow:0 0 0 2px rgba(88, 81, 255, 0.2)}input.input-standard,input.input-compact{-webkit-transition:border-color 0.2s ease,
    -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease,
    -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease,
    box-shadow 0.2s ease;transition:border-color 0.2s ease,
    box-shadow 0.2s ease,
    -webkit-box-shadow 0.2s ease}input.input-standard:hover,input.input-compact:hover{border-color:var(--primary-light)}input.input-standard:focus,input.input-compact:focus{border-color:var(--primary-color);-webkit-box-shadow:0 0 0 2px rgba(88, 81, 255, 0.2);box-shadow:0 0 0 2px rgba(88, 81, 255, 0.2)}