@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout-container{background:var(--gradient-subtle);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid var(--slate-200);box-shadow:2px 0 20px #00000014;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10}.sidebar.collapsed{width:88px}.sidebar:before{background:linear-gradient(180deg,#0000 0,var(--slate-200) 20%,var(--slate-300) 50%,var(--slate-200) 80%,#0000 100%);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.sidebar-header{align-items:center;background:linear-gradient(135deg,var(--white) 0,var(--slate-50) 100%);border-bottom:1px solid var(--slate-200);display:flex;justify-content:space-between;padding:24px 20px;position:relative}.sidebar-header:after{background:linear-gradient(90deg,#0000 0,var(--slate-300) 50%,#0000 100%);bottom:0;content:"";height:1px;left:20px;position:absolute;right:20px}.logo-section{align-items:center;border-radius:8px;display:flex;gap:12px;margin:-4px;padding:4px;transition:all .2s ease}.sidebar.collapsed .logo-section:hover{background:var(--green-50);transform:scale(1.05)}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.collapse-btn{align-items:center;background:#fff;border:1px solid var(--slate-200);border-radius:6px;box-shadow:var(--shadow-sm);color:var(--slate-600);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.collapse-btn:hover{background:var(--green-50);border-color:var(--primary-green);box-shadow:var(--shadow);color:var(--primary-green);transform:translateY(-1px)}.sidebar.collapsed .collapse-btn{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:24px 16px}.nav-section-title{margin-bottom:16px;padding:0 4px}.nav-section-title span{color:var(--slate-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.nav-item{align-items:center;border:1px solid #0000;border-radius:10px;color:var(--slate-700);display:flex;font-weight:500;gap:12px;margin-bottom:4px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .nav-item{border-radius:12px;justify-content:center;margin:0 12px 6px;padding:10px 6px;position:relative}.nav-item:hover{background:linear-gradient(135deg,var(--slate-50) 0,var(--green-50) 100%);border-color:var(--green-200);box-shadow:var(--shadow-sm);color:var(--slate-900);transform:translateX(4px)}.sidebar.collapsed .nav-item:hover{background:var(--green-50);border-color:var(--green-300);transform:scale(1.05)}.sidebar.collapsed .nav-item.active{background:var(--gradient-primary);border-radius:10px;box-shadow:var(--shadow-md);color:#fff;transform:none}.sidebar.collapsed .nav-item.active:before{display:none}.sidebar.collapsed .nav-item.active:hover{background:var(--gradient-primary);transform:scale(1.02)}.nav-item.active{background:var(--gradient-primary);border-color:var(--green-600);box-shadow:var(--shadow-md);color:#fff;transform:translateX(6px)}.nav-item.active:before{background:#fff;border-radius:0 4px 4px 0;box-shadow:1px 0 3px #0000001a;content:"";height:60%;left:-1px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-item.active:hover{transform:translateX(6px)}.nav-icon{align-items:center;display:flex;font-size:1.125rem;justify-content:center;opacity:.9;transition:all .2s ease;width:20px}.sidebar.collapsed .nav-icon{font-size:1.2rem;height:22px;opacity:1;width:22px}.nav-item.active .nav-icon{opacity:1}.nav-label{font-size:.9rem;font-weight:500;letter-spacing:-.01em}.main-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-header{background:#fff;border-bottom:1px solid var(--slate-200);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;height:auto;min-height:64px;position:relative;z-index:5}.header-content{align-items:center;display:flex;justify-content:space-between;max-width:none;min-height:64px;padding:16px 24px}.header-left{flex:1 1}.dashboard-info{align-items:center;display:flex;gap:32px}.page-title h1{color:#0f172a!important;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 4px}.page-title p{color:#475569!important;font-size:.875rem;margin:0}.dashboard-stats{gap:20px}.dashboard-stats,.stat-card{align-items:center;display:flex}.stat-card{background:#fff;border:1px solid var(--slate-200);border-radius:10px;box-shadow:var(--shadow-sm);flex-direction:column;padding:12px 16px;transition:all .2s ease}.stat-card:hover{border-color:var(--green-200);box-shadow:var(--shadow);transform:translateY(-1px)}.stat-value{color:var(--primary-green);font-size:1.25rem;line-height:1;margin-bottom:4px}.stat-label{color:var(--slate-600);text-align:center}.header-right{gap:16px}.header-right,.user-profile{align-items:center;display:flex}.user-profile{background:#fff;border:1px solid var(--slate-200);border-radius:12px;box-shadow:var(--shadow-sm);gap:12px;padding:8px 16px;transition:all .2s ease}.user-profile:hover{border-color:var(--green-200);box-shadow:var(--shadow)}.profile-avatar{border:2px solid var(--green-200);border-radius:8px;box-shadow:var(--shadow-sm);height:32px;width:32px}.user-info{display:flex;flex-direction:column;text-align:right}.user-name{color:var(--slate-900);font-size:.875rem;font-weight:600;line-height:1.2}.user-email{color:var(--slate-600);font-size:.75rem;line-height:1.2}.header-logout-btn{align-items:center;background:#fff;border:1px solid var(--slate-200);border-radius:10px;box-shadow:var(--shadow-sm);color:var(--slate-600);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.header-logout-btn:hover{background:#fef2f2;background:var(--red-50,#fef2f2);border-color:#fca5a5;border-color:var(--red-300,#fca5a5);box-shadow:var(--shadow);color:#dc2626;color:var(--red-600,#dc2626);transform:translateY(-1px)}.main-content{background:var(--gradient-subtle);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}@media (max-width:768px){.sidebar{height:100vh;left:-260px;position:fixed;z-index:100}.sidebar.mobile-open{left:0}.main-wrapper{margin-left:0}.header-content{padding:0 16px}.user-profile{padding:6px 12px}.user-info{display:none}.dashboard-info{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-stats{gap:12px}.stat-card{min-width:70px;padding:8px 12px}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}}.login-container{align-items:center;background:linear-gradient(135deg,var(--green-50) 0,var(--slate-50) 50%,var(--green-100) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:before{background-image:radial-gradient(circle at 25% 25%,var(--green-100) 0,#0000 50%),radial-gradient(circle at 75% 75%,var(--slate-100) 0,#0000 50%);bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:0}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:440px;width:100%;z-index:1}.login-card,.login-header{overflow:hidden;position:relative}.login-header{background:var(--gradient-primary);color:#fff;padding:40px 30px;text-align:center}.login-header:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.logo{display:inline-block;margin-bottom:20px}.login-header h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:8px}.subtitle{font-size:.875rem;font-weight:500;opacity:.95}.login-body{padding:40px 30px}.login-body h2{color:var(--gray-900);font-size:1.5rem;margin-bottom:8px}.login-body>p{color:var(--gray-600);margin-bottom:32px}.google-signin-btn{align-items:center;background:#fff;border:2px solid var(--gray-200);border-radius:8px;color:var(--gray-700);display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.google-signin-btn:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.google-icon{height:20px;width:20px}.security-note{align-items:center;background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--radius-md);color:var(--green-800);display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-top:24px;padding:12px 16px}.lock-icon{flex-shrink:0}.login-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:20px 30px}.login-footer p{color:var(--gray-600);font-size:.75rem;text-align:center}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{align-items:center;background:#fff;border:2px solid var(--slate-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--slate-700);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;outline:none;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.dropdown-trigger:hover{border-color:var(--slate-300);box-shadow:var(--shadow)}.custom-dropdown.open .dropdown-trigger,.dropdown-trigger:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #0596691a}.custom-dropdown.open .dropdown-trigger{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.custom-dropdown.disabled .dropdown-trigger{background:var(--slate-50);border-color:var(--slate-200);color:var(--slate-400);cursor:not-allowed}.custom-dropdown.sm .dropdown-trigger{font-size:.875rem;padding:8px 10px}.custom-dropdown.lg .dropdown-trigger{font-size:1rem;padding:14px 16px}.dropdown-value{flex:1 1;min-width:0}.dropdown-value,.selected-option{align-items:center;display:flex;gap:8px}.selected-option{width:100%}.option-icon{flex-shrink:0;font-size:1rem}.option-label{truncate:true;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--slate-400);font-style:italic}.dropdown-arrow{align-items:center;color:var(--slate-400);display:flex;justify-content:center;margin-left:8px;transition:all .2s ease}.arrow-icon{transition:transform .2s ease}.arrow-icon.rotated{transform:rotate(180deg)}.custom-dropdown:hover .dropdown-arrow{color:var(--slate-600)}.custom-dropdown.open .dropdown-arrow{color:var(--primary-green)}.dropdown-menu{animation:slideDown .15s ease-out;background:#fff;border:2px solid var(--primary-green);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-xl);left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{background:var(--slate-50);border-bottom:1px solid var(--slate-200);padding:8px}.search-input{background:#fff;border:1px solid var(--slate-200);border-radius:6px;font-size:.875rem;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px #0596691a}.search-input::placeholder{color:var(--slate-400)}.dropdown-options{max-height:200px;overflow-y:auto;scroll-behavior:smooth}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:var(--slate-100)}.dropdown-options::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.dropdown-option{align-items:center;border-bottom:1px solid var(--slate-100);color:var(--slate-700);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .15s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--green-50);color:var(--slate-900)}.dropdown-option.selected{background:linear-gradient(135deg,var(--green-50) 0,var(--green-100) 100%);color:var(--green-800);font-weight:500}.dropdown-option.disabled{background:none;color:var(--slate-400);cursor:not-allowed}.dropdown-option.disabled:hover{background:none}.check-icon{align-items:center;color:var(--primary-green);display:flex;margin-left:auto}.dropdown-option:focus{background:var(--green-50);outline:none}.custom-dropdown.sm .dropdown-option{font-size:.875rem;padding:8px 10px}.custom-dropdown.lg .dropdown-option{font-size:1rem;padding:12px 16px}@media (max-width:768px){.dropdown-menu{max-height:180px}.dropdown-options{max-height:150px}}@media (prefers-contrast:high){.dropdown-trigger{border-width:2px}.dropdown-option.selected{background:var(--primary-green);color:#fff}}@media (prefers-reduced-motion:reduce){.arrow-icon,.dropdown-option,.dropdown-trigger{transition:none}.dropdown-menu{animation:none}}@media (prefers-color-scheme:dark){.dropdown-trigger{background:var(--slate-800);border-color:var(--slate-600);color:var(--slate-200)}.dropdown-menu{background:var(--slate-800);border-color:var(--primary-green)}.dropdown-option{border-bottom-color:var(--slate-700);color:var(--slate-200)}.search-input{background:var(--slate-700);border-color:var(--slate-600);color:var(--slate-200)}}.dashboard-container{background:var(--gradient-subtle);min-height:100vh}.dashboard-header{align-items:center;background:var(--gradient-primary);border-bottom:1px solid #ffffff1a;box-shadow:var(--shadow-lg);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px 32px;position:relative}.dashboard-header:before{background:linear-gradient(135deg,#0000,#ffffff08 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content h1{color:#fff;font-size:1.75rem;font-weight:600;margin-bottom:4px}.header-content p{font-size:.95rem;font-weight:400;opacity:.85}.header-stats{display:flex;gap:20px}.stat-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-md);min-width:80px;padding:12px 20px;position:relative;text-align:center;z-index:1}.stat-value{display:block;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:2px}.stat-label{font-size:.75rem;line-height:1.2;opacity:.85}.dashboard-filters{align-items:center;background:#fff;border-bottom:1px solid var(--slate-200);display:flex;gap:12px;min-height:56px;padding:16px 32px}.dashboard-filters label{color:var(--slate-700);font-size:.875rem;font-weight:500}.filter-dropdown{min-width:200px}.kanban-board{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding:32px}.kanban-column{background:var(--gradient-card);border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s ease}.kanban-column:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.column-header{align-items:center;color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:20px}.column-header.not-implemented{background:linear-gradient(135deg,#ef4444,#dc2626)}.column-header.evidence-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.column-header.verified{background:var(--gradient-primary)}.column-header h3{color:#fff;font-size:1.1rem;margin:0}.column-header .count{background:#fff3;border-radius:20px;font-size:.875rem;padding:4px 12px}.column-content{max-height:600px;overflow-y:auto;padding:20px}.control-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:8px;cursor:pointer;margin-bottom:16px;padding:16px;transition:all .2s ease}.control-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.control-card.verified-card{background:linear-gradient(135deg,var(--green-50),var(--green-100));border-color:var(--green-200)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.control-id{color:var(--gray-500);font-size:.75rem;font-weight:600}.control-card h4{color:var(--gray-800);font-size:1rem;margin:0 0 8px}.control-card p{color:var(--gray-600);font-size:.875rem;line-height:1.4;margin-bottom:12px}.card-footer{display:flex;flex-wrap:wrap;gap:8px}.category-tag,.regulation-tag{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.category-tag{background:var(--gray-200);color:var(--gray-700)}.regulation-tag{background:#e0e7ff;color:#4338ca}.severity-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.severity-critical{background:#fee2e2;color:#991b1b}.severity-high{background:#fed7aa;color:#9a3412}.severity-medium{background:#fef3c7;color:#92400e}.severity-low{background:#dbeafe;color:#1e40af}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:24px}.modal-header h2{margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--gray-400);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.close-btn:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{padding:24px}.detail-row{display:flex;margin-bottom:16px}.detail-row label{color:var(--gray-700);flex-shrink:0;font-weight:600;width:140px}.detail-row span{color:var(--gray-600)}.status-badge{border-radius:20px;font-size:.875rem;font-weight:500;padding:4px 12px;text-transform:capitalize}.status-not-implemented{background:#fee2e2;color:#991b1b}.status-evidence-pending{background:#fef3c7;color:#92400e}.status-verified{background:var(--light-green);color:var(--dark-green)}.modal-footer{border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;padding:24px}.custom-checkbox-wrapper{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-checkbox-wrapper.disabled{cursor:not-allowed;opacity:.6}.checkbox-container{flex-shrink:0;position:relative}.checkbox-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.checkbox-custom{align-items:center;background:#fff;border:2px solid var(--slate-300);border-radius:6px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:20px;justify-content:center;outline:none;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.checkbox-custom:hover{border-color:var(--slate-400);box-shadow:var(--shadow);transform:translateY(-1px)}.checkbox-custom:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #0596691a}.checkbox-input:checked+.checkbox-custom{background:var(--gradient-primary);border-color:var(--primary-green);color:#fff}.checkbox-input:checked+.checkbox-custom:hover{background:linear-gradient(135deg,var(--green-600) 0,var(--green-800) 100%);border-color:var(--green-600);transform:translateY(-1px)}.checkbox-input:indeterminate+.checkbox-custom{background:var(--gradient-primary);border-color:var(--primary-green);color:#fff}.checkbox-indicator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.check-icon,.indeterminate-icon{opacity:0;transform:scale(.5);transition:all .15s cubic-bezier(.4,0,.2,1)}.checkbox-input:checked+.checkbox-custom .check-icon,.checkbox-input:indeterminate+.checkbox-custom .indeterminate-icon{opacity:1;transform:scale(1)}.custom-checkbox-wrapper.sm .checkbox-custom{border-radius:4px;height:16px;width:16px}.custom-checkbox-wrapper.sm .check-icon,.custom-checkbox-wrapper.sm .indeterminate-icon{height:10px;width:10px}.custom-checkbox-wrapper.lg .checkbox-custom{border-radius:8px;height:24px;width:24px}.custom-checkbox-wrapper.lg .check-icon,.custom-checkbox-wrapper.lg .indeterminate-icon{height:14px;width:14px}.checkbox-content{flex:1 1;min-width:0}.checkbox-label{color:var(--slate-700);display:block;font-size:.9rem;font-weight:500;line-height:1.4;transition:color .2s ease}.checkbox-label:hover{color:var(--slate-900)}.checkbox-description{color:var(--slate-500);font-size:.8rem;line-height:1.4;margin:4px 0 0}.custom-checkbox-wrapper.disabled .checkbox-custom{background:var(--slate-100);border-color:var(--slate-200);cursor:not-allowed}.custom-checkbox-wrapper.disabled .checkbox-custom:hover{border-color:var(--slate-200);box-shadow:var(--shadow-sm);transform:none}.custom-checkbox-wrapper.disabled .checkbox-label{color:var(--slate-400);cursor:not-allowed}.custom-checkbox-wrapper.disabled .checkbox-description{color:var(--slate-400)}.custom-checkbox-wrapper.success .checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,var(--primary-green) 0,var(--dark-green) 100%);border-color:var(--primary-green)}.custom-checkbox-wrapper.warning .checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.custom-checkbox-wrapper.danger .checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.custom-checkbox-wrapper.success .checkbox-custom:focus{box-shadow:0 0 0 3px #0596691a}.custom-checkbox-wrapper.warning .checkbox-custom:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.custom-checkbox-wrapper.danger .checkbox-custom:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.checkbox-custom:before{background:#0596691a;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.checkbox-custom:active:before{height:40px;width:40px}.checkbox-group{display:flex;flex-direction:column}.checkbox-group-inline{display:flex;flex-wrap:wrap;gap:16px}.checkbox-group-title{color:var(--slate-700);font-size:.95rem;font-weight:600;margin-bottom:12px}@media (max-width:768px){.custom-checkbox-wrapper{gap:10px}.checkbox-label{font-size:.85rem}.checkbox-description{font-size:.75rem}}@media (prefers-contrast:high){.checkbox-custom{border-width:3px}.checkbox-input:checked+.checkbox-custom{background:var(--slate-900);border-color:var(--slate-900)}}@media (prefers-reduced-motion:reduce){.check-icon,.checkbox-custom,.checkbox-label,.indeterminate-icon{transition:none}.checkbox-custom:hover{transform:none}.checkbox-custom:before{transition:none}}@media (prefers-color-scheme:dark){.checkbox-custom{background:var(--slate-800);border-color:var(--slate-600)}.checkbox-label{color:var(--slate-200)}.checkbox-description{color:var(--slate-400)}.custom-checkbox-wrapper.disabled .checkbox-custom{background:var(--slate-700);border-color:var(--slate-600)}}.onboarding-container{background:linear-gradient(135deg,var(--off-white) 0,var(--white) 100%);min-height:100vh;padding:40px 20px;scroll-behavior:smooth}.onboarding-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.progress-bar{height:4px;position:relative}.onboarding-header{border-bottom:1px solid var(--gray-200);padding:30px}.header-top{margin-bottom:20px}.back-to-home-btn{align-items:center;background:#0000;border:2px solid var(--slate-300);border-radius:8px;color:var(--slate-700);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-to-home-btn:hover{background:#0596690d;border-color:var(--primary-green);color:var(--primary-green);transform:translateX(-2px)}.back-to-home-btn svg{transition:transform .2s ease}.back-to-home-btn:hover svg{transform:translateX(-2px)}.onboarding-header h2{margin-bottom:8px}.onboarding-header p{color:var(--gray-600);font-size:.875rem}.onboarding-body{min-height:400px;padding:30px}.step-content{animation:fadeInSlide .4s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-content h3{color:var(--gray-800);margin-bottom:24px}.checkbox-group{grid-gap:12px;display:grid;gap:12px}.checkbox-label{align-items:center;background:var(--gray-50);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.checkbox-label:hover{background:var(--gray-100)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-green);cursor:pointer;height:20px;width:20px}.checkbox-label span{color:var(--gray-700);flex:1 1;font-size:.95rem}input[type=range]{accent-color:var(--primary-green);width:calc(100% - 60px)}.range-value{color:var(--primary-green);display:inline-block;font-weight:600;margin-left:12px;text-align:center;width:40px}.onboarding-footer{border-top:1px solid var(--gray-200);display:flex;gap:16px;justify-content:space-between;padding:30px}.onboarding-footer button{min-width:120px;transition:all .2s cubic-bezier(.4,0,.2,1)}.onboarding-footer button:hover{transform:translateY(-1px)}.onboarding-footer button:active{transform:translateY(0)}.onboarding-footer .btn-primary{margin-left:auto}.compliance-packs-container{background:var(--gradient-subtle);min-height:100vh}.packs-header{background:#fff;border-bottom:1px solid var(--slate-200);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px 32px}.packs-header h1{color:var(--slate-900);font-size:1.75rem;font-weight:600;margin-bottom:4px}.packs-header p{color:var(--slate-600);font-size:.95rem;font-weight:400}.packs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:0 32px 32px}.pack-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:var(--shadow-md);padding:24px;transition:all .3s ease}.pack-card:hover{border-color:var(--light-green);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pack-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pack-icon{font-size:2rem}.pack-type{background:var(--gray-100);border-radius:20px;color:var(--gray-700);font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.pack-card h3{color:var(--gray-900);margin-bottom:12px}.pack-card p{color:var(--gray-600);font-size:.95rem;line-height:1.5;margin-bottom:16px}.pack-meta{display:flex;gap:12px;margin-bottom:20px}.regulation-badge{background:linear-gradient(135deg,var(--light-green),var(--primary-green));border-radius:20px;color:#fff;padding:4px 12px}.regulation-badge,.version{font-size:.875rem;font-weight:500}.version{color:var(--gray-500)}.pack-actions{display:flex;gap:12px}.btn-copy,.btn-view{border-radius:8px;flex:1 1;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-view{background:#fff;border:2px solid var(--gray-200);color:var(--gray-700)}.btn-view:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-copy{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border:none;color:#fff}.btn-copy:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.large-modal{max-height:90vh;max-width:900px}.code-section{margin-bottom:24px}.code-header{align-items:center;background:var(--gray-100);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.code-header span{font-weight:600}.code-header span,.copy-code-btn{color:var(--gray-700);font-size:.875rem}.copy-code-btn{background:#fff;border:1px solid var(--gray-300);border-radius:6px;cursor:pointer;font-weight:500;padding:6px 12px;transition:all .2s ease}.copy-code-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.code-block{background:#1e293b;border-radius:0 0 8px 8px;color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;margin:0;overflow-x:auto;padding:20px}.code-block code{display:block;white-space:pre}.pack-details{background:var(--gray-50);border-radius:8px;padding:20px}.detail-item{align-items:center;display:flex;margin-bottom:12px}.detail-item:last-child{margin-bottom:0}.detail-item label{color:var(--gray-700);font-weight:600;width:120px}.detail-item a,.detail-item span{color:var(--gray-600)}.detail-item a{color:var(--primary-green);font-weight:500;text-decoration:none;transition:color .2s ease}.detail-item a:hover{color:var(--dark-green);text-decoration:underline}.testing-container{background:var(--gradient-subtle);min-height:100vh}.testing-header{align-items:center;background:#fff;border-bottom:1px solid var(--slate-200);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.testing-header h1{color:var(--slate-900);font-size:1.75rem;font-weight:600;margin-bottom:4px}.testing-header p{color:var(--slate-600);font-size:.95rem;font-weight:400}.btn-run-all{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease}.btn-run-all:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.testing-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 32px 32px}.stat-item{background:#fff;border-radius:12px;box-shadow:var(--shadow-md);padding:24px;text-align:center}.stat-item.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.stat-item.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.stat-item.warning{background:linear-gradient(135deg,#fefce8,#fef3c7)}.stat-number{color:var(--gray-900);display:block;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:var(--gray-600);font-size:.875rem;font-weight:500}.testing-filters{margin-bottom:32px}.filter-tabs{background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:8px;padding:8px}.filter-tab{background:#0000;border:none;border-radius:8px;color:var(--gray-600);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.filter-tab:hover{background:var(--gray-100);color:var(--gray-800)}.filter-tab.active{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));color:#fff}.tests-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.test-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:var(--shadow-md);padding:24px;transition:all .3s ease}.test-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.test-card.status-passed{border-color:var(--primary-green)}.test-card.status-failed{border-color:#ef4444}.test-card.status-running{animation:pulse 2s infinite;border-color:#f59e0b}@keyframes pulse{0%{border-color:#f59e0b}50%{border-color:#fbbf24}to{border-color:#f59e0b}}.test-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.test-title-row{gap:12px}.status-icon,.test-title-row{align-items:center;display:flex}.status-icon{border-radius:50%;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.status-icon.status-passed{background:var(--light-green);color:var(--dark-green)}.status-icon.status-failed{background:#fee2e2;color:#991b1b}.status-icon.status-running{animation:rotate 1s linear infinite;background:#fef3c7;color:#92400e}.status-icon.status-idle{background:var(--gray-200);color:var(--gray-600)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.test-card h3{color:var(--gray-900);font-size:1.1rem;margin:0}.test-category{background:var(--gray-100);border-radius:20px;color:var(--gray-700);font-size:.75rem;font-weight:600;padding:4px 12px}.test-description{color:var(--gray-600);font-size:.95rem;line-height:1.5}.coverage-bar,.test-description{margin-bottom:16px}.coverage-label{color:var(--gray-600);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:8px}.coverage-track{background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.coverage-fill{background:linear-gradient(90deg,var(--primary-green),var(--dark-green));border-radius:4px;height:100%;transition:width .3s ease}.test-meta{color:var(--gray-500);display:flex;font-size:.875rem;gap:16px;margin-bottom:16px}.meta-item{align-items:center;display:flex;gap:6px}.meta-item svg{opacity:.6}.test-actions{display:flex;gap:12px}.btn-run-test,.btn-view-results{border-radius:8px;flex:1 1;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-run-test{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border:none;color:#fff}.btn-run-test:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-run-test:disabled{cursor:not-allowed;opacity:.6}.btn-view-results{background:#fff;border:2px solid var(--gray-200);color:var(--gray-700)}.btn-view-results:hover{background:var(--gray-50);border-color:var(--gray-300)}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.result-card{border:2px solid;border-radius:8px;padding:16px}.result-card.result-pass{background:#f0fdf4;border-color:var(--primary-green)}.result-card.result-fail{background:#fef2f2;border-color:#ef4444}.result-card.result-warning{background:#fefce8;border-color:#f59e0b}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.result-metric{color:var(--gray-700);font-size:.875rem;font-weight:600}.result-status{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.result-status.status-pass{background:var(--primary-green);color:#fff}.result-status.status-fail{background:#ef4444;color:#fff}.result-status.status-warning{background:#f59e0b;color:#fff}.result-value{color:var(--gray-900);font-size:1.25rem;font-weight:700;margin-bottom:4px}.result-threshold{color:var(--gray-500);font-size:.75rem}.test-metadata{background:var(--gray-50);border-radius:8px;padding:16px}.metadata-item{display:flex;justify-content:space-between;margin-bottom:8px}.metadata-item:last-child{margin-bottom:0}.metadata-item label{color:var(--gray-700);font-weight:600}.metadata-item span{color:var(--gray-600)}.evidence-container{background:#0000;margin:0 auto;max-width:1400px}.evidence-header{background:var(--gradient-card);border:1px solid var(--slate-200);border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:32px;padding:32px}.evidence-header h1{color:var(--slate-900);font-size:1.75rem;font-weight:600;margin-bottom:4px}.evidence-header p{color:var(--slate-600);font-size:.95rem;font-weight:400}.bundle-overview{margin-bottom:32px}.overview-card{background:var(--gradient-card);border:1px solid var(--green-200);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;padding:40px;position:relative}.overview-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.overview-card h2{color:var(--slate-900);font-size:1.5rem;font-weight:700;margin-bottom:16px}.overview-meta{color:var(--slate-600);display:flex;font-size:.95rem;font-weight:500;gap:24px;margin-bottom:32px}.bundle-status{border-radius:20px;font-size:.875rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.bundle-status.status-draft{background:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-700)}.bundle-status.status-ready{background:var(--green-100);border:1px solid var(--green-200);color:var(--green-800)}.bundle-status.status-generated{background:var(--green-100);border:1px solid var(--green-300);color:var(--green-800)}.completeness-section{background:#ffffff80;border:1px solid var(--slate-200);border-radius:12px;margin-bottom:32px;padding:24px}.completeness-header{display:flex;font-weight:500;justify-content:space-between;margin-bottom:8px}.completeness-percentage{color:var(--primary-green);font-weight:700}.completeness-bar{background:var(--gray-200);border-radius:6px;height:8px;overflow:hidden}.completeness-fill{background:linear-gradient(90deg,var(--primary-green),var(--dark-green));border-radius:6px;height:100%;transition:width .3s ease}.bundle-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.bundle-stats .stat{background:var(--gray-50);border-radius:8px;padding:16px;text-align:center}.bundle-stats .stat.collected{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.bundle-stats .stat.pending{background:linear-gradient(135deg,#fefce8,#fef3c7)}.bundle-stats .stat.missing{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.bundle-stats .stat-value{color:var(--gray-900);display:block;font-size:1.75rem;font-weight:700;margin-bottom:4px}.bundle-stats .stat-label{color:var(--gray-600);font-size:.875rem}.evidence-items{background:var(--gradient-card);border:1px solid var(--slate-200);border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:40px;padding:32px}.evidence-items h3{color:var(--slate-900);font-size:1.25rem;font-weight:600;margin-bottom:24px}.items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.evidence-item{background:#fff;border:1px solid var(--slate-200);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;padding:24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.evidence-item:hover{border-color:var(--green-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.evidence-item.status-collected{border-color:var(--green-300)}.evidence-item.status-collected:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.evidence-item.status-pending{border-color:#f59e0b}.evidence-item.status-missing{border-color:#ef4444}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.item-icon{font-size:1.5rem}.item-status{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.item-status.status-collected{background:var(--light-green);color:var(--dark-green)}.item-status.status-pending{background:#fef3c7;color:#92400e}.item-status.status-missing{background:#fee2e2;color:#991b1b}.evidence-item h4{color:var(--gray-900);font-size:1rem;margin:0 0 12px}.item-meta{display:flex;gap:12px;margin-bottom:8px}.item-size,.item-type{background:var(--gray-100);border-radius:4px;color:var(--gray-600);font-size:.75rem;font-weight:500;padding:4px 8px}.item-updated{color:var(--gray-500);font-size:.875rem;margin-bottom:12px}.btn-collect,.btn-refresh{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease;width:100%}.btn-collect{background:#ef4444;color:#fff}.btn-collect:hover{background:#dc2626}.btn-refresh{background:#f59e0b;color:#fff}.btn-refresh:hover{background:#d97706}.generation-section{margin-bottom:40px}.generation-card{background:var(--gradient-card);border:1px solid var(--slate-200);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;padding:40px;position:relative}.generation-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.generation-card h3{color:var(--slate-900);font-size:1.25rem;font-weight:600;margin-bottom:12px}.generation-card>p{color:var(--slate-600);font-size:.95rem;margin-bottom:32px}.generation-options{grid-gap:40px;background:#ffffff80;border:1px solid var(--slate-200);border-radius:16px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:32px 0;padding:32px}.option-group{display:flex;flex-direction:column;gap:20px}.format-selection h4{color:var(--slate-900);font-size:1.1rem;font-weight:600;margin-bottom:20px}.format-options{display:flex;flex-direction:column;gap:16px}.generation-progress{margin-bottom:24px}.progress-label{color:var(--gray-700);display:flex;font-weight:500;justify-content:space-between;margin-bottom:8px}.progress-bar{background:var(--gray-200);border-radius:6px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-green),var(--dark-green));border-radius:6px;height:100%;transition:width .3s ease}.generation-actions{text-align:center}.btn-generate{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .2s ease}.btn-generate:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.5}.warning-text{color:#ef4444;font-size:.875rem;margin-top:12px}.recent-bundles{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);padding:32px}.recent-bundles h3{color:var(--gray-900);margin-bottom:24px}.bundles-list{display:flex;flex-direction:column;gap:16px}.bundle-item{align-items:center;background:var(--gray-50);border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.bundle-item:hover{background:var(--gray-100)}.bundle-info h4{color:var(--gray-900);margin:0 0 4px}.bundle-date{color:var(--gray-600);font-size:.875rem}.bundle-actions{display:flex;gap:12px}.btn-download,.btn-view{border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-download{background:#fff;border:2px solid var(--gray-200);color:var(--gray-700)}.btn-download:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-view{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border:none;color:#fff}.btn-view:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}:root{--primary-green:#059669;--light-green:#10b981;--dark-green:#047857;--green-50:#ecfdf5;--green-100:#d1fae5;--green-200:#a7f3d0;--green-600:#059669;--green-700:#047857;--green-800:#065f46;--green-900:#064e3b;--white:#fff;--off-white:#f8fafc;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--gradient-primary:linear-gradient(135deg,var(--primary-green) 0%,var(--dark-green) 100%);--gradient-subtle:linear-gradient(135deg,var(--green-50) 0%,var(--slate-50) 100%);--gradient-card:linear-gradient(145deg,#fff,#f8fafc)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#ecfdf5,#f8fafc);background:var(--gradient-subtle);color:#1e293b;color:var(--slate-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--gray-900);font-family:Roboto,sans-serif;font-weight:600;line-height:1.2}h1{font-size:2.5rem;margin-bottom:1.5rem}h2{font-size:2rem;margin-bottom:1.25rem}h3{font-size:1.5rem;margin-bottom:1rem}button{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;font-family:Inter,sans-serif;font-weight:500;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#059669,#047857);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;font-size:1rem;overflow:hidden;padding:12px 24px;position:relative}.btn-primary:before{background:linear-gradient(135deg,#059669,#065f46);background:linear-gradient(135deg,var(--green-600) 0,var(--green-800) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-primary>*{position:relative;z-index:1}.btn-secondary{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);color:#334155;color:var(--gray-700);font-size:1rem;padding:12px 24px}.btn-secondary:hover{background:#f1f5f9;background:var(--gray-100);border-color:#cbd5e1;border-color:var(--gray-300)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:24px;transition:all .3s ease}.card:hover{border-color:#a7f3d0;border-color:var(--green-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:20px}.input-group{margin-bottom:20px}.input-group label{color:#334155;color:var(--gray-700);display:block;font-weight:500;margin-bottom:8px}.input-group input,.input-group select,.input-group textarea{border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);font-family:Inter,sans-serif;font-size:1rem;padding:10px 12px;transition:all .2s ease;width:100%}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#059669;border-color:var(--primary-green);box-shadow:0 0 0 3px #0596691a;outline:none}.input-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:36px}.input-group select:hover{border-color:#cbd5e1;border-color:var(--slate-300)}.custom-dropdown{font-family:Inter,sans-serif}.custom-dropdown .dropdown-trigger{border-color:#e2e8f0;border-color:var(--slate-200);font-family:Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-dropdown .dropdown-trigger:hover{border-color:#cbd5e1;border-color:var(--slate-300)}.custom-dropdown .dropdown-trigger:focus,.custom-dropdown.open .dropdown-trigger{border-color:#059669;border-color:var(--primary-green);box-shadow:0 0 0 3px #0596691a}.badge{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:500;padding:4px 12px}.badge-success{background:#d1fae5;background:var(--green-100);border:1px solid #a7f3d0;border:1px solid var(--green-200);color:#065f46;color:var(--green-800)}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #059669;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-green);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-center{text-align:center}.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:2rem}.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:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.loading-container{align-items:center;background:var(--gradient-subtle);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-container p{color:var(--gray-600);font-size:1.1rem;margin-top:20px}.onboarding-complete{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:40px;text-align:center}.onboarding-complete h2{color:var(--primary-green);margin-bottom:16px}.onboarding-complete p{color:var(--gray-600);font-size:1.1rem;margin-bottom:32px}.onboarding-complete button{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.onboarding-complete button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}
/*# sourceMappingURL=main.3dbab318.css.map*/