@keyframes spin{to{transform:rotate(360deg)}}.component-container{padding:0;width:100%;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 8px;background-color:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:20px;width:100%;height:50px;box-sizing:border-box}.page-title{margin:0;font-size:1.5rem;font-weight:600;color:#111827;line-height:1.2}.page-title.large{margin:0;font-size:1.75rem;font-weight:600;color:#111827}.header-buttons{display:flex;gap:12px;align-items:center}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-export{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:transparent;color:#28a745;border:1px solid #28a745;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:transparent;color:#28a745;border:1px solid #28a745;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;color:#6b7280;border-color:#e1e5e9}.btn-secondary:hover:not(:disabled){color:#111827;border-color:#6b7280}.global-edit-button{background:transparent;border:1px solid #e0e0e0;cursor:pointer;font-size:12px;color:#666;padding:8px;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:400;height:auto;min-height:auto;line-height:1}.global-edit-button:hover{color:#333;background-color:#6666661a;border-color:#999}.global-edit-button:disabled{opacity:.5;cursor:not-allowed}.global-edit-icon-button,.global-delete-icon-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s,color .2s;margin-right:4px}.global-edit-icon-button:last-child,.global-delete-icon-button:last-child{margin-right:0}.global-edit-icon-button .material-icons,.global-delete-icon-button .material-icons{font-size:18px}.global-edit-icon-button{color:#6c757d}.global-edit-icon-button:hover{background-color:#e9ecef;color:#495057}.global-delete-icon-button{color:#1c2866}.global-delete-icon-button:hover{background-color:#1c28661a;color:#1c2866}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(59,130,246,.15);border-top-color:#3b82f6;border-right-color:#3b82f6;border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.loading-text{color:#6b7280;font-size:1rem}.form-input{display:block;width:100%;padding:8px;font-size:1rem;border:1px solid #e1e5e9;border-radius:.375rem}.form-input:focus{border-color:#3b82f6;outline:0}.form-select{padding:8px 12px;border:2px solid #e1e5e9;border-radius:6px;font-size:.875rem;background:#fff;color:#111827;min-width:150px}.form-select:focus{border-color:#3b82f6;outline:none}.form-label{font-weight:500;color:#555;font-size:.875rem}.message{padding:1rem;border-radius:.375rem;margin-bottom:1rem}.message.success{background-color:#28a7451a;color:#145523;border:1px solid #28a745}.message.error{background-color:#dc35451a;color:#921925;border:1px solid #dc3545}.message.info{background-color:#17a2b81a;color:#0c525d;border:1px solid #17a2b8}.text-muted{color:#6c757d}.text-medium{color:#6b7280}.text-light{color:#555}.font-medium{font-weight:500}.font-semibold{font-weight:600}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#111827;line-height:1.6;overflow-x:hidden}html{font-size:16px;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:#111827}p{margin:0}button{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:44px;min-width:44px}input,select,textarea{font-size:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}@media (max-width: 768px){.hide-mobile{display:none!important}button,a,input[type=button],input[type=submit],input[type=reset]{min-height:44px;min-width:44px}table{font-size:14px}.card,.panel,.container{margin:8px;padding:12px}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 480px){html{font-size:14px}.container{padding:8px}.btn-group{flex-direction:column;gap:8px}.btn-group .btn{width:100%}}