@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap";:root{--gc-blue: #4296f4;--gc-dark-header: #303240;--gc-light-blue: #5ebae7;--gc-background: #f8f8fa;--gc-sidebar: #3c3c42;--gc-charcoal: #484852;--gc-dark-gray: #71717a;--gc-medium-gray: #9ca3af;--gc-light-gray: #d1d5db;--gc-silver: #f3f4f6;--gc-white: #ffffff;--gc-green: #10b981;--gc-red: #ef4444;--gc-amber: #f59e0b;--gc-border-radius: 4px;--gc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--gc-card-shadow: 0 2px 4px rgba(0, 0, 0, .05);--gc-transition: .2s ease-in-out;--gc-primary-gradient: linear-gradient(to right, var(--gc-blue), #3b82f6)}body{font-size:12px;font-family:Noto Sans,sans-serif;background-color:var(--gc-background);color:var(--gc-charcoal)}:root{--primary-gradient: linear-gradient(135deg, var(--gc-navy) 0%, #394d85 100%);--secondary-gradient: linear-gradient(135deg, var(--gc-charcoal) 0%, #5d6165 100%);--dark-gradient: linear-gradient(135deg, var(--gc-black) 0%, var(--gc-dark-grey) 100%);--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-speed: .3s ease}.modern-card{border-radius:16px;box-shadow:var(--card-shadow);transition:transform var(--transition-speed),box-shadow var(--transition-speed);overflow:hidden}.modern-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modern-card .q-card__section{padding:24px}.modern-card .card-header{font-weight:600;font-size:1.25rem;margin-bottom:12px;color:var(--gc-charcoal)}.modern-gradient{background:var(--primary-gradient);color:#fff}.secondary-gradient{background:var(--secondary-gradient);color:#fff}.dark-gradient{background:var(--dark-gradient);color:#fff}.modern-header{background:var(--dark-gradient);color:#fff;padding:1.5rem 0;margin-bottom:2rem;border-radius:0 0 20px 20px;box-shadow:var(--card-shadow)}.modern-header .header-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.modern-header .header-subtitle{font-size:1rem;opacity:.9}.modern-table{border-radius:12px;overflow:hidden}.modern-table .q-table__top{padding:16px 24px}.modern-table thead tr th{font-weight:600;color:var(--gc-navy)}.modern-table tbody tr{transition:background-color var(--transition-speed)}.modern-table tbody tr:hover{background-color:#2c3e6c0d}.metric-value{font-size:2.25rem;font-weight:700;line-height:1;margin-bottom:.5rem;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modern-input{border-radius:12px}.modern-input .q-field__control{height:56px}.modern-input .q-field__label{top:18px}.modern-btn{border-radius:12px;font-weight:600;padding:10px 20px;min-height:50px}.modern-btn.primary{background:var(--primary-gradient)}.modern-btn.secondary{background:var(--secondary-gradient)}.modern-btn.dark{background:var(--dark-gradient)}.soft-bg{background-color:var(--gc-silver)}.dark-bg{background-color:var(--gc-black);color:#fff}.chart-container{padding:1rem}.modern-badge{border-radius:50px;padding:4px 12px;font-weight:600;font-size:.8rem}.modern-badge.navy{background-color:var(--gc-navy);color:#fff}.modern-badge.charcoal{background-color:var(--gc-charcoal);color:#fff}.modern-badge.teal{background-color:var(--gc-teal);color:#fff}.modern-badge.light-blue{background-color:var(--gc-light-blue);color:#fff}.modern-badge.yellow{background-color:var(--gc-yellow);color:var(--gc-black)}.modern-badge.dark{background-color:var(--gc-black);color:#fff}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-padding{padding:24px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gc-silver);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--gc-dark-gray);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--gc-charcoal)}.text-navy{color:var(--gc-navy)!important}.text-charcoal{color:var(--gc-charcoal)!important}.text-teal{color:var(--gc-teal)!important}.text-light-blue{color:var(--gc-light-blue)!important}.text-yellow{color:var(--gc-yellow)!important}.text-black{color:var(--gc-black)!important}.text-dark-grey{color:var(--gc-dark-grey)!important}.bg-navy{background-color:var(--gc-navy)!important}.bg-charcoal{background-color:var(--gc-charcoal)!important}.bg-teal{background-color:var(--gc-teal)!important}.bg-light-blue{background-color:var(--gc-light-blue)!important}.bg-yellow{background-color:var(--gc-yellow)!important}.bg-black{background-color:var(--gc-black)!important}.bg-dark-grey{background-color:var(--gc-dark-grey)!important}.q-btn--navy{background-color:var(--gc-navy)!important;color:#fff}.q-btn--charcoal{background-color:var(--gc-charcoal)!important;color:#fff}.q-btn--teal{background-color:var(--gc-teal)!important;color:#fff}.q-btn--light-blue{background-color:var(--gc-light-blue)!important;color:#fff}.q-btn--yellow{background-color:var(--gc-yellow)!important;color:var(--gc-black)}.q-btn--black{background-color:var(--gc-black)!important;color:#fff}.gc-header{background-color:var(--gc-dark-header);color:#fff;padding:12px 24px;display:flex;align-items:center;box-shadow:var(--gc-shadow)}.gc-header .header-title{font-size:16px;font-weight:500;margin:0}.gc-header .header-actions{margin-left:auto}.gc-card{background:#fff;border-radius:var(--gc-border-radius);box-shadow:var(--gc-card-shadow);margin-bottom:16px;border:1px solid var(--gc-light-gray);overflow:hidden}.gc-card .card-header{padding:16px;border-bottom:1px solid var(--gc-light-gray);font-weight:600;font-size:16px;color:var(--gc-charcoal);display:flex;align-items:center;justify-content:space-between}.gc-card .card-content{padding:16px}.gc-btn{border-radius:var(--gc-border-radius);font-weight:500;font-size:14px;padding:8px 16px;transition:var(--gc-transition);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:none}.gc-btn i,.gc-btn .q-icon{margin-right:6px;font-size:16px}.gc-btn.primary{background-color:var(--gc-blue);color:#fff}.gc-btn.primary:hover{background-color:#2a89f3}.gc-btn.secondary{background-color:#fff;border:1px solid var(--gc-light-gray);color:var(--gc-charcoal)}.gc-btn.secondary:hover{background-color:var(--gc-silver)}.gc-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:100px;font-size:12px;font-weight:500;background-color:var(--gc-light-blue);color:#fff}.gc-table{width:100%;border-collapse:separate;border-spacing:0}.gc-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--gc-charcoal);border-bottom:1px solid var(--gc-light-gray);background-color:var(--gc-silver);font-size:13px}.gc-table td{padding:12px 16px;border-bottom:1px solid var(--gc-light-gray);vertical-align:middle;font-size:14px;color:var(--gc-dark-gray)}.gc-table tr{transition:var(--gc-transition)}.gc-table tr:hover{background-color:#f5f7facc}.gc-search{position:relative}.gc-search input{padding:8px 16px 8px 36px;border-radius:var(--gc-border-radius);border:1px solid var(--gc-light-gray);font-size:14px;width:100%;outline:none}.gc-search input:focus{border-color:var(--gc-blue);box-shadow:0 0 0 2px #4296f433}.gc-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gc-medium-gray);font-size:16px}.gc-content{padding:24px}.gc-main{display:flex;min-height:100vh}.gc-sidebar{width:60px;background-color:var(--gc-sidebar);color:#fff}.gc-sidebar .sidebar-item{display:flex;align-items:center;justify-content:center;height:60px;transition:var(--gc-transition)}.gc-sidebar .sidebar-item:hover,.gc-sidebar .sidebar-item.active{background-color:#ffffff1a}.auth-page,.unauthenticated-container,.auth-error-container,.auth-loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--gc-background)}.auth-page .auth-card,.unauthenticated-container .auth-card,.unauthenticated-container .unauthenticated-card,.unauthenticated-container .auth-error-card,.unauthenticated-container .auth-loading-card,.auth-error-container .auth-card,.auth-error-container .unauthenticated-card,.auth-error-container .auth-error-card,.auth-error-container .auth-loading-card,.auth-loading-container .auth-card,.auth-loading-container .unauthenticated-card,.auth-loading-container .auth-error-card,.auth-loading-container .auth-loading-card{background:#fff;width:100%;max-width:400px;border-radius:var(--gc-border-radius);box-shadow:var(--gc-card-shadow);overflow:hidden}.auth-page .auth-card .auth-header,.unauthenticated-container .auth-card .auth-header,.unauthenticated-container .unauthenticated-card .auth-header,.unauthenticated-container .auth-error-card .auth-header,.unauthenticated-container .auth-loading-card .auth-header,.auth-error-container .auth-card .auth-header,.auth-error-container .unauthenticated-card .auth-header,.auth-error-container .auth-error-card .auth-header,.auth-error-container .auth-loading-card .auth-header,.auth-loading-container .auth-card .auth-header,.auth-loading-container .unauthenticated-card .auth-header,.auth-loading-container .auth-error-card .auth-header,.auth-loading-container .auth-loading-card .auth-header{background-color:var(--gc-dark-header);padding:24px;color:#fff;text-align:center}.auth-page .auth-card .auth-content,.unauthenticated-container .auth-card .auth-content,.unauthenticated-container .unauthenticated-card .auth-content,.unauthenticated-container .auth-error-card .auth-content,.unauthenticated-container .auth-loading-card .auth-content,.auth-error-container .auth-card .auth-content,.auth-error-container .unauthenticated-card .auth-content,.auth-error-container .auth-error-card .auth-content,.auth-error-container .auth-loading-card .auth-content,.auth-loading-container .auth-card .auth-content,.auth-loading-container .unauthenticated-card .auth-content,.auth-loading-container .auth-error-card .auth-content,.auth-loading-container .auth-loading-card .auth-content{padding:24px}.error-message{background-color:#ef44441a;border-left:3px solid var(--gc-red);color:var(--gc-red);padding:12px;margin:16px 0;border-radius:0 var(--gc-border-radius) var(--gc-border-radius) 0}.info-message{background-color:#4296f41a;border-left:3px solid var(--gc-blue);color:var(--gc-charcoal);padding:12px;margin:16px 0;border-radius:0 var(--gc-border-radius) var(--gc-border-radius) 0}
