.toast-container{position:fixed;top:var(--spacing-2xl);right:var(--spacing-2xl);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-md);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-white);border:var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;pointer-events:auto;animation:toast-slide-in .3s ease}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--info{border-left:4px solid var(--color-primary)}.toast--warning{border-left:4px solid var(--color-accent)}.toast-message{flex:1;font-size:var(--font-size-body);color:var(--color-gray-900)}.toast-close{background:none;border:none;font-size:24px;line-height:1;color:var(--color-gray-600);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:var(--color-gray-900)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-gray-50)}.error-boundary-content{max-width:500px;text-align:center;background:var(--color-white);border:var(--border);border-radius:var(--radius-lg);padding:var(--spacing-4xl)}.error-icon{width:80px;height:80px;margin:0 auto var(--spacing-2xl);background:var(--color-error);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--color-white)}.error-boundary-content h1{font-size:24px;margin-bottom:var(--spacing-lg);color:var(--color-gray-900)}.error-message{color:var(--color-gray-600);margin-bottom:var(--spacing-3xl);line-height:1.6}.error-button{padding:var(--spacing-md) var(--spacing-3xl);background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer;transition:background .2s ease}.error-button:hover{background:#a36a51}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:20px}.input-label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.required-indicator{color:var(--color-error);margin-left:2px}.input{padding:var(--spacing-md) var(--spacing-lg);border:var(--border);border-radius:var(--radius-md);font-size:var(--font-size-body);background-color:var(--color-white);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--color-primary)}.input--error{border-color:var(--color-error)}.input-error{font-size:var(--font-size-small);color:var(--color-error)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);padding:20px}.login-container{width:100%;max-width:440px}.login-header{text-align:center;margin-bottom:40px}.login-logo{font-family:var(--font-family-mono);font-size:32px;font-weight:700;color:var(--color-primary);letter-spacing:-.5px;margin-bottom:8px}.login-tagline{font-size:14px;color:var(--color-gray-600)}.login-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:16px;padding:40px}.login-card-header{margin-bottom:32px}.login-title{font-size:24px;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.login-subtitle{font-size:14px;color:var(--color-gray-600)}.login-error{background:#dc35451a;color:#dc3545;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px}.login-form{display:flex;flex-direction:column}.password-field{position:relative}.password-field .input-wrapper{margin-bottom:0}.password-toggle{position:absolute;right:12px;top:38px;background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--color-gray-600)}.password-toggle svg{width:20px;height:20px}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent)}.remember-me span,.remember-me label{font-size:14px;color:var(--color-gray-700);cursor:pointer}.forgot-password{font-size:14px;color:var(--color-accent);text-decoration:none;font-weight:500;transition:opacity .2s ease}.forgot-password:hover{opacity:.8}.login-button{width:100%;padding:14px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.login-button:hover:not(:disabled){background:#a56d52;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.divider{display:flex;align-items:center;margin:24px 0;color:var(--color-gray-400);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-gray-200)}.divider:before{margin-right:12px}.divider:after{margin-left:12px}.sso-buttons{display:flex;flex-direction:column;gap:12px}.sso-button{width:100%;padding:12px 24px;background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-200);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.sso-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.sso-button svg{width:20px;height:20px;flex-shrink:0}.sso-button .google-icon path:nth-child(1){fill:#4285f4}.sso-button .google-icon path:nth-child(2){fill:#34a853}.sso-button .google-icon path:nth-child(3){fill:#fbbc05}.sso-button .google-icon path:nth-child(4){fill:#ea4335}.sso-button .microsoft-icon rect:nth-child(1){fill:#f25022}.sso-button .microsoft-icon rect:nth-child(2){fill:#00a4ef}.sso-button .microsoft-icon rect:nth-child(3){fill:#7fba00}.sso-button .microsoft-icon rect:nth-child(4){fill:#ffb900}@media (max-width: 480px){.login-card{padding:32px 24px}.login-logo{font-size:28px}.login-title{font-size:22px}}.sidebar{width:var(--sidebar-width);background:var(--color-white);border-right:var(--border);padding:var(--spacing-2xl) 0;position:fixed;height:100vh;left:0;top:0;z-index:100;overflow-y:auto}.logo{padding:0 var(--spacing-2xl) var(--spacing-3xl);font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-family-mono);letter-spacing:-.5px}.nav-section{margin-bottom:var(--spacing-2xl)}.nav-item{padding:var(--spacing-md) var(--spacing-2xl);color:var(--color-gray-600);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none}.nav-item:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.nav-item.active{background:#b8785e14;color:var(--color-accent);border-left:3px solid var(--color-accent);padding-left:calc(var(--spacing-2xl) - 3px)}.nav-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.nav-item-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.top-bar{background:var(--color-white);border-bottom:var(--border);padding:var(--spacing-lg) var(--spacing-4xl);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;height:var(--topbar-height)}.top-bar-left{display:flex;align-items:center;gap:var(--spacing-lg)}.top-bar-right{display:flex;align-items:center;gap:var(--spacing-xl)}.autosave-indicator{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.autosave-indicator.saving{color:var(--color-accent)}.autosave-indicator.saved{color:var(--color-success)}.time-display{display:flex;align-items:center;gap:8px;color:var(--color-gray-600);font-size:13px;font-weight:500}.theme-toggle,.notification-bell{width:36px;height:36px;border-radius:8px;border:1px solid var(--color-gray-200);background:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-gray-600)}.theme-toggle:hover,.notification-bell:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.user-profile-wrapper{position:relative}.user-profile{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;padding:6px 12px 6px 6px;border-radius:100px;border:var(--border);background:transparent;transition:all .2s ease}.user-profile:hover{background:var(--color-gray-50)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-small)}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:13px;font-weight:600;color:var(--color-gray-900)}.user-role{font-size:11px;color:var(--color-gray-600)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-white);border:var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm);min-width:150px;box-shadow:0 2px 8px #0000001a}.user-menu-item{width:100%;padding:var(--spacing-md);border:none;background:none;text-align:left;font-size:var(--font-size-body);color:var(--color-gray-900);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s ease}.user-menu-item:hover{background:var(--color-gray-50)}.dashboard-layout{display:flex;min-height:100vh;background:var(--color-gray-50);width:100%;overflow-x:hidden}.main-content{flex:1;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));background:var(--color-gray-50);min-height:100vh;overflow-x:hidden}.page-content{padding:var(--spacing-4xl);width:100%}@media (max-width: 768px){.main-content{margin-left:0}.page-content{padding:var(--spacing-2xl)}}.incomplete-list{display:flex;flex-direction:column;gap:12px}.incomplete-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.incomplete-item:hover{border-color:var(--color-primary);transform:translate(2px)}.incomplete-info{flex:1}.incomplete-form-type{font-weight:600;color:var(--color-gray-900);font-size:14px;margin-bottom:6px}.incomplete-meta{display:flex;gap:16px;font-size:13px;color:var(--color-gray-600)}.continue-btn{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.continue-btn:hover{background:#0f2a52;transform:translateY(-1px)}.incomplete-empty-state{background:var(--color-white);border:2px dashed var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.empty-icon{width:64px;height:64px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--color-white);margin-bottom:var(--spacing-md)}.empty-title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.empty-message{font-size:var(--font-size-body);color:var(--color-gray-600);margin:0;max-width:400px}.start-new-form-btn{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-3xl);background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease}.start-new-form-btn:hover{background:#a36a51;transform:translateY(-2px)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.quick-action-card{background:var(--color-white);border:2px dashed var(--color-gray-200);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-accent);transform:translateY(-4px);transition:transform .2s ease}.quick-action-card:hover:before{transform:translateY(0)}.quick-action-card:hover{border-color:var(--color-primary);border-style:solid;transform:translateY(-2px)}.quick-action-icon{width:48px;height:48px;margin:0 auto 16px;background:var(--color-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.quick-action-title{font-weight:600;color:var(--color-gray-900);font-size:14px;margin-bottom:4px}.quick-action-subtitle{font-size:12px;color:var(--color-gray-600)}.dashboard-page{width:100%;max-width:1400px}.page-header{margin-bottom:32px}.page-title{font-size:32px;font-weight:700;color:var(--color-gray-900);margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--color-gray-600)}.section-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-gray-600);margin-bottom:16px}.dashboard-section{margin-bottom:32px}.dashboard-section:last-child{margin-bottom:0}.form-field{margin-bottom:0}.field-label{font-size:14px;font-weight:600;color:var(--color-gray-900);margin-bottom:12px;display:block}.required-indicator{color:var(--color-accent);margin-left:4px}.field-description{font-size:13px;color:var(--color-gray-600);margin-bottom:12px}.form-input,.text-input,.select-input,.date-input,.form-select,.form-textarea,.textarea-input{width:100%;padding:12px 16px;border:1px solid var(--color-gray-200);border-radius:8px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--color-gray-900);transition:all .2s ease;background:var(--color-white)}.form-input:focus,.text-input:focus,.select-input:focus,.date-input:focus,.form-select:focus,.form-textarea:focus,.textarea-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-white)}.form-input::placeholder,.text-input::placeholder,.textarea-input::placeholder{color:var(--color-gray-400)}.form-textarea,.textarea-input{resize:vertical;min-height:100px}.patient-search-wrapper{position:relative}.patient-results{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 4px 8px #0000001a}.patient-result-item{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--color-gray-100)}.patient-result-item:hover{background:var(--color-gray-50)}.patient-result-item:last-child{border-bottom:none}.patient-name{font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin-bottom:4px}.patient-meta{font-size:var(--font-size-small);color:var(--color-gray-600)}.search-loading{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);font-size:var(--font-size-small);color:var(--color-gray-600)}.radio-group,.boolean-options{display:flex;gap:24px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.radio-option label{font-size:14px;color:var(--color-gray-900);cursor:pointer}.checkbox-group,.checkbox-options{display:flex;flex-direction:column;gap:12px}.checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.checkbox-option label{font-size:14px;color:var(--color-gray-900);cursor:pointer}.file-upload-wrapper{border:2px dashed var(--color-gray-200);border-radius:8px;padding:24px;text-align:center;transition:all .2s ease;cursor:pointer}.file-upload-wrapper:hover{border-color:var(--color-accent);background:var(--color-gray-50)}.file-input{display:none}.file-upload-icon{width:48px;height:48px;margin:0 auto 12px;color:var(--color-gray-400)}.file-upload-text{font-size:14px;color:var(--color-gray-600);margin-bottom:4px}.file-upload-subtext{font-size:12px;color:var(--color-gray-400)}.file-error{margin-top:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-error)}.file-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-sm);font-size:var(--font-size-small);display:flex;justify-content:space-between;align-items:center}.file-size{color:var(--color-gray-600)}.add-note-section{margin-top:16px}.add-note-toggle{background:none;border:none;color:var(--color-accent);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;padding:0;transition:opacity .2s ease}.add-note-toggle:hover{opacity:.8}.add-note-toggle svg{width:14px;height:14px;transition:transform .2s ease}.add-note-toggle.active svg{transform:rotate(180deg)}.note-input-wrapper{margin-top:12px;display:none}.note-input-wrapper.active{display:block}.note-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-gray-200);border-radius:8px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--color-gray-900);transition:all .2s ease;background:var(--color-white);resize:vertical;min-height:100px}.note-textarea:focus{outline:none;border-color:var(--color-accent)}.divider-field{margin:0;padding:0}.divider-label{font-size:16px;font-weight:600;color:var(--color-gray-900);margin:0}.divider-line{display:none}.action-plan-field{width:100%}.action-required-section{margin-bottom:24px;padding:16px;background:var(--color-gray-50);border-radius:8px}.action-required-label{font-size:14px;font-weight:600;color:var(--color-gray-900);display:block;margin-bottom:4px}.action-required-hint{font-size:12px;color:var(--color-gray-600);margin:0 0 12px}.status-label{font-weight:500}.status-label.status-red{color:#ef4444}.status-label.status-green{color:#22c55e}.action-plans-container{margin-top:16px}.action-plan-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:20px;margin-bottom:16px}.action-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-gray-200)}.action-plan-number{font-size:16px;font-weight:600;color:var(--color-gray-900);margin:0}.remove-action-plan-btn{background:none;border:1px solid #ef4444;color:#ef4444;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.remove-action-plan-btn:hover{background:#fef2f2}.action-plan-grid{display:flex;flex-direction:column;gap:16px}.action-plan-row{display:flex;flex-direction:column;gap:6px}.action-plan-row-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.action-plan-row-group{grid-template-columns:1fr}}.action-plan-input-label{font-size:13px;font-weight:500;color:var(--color-gray-700)}.action-plan-textarea{min-height:80px}.field-hint{font-size:12px;color:var(--color-gray-500);margin:4px 0 0}.add-action-plan-btn{display:block;width:100%;padding:12px;background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:8px;color:var(--color-accent);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-action-plan-btn:hover{background:var(--color-gray-100);border-color:var(--color-accent)}.btn,.button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:DM Sans,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled,.button:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.button--primary{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent)}.btn-primary:hover:not(:disabled),.button--primary:hover:not(:disabled){background:#a56d52;transform:translateY(-1px)}.btn-secondary,.button--secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.btn-secondary:hover:not(:disabled),.button--secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.button--small{padding:8px 16px;font-size:13px}.button--medium{padding:12px 24px;font-size:14px}.button--large{padding:14px 24px;font-size:15px}.form-page{max-width:800px;margin:0 auto}.form-header{margin-bottom:32px}.form-title{font-size:28px;font-weight:700;color:var(--color-gray-900);margin-bottom:4px}.form-version{font-size:13px;color:var(--color-gray-600)}.dynamic-form{display:flex;flex-direction:column}.form-section-wrapper{margin-bottom:32px}.form-section-wrapper:last-child{margin-bottom:0}.section-heading{font-size:18px;font-weight:600;color:var(--color-gray-800);margin:0 0 16px;padding:0 0 0 12px;border-left:4px solid var(--color-accent);display:flex;align-items:center;min-height:28px}.form-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;padding:24px 28px}.section-fields{display:flex;flex-direction:column}.field-wrapper{padding:16px 0}.field-wrapper:last-child{padding-bottom:0}.field-wrapper:first-child{padding-top:0}.form-section .action-plan-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:32px;border-top:1px solid var(--color-gray-200)}.loading-state,.error-state{text-align:center;padding:var(--spacing-4xl)}.error-state{display:flex;flex-direction:column;gap:var(--spacing-2xl);align-items:center;color:var(--color-error)}.success-state{background:var(--color-white);border:var(--border);border-radius:var(--radius-lg);padding:var(--spacing-4xl);text-align:center}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-2xl);background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--color-white)}.success-state h2{color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.success-state p{color:var(--color-gray-600)}.forms-list-page{width:100%}.page-header{margin-bottom:40px}.page-title{font-size:32px;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.page-subtitle{font-size:14px;color:var(--color-gray-600);margin:0}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.form-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;padding:32px;cursor:pointer;transition:all .2s ease;display:flex;gap:24px;align-items:flex-start}.form-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.form-icon{width:56px;height:56px;background:var(--color-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;flex-shrink:0}.form-content{flex:1;display:flex;flex-direction:column;gap:8px}.form-name{font-size:18px;font-weight:700;color:var(--color-gray-900);margin:0}.form-description{font-size:14px;color:var(--color-gray-600);margin:0;line-height:1.5}.form-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.form-version{font-size:12px;color:var(--color-gray-600);background:var(--color-gray-100);padding:4px 8px;border-radius:6px;font-weight:500}.form-arrow{font-size:20px;color:var(--color-primary);font-weight:700;transition:transform .2s ease}.form-card:hover .form-arrow{transform:translate(4px)}.empty-state{background:var(--color-white);border:2px dashed var(--color-gray-200);border-radius:12px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:40px}.empty-icon{font-size:48px;margin-bottom:12px}.empty-title{font-size:18px;font-weight:700;color:var(--color-gray-900);margin:0}.empty-message{font-size:14px;color:var(--color-gray-600);margin:0;max-width:400px}@media (max-width: 768px){.forms-grid{grid-template-columns:1fr}.form-card{padding:var(--spacing-2xl)}.form-icon{width:48px;height:48px;font-size:20px}}.search-bar{flex:1;min-width:250px;display:flex;align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-lg);background:var(--color-white);border:var(--border);border-radius:var(--radius-md)}.search-bar svg{color:var(--color-gray-600)}.search-input{flex:1;border:none;font-size:var(--font-size-body);outline:none}.filter-bar{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.filter-controls{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filter-dropdown-wrapper{position:relative}.filter-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);background:var(--color-white);border:var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease}.filter-button:hover{border-color:var(--color-gray-400)}.filter-button.active,.filter-button.has-filters{background:#b8785e1a;border-color:var(--color-accent);color:var(--color-accent)}.filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-white);border:var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm);min-width:200px;z-index:10;box-shadow:0 4px 12px #0000001a}.filter-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s ease}.filter-option:hover{background:var(--color-gray-50)}.filter-option input{cursor:pointer}.clear-filters-button{padding:var(--spacing-sm);background:none;border:none;color:var(--color-accent);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer}.clear-filters-button:hover{opacity:.8}.column-selector-content{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:400px;overflow-y:auto}.column-checkbox{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s ease}.column-checkbox:hover{background:var(--color-gray-50)}.column-checkbox input{cursor:pointer}.always-visible-badge{margin-left:auto;font-size:var(--font-size-small);color:var(--color-gray-600);font-style:italic}.modal-actions{margin-top:var(--spacing-2xl);display:flex;justify-content:flex-end}.table-card{background:var(--color-white);border:var(--border);border-radius:var(--radius-lg);overflow:hidden;width:100%}.data-table-wrapper{overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:600px;border-collapse:collapse}.data-table thead{background:var(--color-gray-50);border-bottom:var(--border)}.data-table th{padding:var(--spacing-lg) var(--spacing-xl);text-align:left;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600);white-space:nowrap}.th-content{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-button{background:none;border:none;cursor:pointer;padding:0;color:var(--color-gray-400);transition:color .2s ease}.sort-button:hover,.sort-button svg.active{color:var(--color-primary)}.data-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background .2s ease}.data-table tbody tr:hover{background:var(--color-gray-50)}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-body);color:var(--color-gray-900)}.empty-row{text-align:center;padding:var(--spacing-4xl)!important;color:var(--color-gray-600)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-top:var(--border);flex-wrap:wrap;gap:var(--spacing-lg)}.pagination-info{font-size:var(--font-size-small);color:var(--color-gray-600)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-body);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:var(--spacing-xs)}.page-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease}.page-number:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.page-number.active{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.page-ellipsis{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600)}.per-page-selector{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-gray-600)}.per-page-selector select{width:auto;min-width:70px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-2xl)}.modal-content{background-color:var(--color-white);border-radius:var(--radius-lg);border:var(--border);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2xl);border-bottom:var(--border)}.modal-title{font-size:20px;font-weight:var(--font-weight-bold);margin:0}.modal-close{background:none;border:none;font-size:32px;line-height:1;color:var(--color-gray-600);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-gray-900)}.modal-body{padding:var(--spacing-2xl)}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:capitalize}.status-badge--success{background-color:#d4edda;color:#155724}.status-badge--error{background-color:#f8d7da;color:#721c24}.status-badge--neutral{background-color:var(--color-gray-100);color:var(--color-gray-800)}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.select-label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.select{padding:var(--spacing-md) var(--spacing-lg);border:var(--border);border-radius:var(--radius-md);font-size:var(--font-size-body);background-color:var(--color-white);cursor:pointer;transition:border-color .2s ease}.select:focus{outline:none;border-color:var(--color-primary)}.select--error{border-color:var(--color-error)}.select-error{font-size:var(--font-size-small);color:var(--color-error)}.data-dashboard-page{width:100%;max-width:100%}.dashboard-header{margin-bottom:var(--spacing-2xl)}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.controls-left,.controls-right{display:flex;gap:var(--spacing-md);align-items:center}.controls-right button{display:flex;align-items:center;gap:var(--spacing-sm)}.dashboards-list-page{width:100%}.dashboards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-3xl)}.dashboard-card{background:var(--color-white);border:var(--border);border-radius:var(--radius-lg);padding:var(--spacing-3xl);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.dashboard-icon{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-white)}.dashboard-name{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.dashboard-description{font-size:var(--font-size-body);color:var(--color-gray-600);margin:0;line-height:1.5}:root{--color-primary: #4A6A99;--color-accent: #B8785E;--color-white: #FFFFFF;--color-gray-50: #F8F9FA;--color-gray-100: #E9ECEF;--color-gray-200: #DEE2E6;--color-gray-400: #CED4DA;--color-gray-600: #6C757D;--color-gray-700: #495057;--color-gray-800: #343A40;--color-gray-900: #212529;--color-success: #28a745;--color-error: #dc3545;--font-family-body: "DM Sans", sans-serif;--font-family-mono: "Space Mono", monospace;--font-size-title: 32px;--font-size-heading: 12px;--font-size-body: 14px;--font-size-small: 12px;--font-size-medium: 15px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-heading: 1px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--border-width: 1px;--border-color: var(--color-gray-200);--border: var(--border-width) solid var(--border-color);--sidebar-width: 240px;--topbar-height: 64px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card,.form-section,.audit-table,.incomplete-item,.quick-action-card{animation:slideUp .3s ease}.modal-content{animation:scaleIn .2s ease}.page-content>*{animation:fadeIn .4s ease}*{transition-property:background-color,border-color,color,transform;transition-duration:.2s;transition-timing-function:ease}.preload *{transition:none!important}.card:hover,.incomplete-item:hover,.quick-action-card:hover{transform:translateY(-2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1024px){:root{--sidebar-width: 200px}.page-content{padding:var(--spacing-2xl)}.quick-actions{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){:root{--sidebar-width: 0}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;width:100%;max-width:100%}.top-bar{padding:var(--spacing-md) var(--spacing-lg)}.page-content{padding:var(--spacing-lg)}.page-title{font-size:24px}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr;font-size:var(--font-size-small)}.audit-progress{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.progress-bar{width:100%}.form-section{padding:var(--spacing-2xl)}.field-wrapper{padding:var(--spacing-lg)}.form-actions{flex-direction:column}.form-actions button{width:100%}.dashboard-controls{flex-direction:column;align-items:stretch}.controls-left,.controls-right{width:100%;justify-content:space-between}.search-bar{max-width:100%}.data-table-wrapper{overflow-x:auto}.data-table{min-width:600px}.pagination{flex-direction:column;gap:var(--spacing-lg)}.pagination-controls{flex-wrap:wrap;justify-content:center}.quick-actions{grid-template-columns:1fr}.incomplete-item{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.continue-btn{width:100%}}@media (max-width: 480px){.page-title{font-size:20px}.table-header,.table-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.table-row{padding:var(--spacing-lg)}.page-numbers{flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{font-family:var(--font-family-body);font-size:var(--font-size-body);color:var(--color-gray-900);background-color:var(--color-gray-50);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.container{max-width:800px;margin:0 auto;padding:0 var(--spacing-2xl)}.section-header{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-heading);color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.card{background:var(--color-white);border:var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}