.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--primary-color);border-radius:50%;height:40px;width:40px}.spinner-container.small .spinner{border-width:2px;height:20px;width:20px}.spinner-container.large .spinner{border-width:6px;height:60px;width:60px}.spinner-message{color:var(--text-muted);font-size:.95em;font-weight:500;margin-top:15px}@keyframes spin{to{transform:rotate(1turn)}}.language-switcher{margin:.75rem 0}.lang-button,.language-switcher{align-items:center;display:flex;gap:.5rem}.lang-button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.lang-button:hover{background:#f8f9fa;border-color:#4caf50;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.lang-button.active{background:#4caf50;border-color:#4caf50;color:#fff;font-weight:600}.lang-button .flag{font-size:1.2rem;line-height:1}.lang-button .lang-label{font-size:.9rem}@media (max-width:768px){.language-switcher{gap:.25rem;margin:0}.lang-button .lang-label{display:none}.lang-button{border-width:1px;padding:.4rem .6rem}.lang-button .flag{font-size:1.3rem}}.breadcrumb{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;margin-bottom:1.5rem;padding:.75rem 1.5rem}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-item{align-items:center;color:#6c757d;display:flex;font-size:.9rem}.breadcrumb-item a{color:#007bff;text-decoration:none;transition:color .2s ease}.breadcrumb-item a:hover{color:#0056b3;text-decoration:underline}.breadcrumb-item.active{color:#495057;font-weight:500}.breadcrumb-item.active span{color:#495057}.breadcrumb-separator{color:#6c757d;margin:0 .5rem;-webkit-user-select:none;user-select:none}@media (max-width:768px){.breadcrumb{padding:.5rem 1rem}.breadcrumb-item{font-size:.85rem}.breadcrumb-separator{margin:0 .25rem}}@media (prefers-color-scheme:dark){.breadcrumb{background-color:#2d3748;border-bottom-color:#4a5568}.breadcrumb-item{color:#a0aec0}.breadcrumb-item a{color:#63b3ed}.breadcrumb-item a:hover{color:#4299e1}.breadcrumb-item.active span{color:#e2e8f0}.breadcrumb-separator{color:#718096}}:root{--primary-color:#3498db;--primary-dark:#2980b9;--secondary-color:#2c3e50;--secondary-light:#34495e;--bg-color:#f8f9fa;--card-bg:#fff;--text-main:#333;--text-muted:#666;--text-light:#ecf0f1;--danger-color:#e74c3c;--danger-dark:#c0392b;--success-color:#27ae60;--success-dark:#229954;--warning-color:#f39c12;--info-color:#17a2b8;--border-color:#eee;--input-border:#ddd;--sidebar-muted:#95a5a6;--sidebar-active-bg:#34495e;--sidebar-width:240px;--header-height:60px;--border-radius:8px;--input-radius:6px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 4px 20px #00000026;--transition-fast:all 0.2s ease;--transition-normal:all 0.3s ease}*{box-sizing:border-box}body{background-color:#f8f9fa;background-color:var(--bg-color);color:#333;color:var(--text-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overflow-x:hidden;padding:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#3498db;background:var(--primary-color);border-radius:0 0 4px 0;color:#fff;font-weight:700;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-100%;z-index:9999}.skip-link:focus{top:0}:focus-visible{outline:2px solid #3498db;outline:2px solid var(--primary-color);outline-offset:2px}.App{display:flex;min-height:100vh}.sidebar{background-color:#2c3e50;background-color:var(--secondary-color);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;transition:width all .3s ease;transition:width var(--transition-normal);width:240px;width:var(--sidebar-width);z-index:1000}.sidebar-header{align-items:center;background-color:#eceff1;border-bottom:1px solid #ddd;border-bottom:1px solid var(--input-border);display:flex;height:60px;height:var(--header-height);justify-content:center;text-align:center}.sidebar-logo{height:40px}.sidebar-nav{display:flex;flex-direction:column;padding:10px 0}.sidebar-group{margin-top:20px}.sidebar-group-title{color:#95a5a6;color:var(--sidebar-muted);font-size:.75em;font-weight:700;letter-spacing:1px;padding:0 20px 8px;text-transform:uppercase}.sidebar-link{color:#ecf0f1;color:var(--text-light);font-size:.95em;gap:12px;padding:12px 20px;text-decoration:none;transition:all .2s ease;transition:var(--transition-fast)}.sidebar-icon,.sidebar-link{align-items:center;display:flex}.sidebar-icon{opacity:.7}.sidebar-link:hover{background-color:#34495e;background-color:var(--sidebar-active-bg);color:#fff}.sidebar-link:hover .sidebar-icon{opacity:1}.sidebar-link.active{background-color:#34495e;background-color:var(--sidebar-active-bg);border-left:4px solid #3498db;border-left:4px solid var(--primary-color);color:#fff}.sidebar-link.active .sidebar-icon{color:#fff;opacity:1}.main-wrapper{margin-left:240px;margin-left:var(--sidebar-width);width:calc(100% - 240px);width:calc(100% - var(--sidebar-width))}.main-wrapper,.main-wrapper-full{display:flex;flex-direction:column;flex-grow:1;min-height:100vh}.main-wrapper-full{width:100%}.app-header{background-color:#fff;background-color:var(--card-bg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);height:60px;height:var(--header-height);justify-content:flex-end;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:900}.app-header,.header-actions{align-items:center;display:flex}.header-actions{gap:20px}.user-profile{align-items:center;display:flex;gap:15px}.user-email{color:#666;color:var(--text-muted);font-size:.9em;font-weight:600}.plan-badge{border-radius:12px;display:inline-block;font-size:.75em;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.plan-badge-starter,.plan-badge-trial{background-color:#e8f5e9;color:#2e7d32}.plan-badge-professional{background-color:#e3f2fd;color:#1565c0}.plan-badge-enterprise{background-color:#f3e5f5;color:#6a1b9a}.logout-btn{background-color:initial;border:1px solid #e74c3c;border:1px solid var(--danger-color);color:#e74c3c;color:var(--danger-color);font-size:.85em;padding:5px 12px}.logout-btn:hover{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.header-branding{align-items:center;display:flex;margin-right:auto}.header-branding img{height:30px;max-width:150px;object-fit:contain}.main-content{box-sizing:border-box;flex:1 1;margin:0 auto;padding:30px;width:100%}.data-table{background:#fff;background:var(--card-bg);border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);margin-top:20px;overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}.data-table th{background-color:#34495e;background-color:var(--secondary-light);color:#fff;font-weight:700}.data-table tr:hover{background-color:#f9f9f9}.data-table tr:nth-child(2n){background-color:#fafafa}.data-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow-x:auto}.status-badge{border-radius:50px;display:inline-block;font-size:.75em;font-weight:700;padding:4px 12px;text-transform:uppercase}.status-badge.large{font-size:.9em;padding:8px 16px}.status-badge.draft{background-color:#eee;color:#666;color:var(--text-muted)}.status-badge.submitted{background-color:#fff3cd;color:#856404}.status-badge.approved{background-color:#d4edda;color:#155724}.status-badge.rejected{background-color:#f8d7da;color:#721c24}.sensitivity-badge{border:1px solid #0000;border-radius:4px;display:inline-block;font-size:.75em;font-weight:600;padding:3px 10px;text-transform:uppercase}.sensitivity-badge.public{background-color:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.sensitivity-badge.internal{background-color:#e3f2fd;border-color:#bbdefb;color:#1565c0}.sensitivity-badge.restricted{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.sensitivity-badge.highly-confidential{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.kpi-card{background:#fff;background:var(--card-bg);border-left:4px solid #3498db;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:20px}.kpi-card.danger{border-left-color:#e74c3c;border-left-color:var(--danger-color)}.kpi-card.success{border-left-color:#27ae60;border-left-color:var(--success-color)}.kpi-card.warning{border-left-color:#f39c12;border-left-color:var(--warning-color)}.kpi-card.info{border-left-color:#17a2b8;border-left-color:var(--info-color)}.kpi-label{color:#666;color:var(--text-muted);font-size:.85em;font-weight:700;margin-bottom:5px;text-transform:uppercase}.kpi-value{color:#2c3e50;color:var(--secondary-color);font-size:1.8em;font-weight:700}.card{background-color:#fff;background-color:var(--card-bg);border:1px solid #eee;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);margin-bottom:25px;padding:25px}.login-container{align-items:center;display:flex;justify-content:center;padding-top:50px}.login-card{max-width:400px;text-align:center;width:100%}.login-header{margin-bottom:30px}.login-logo{height:60px;margin-bottom:15px}.login-subtitle{color:#6c757d;font-size:.9em;margin-top:-10px}.btn-block{margin-top:10px;width:100%}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],select,textarea{background-color:#fff;border:1px solid #ddd;border:1px solid var(--input-border);border-radius:6px;border-radius:var(--input-radius);box-sizing:border-box;font-size:1em;margin-bottom:15px;padding:12px;transition:all .2s ease;transition:var(--transition-fast);width:100%}input[type=date],input[type=datetime-local],input[type=time]{color:#333;color:var(--text-main);cursor:pointer;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db26;outline:2px solid #3498db;outline:2px solid var(--primary-color);outline-offset:1px}button{background-color:#3498db;background-color:var(--primary-color);border:none;border-radius:6px;border-radius:var(--input-radius);color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:10px 15px}button:hover{background-color:#2980b9;background-color:var(--primary-dark)}.btn{border:none;border-radius:6px;border-radius:var(--input-radius);cursor:pointer;display:inline-block;font-size:.9em;font-weight:700;margin-right:5px;padding:8px 16px;text-decoration:none}.btn-sm{font-size:.8em;padding:4px 10px}.btn-primary{background-color:#3498db;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2980b9;background-color:var(--primary-dark)}.btn-info{background-color:#17a2b8;background-color:var(--info-color);color:#fff}.btn-info:hover{background-color:#138496}.btn-outline{background-color:initial;border:1px solid #3498db;border:1px solid var(--primary-color);color:#3498db;color:var(--primary-color)}.btn-outline:hover{background-color:#3498db;background-color:var(--primary-color);color:#fff}.btn-danger{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#c0392b;background-color:var(--danger-dark)}.workflow-editor{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);padding:30px}.field-builder,.state-builder,.transition-builder{align-items:center;background:#f8f9fa;background:var(--bg-color);border-radius:6px;border-radius:var(--input-radius);display:flex;gap:10px;margin-bottom:15px;padding:15px}.field-builder input[type=text],.field-builder select,.state-builder input[type=text],.state-builder select,.transition-builder input[type=text],.transition-builder select{flex:2 1;margin-bottom:0}.field-builder select{flex:1 1;margin-bottom:0;min-width:150px}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.action-buttons{display:flex;gap:10px;margin-top:15px}.error-message{background-color:#fdeaea;border:1px solid #fadbd8;border-radius:6px;border-radius:var(--input-radius);color:#e74c3c;color:var(--danger-color);margin-bottom:20px;padding:15px}.footer{background-color:#fff;background-color:var(--card-bg);border-top:1px solid #eee;border-top:1px solid var(--border-color);box-sizing:border-box;color:#999;font-size:.85em;padding:20px;text-align:center;width:100%}.required-label:after{color:#e74c3c;color:var(--danger-color);content:" *";font-weight:700}.field-help{color:#6c757d;display:block;font-size:.85em;margin-bottom:15px;margin-top:-10px}.organization-settings{margin:0 auto;padding:30px 20px}.settings-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.settings-header h2{color:#2c3e50;color:var(--secondary-color);font-size:1.8em;margin:0}.org-form{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;padding:25px}.org-form .form-group{margin-bottom:20px}.org-form label{color:#2c3e50;color:var(--secondary-color);display:block;font-weight:600;margin-bottom:8px}.org-form input[type=text],.org-form textarea{border:1px solid #bdc3c7;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:.95em;padding:10px 12px;width:100%}.org-form input[type=text]:focus,.org-form textarea:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 5px #3498db4d;outline:2px solid #3498db;outline:2px solid var(--primary-color);outline-offset:1px}.org-form .checkbox-group{align-items:center;display:flex;margin-bottom:20px}.org-form .checkbox-group label{align-items:center;display:flex;font-weight:500;margin:0}.org-form .checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin-right:10px;width:18px}.form-actions{border-top:1px solid #ecf0f1;display:flex;gap:12px;margin-top:25px;padding-top:20px}.form-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:.95em;font-weight:600;padding:10px 20px;transition:all .3s ease;transition:var(--transition-normal)}.btn-success{background-color:#27ae60;background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#229954;background-color:var(--success-dark)}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.org-view{grid-gap:0 24px;background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:grid;gap:0 24px;grid-template-columns:200px 1fr;padding:25px}.info-row{display:contents}.info-row .label{color:#2c3e50;color:var(--secondary-color);font-weight:600}.info-row .label,.info-row .value{border-bottom:1px solid #ecf0f1;padding:15px 0;text-align:left}.info-row .value{color:#555;word-break:break-word}.info-row .value.mono{color:#666;color:var(--text-muted);font-family:Courier New,monospace;font-size:.85em}.info-row .badge{border-radius:20px;display:inline-block;font-size:.95em;font-weight:600;margin:0;min-width:0;padding:4px 18px;text-align:center;vertical-align:initial;width:auto}.badge-success{background-color:#d4edda;color:#155724}.badge-info{background-color:#d1ecf1;color:#0c5460}.badge-danger{background-color:#f8d7da;color:#721c24}.loading{color:#7f8c8d}.error,.loading{font-size:1.1em;padding:50px 20px;text-align:center}.error{color:#e74c3c;color:var(--danger-color)}.alert{align-items:center;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5em;margin-left:10px;padding:0}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-dialog{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#2c3e50;color:var(--secondary-color);font-size:1.5em;margin:0}.modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:2em;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-body .warning-text{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin-bottom:15px;padding:12px}.modal-body ul{list-style-type:disc;margin-left:20px}.modal-footer{border-top:1px solid #ecf0f1;display:flex;gap:10px;justify-content:flex-end;padding:20px}.modal-footer .btn{padding:10px 20px}.btn-danger:hover:not(:disabled){background-color:#c0392b;background-color:var(--danger-dark)}@media (max-width:768px){:root{--sidebar-width:0px}.sidebar{transform:translateX(-100%);width:240px}.sidebar.open{box-shadow:5px 0 15px #0000004d;transform:translateX(0)}.main-wrapper{margin-left:0;width:100%}.app-header{gap:8px;justify-content:space-between;padding:0 8px}.header-actions{flex:1 1;gap:8px!important;justify-content:flex-end}.main-content{padding:10px}.kpi-grid{gap:15px;grid-template-columns:1fr}.kpi-card{padding:15px}.kpi-label{word-wrap:break-word;font-size:.75em;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.kpi-value{font-size:1.5em}.header-branding img{height:24px;max-width:120px}.plan-badge{font-size:.7em;padding:2px 6px}.card{margin-bottom:15px;padding:15px}.card h2{font-size:1.3em}.card h3{font-size:1.1em}.detail-header{align-items:flex-start;flex-direction:column;gap:15px}.action-buttons{flex-wrap:wrap;width:100%}.data-table{min-width:600px}.org-view{grid-template-columns:1fr}.reporting-grid{grid-template-columns:1fr!important}.info-row .label{border-bottom:none;padding-bottom:5px}.info-row .value{margin-bottom:15px;padding-top:5px}.user-profile{gap:6px}.user-email{display:none}.plan-badge{display:none!important}.logout-btn{font-size:.8em!important;padding:5px 10px!important;white-space:nowrap}.menu-toggle{margin-right:5px!important;padding:5px!important}.status-badge{font-size:.65em!important;padding:3px 6px!important}a{word-wrap:break-word;overflow-wrap:break-word}}.menu-toggle{background:none;border:none;color:#2c3e50;color:var(--secondary-color);cursor:pointer;display:none;font-size:1.5em;margin-right:15px;padding:0}@media (max-width:768px){.menu-toggle{display:block}}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:950}@media (max-width:768px){.sidebar-overlay.open{display:block}}.responsive-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:30px}@media (max-width:992px){.responsive-grid{grid-template-columns:1fr}}