:root{--primary:#06c;--primary-light:#0080ff;--primary-dark:#0052a3;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-light:#f8f9fa;--border-color:#dee2e6;--border-radius:8px;--shadow-sm:0 .125rem .25rem #00000013;--shadow-md:0 .5rem 1rem #00000026;--shadow-lg:0 1rem 3rem #0000002d;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container-fluid{height:100vh;display:flex}.main-content{flex:1;padding:2rem;overflow-y:auto}h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}h2{margin-bottom:1rem;font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}.subtitle{color:var(--text-secondary);font-size:1rem}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{box-shadow:var(--shadow-md);background-color:#218838}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#c82333}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-secondary)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-weight:500;display:block}.form-control{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;transition:var(--transition);background:var(--bg-primary);color:var(--text-primary);padding:.75rem;font-family:inherit;font-size:1rem}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0066cc1a}textarea.form-control{resize:vertical;min-height:120px}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row.full{grid-template-columns:1fr}.card{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:2rem;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.card-header h2{margin:0}.card-body{padding:1.5rem}.table{border-collapse:collapse;width:100%}.table th{background-color:var(--bg-secondary);text-align:left;border-bottom:2px solid var(--border-color);padding:1rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);padding:1rem}.table tbody tr:hover{background-color:var(--bg-secondary)}.badge{border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.badge-primary{color:var(--primary);background-color:#e7f0ff}.badge-success{color:#155724;background-color:#d4edda}.badge-warning{color:#856404;background-color:#fff3cd}.badge-danger{color:#721c24;background-color:#f8d7da}.badge-secondary{color:#383d41;background-color:#e2e3e5}.tag{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;margin-bottom:.5rem;margin-right:.5rem;padding:.35rem .75rem;font-size:.85rem;display:inline-block}.alert{border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1rem}.alert-danger{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}@media (width<=768px){.main-content{padding:1rem}h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}}.navbar{scrollbar-width:thin;scrollbar-color:#2a2a2a #0e0e0e;background:#0e0e0e;border-bottom:none;border-right:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;width:260px;min-width:260px;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:4px 0 28px #0009}.navbar-brand{border-bottom:1px solid #1c1c1c;flex-shrink:0;margin-bottom:0;padding:1.75rem 1.5rem 1.5rem}.navbar .logo{color:#fff;align-items:center;gap:.75rem;font-size:1rem;text-decoration:none;display:flex}.navbar .logo-icon{flex-shrink:0;font-size:1.7rem;line-height:1}.navbar .logo-text{letter-spacing:.4px;color:#fff;font-size:1.15rem;font-weight:800}.navbar .nav-links{flex-direction:column;flex:1;align-items:stretch;gap:.2rem;min-height:0;margin:0;padding:1.25rem .5rem 1rem 0;list-style:none}.navbar .nav-links>li{padding:0;display:block}.navbar .nav-link{color:#686868;letter-spacing:.15px;white-space:nowrap;text-overflow:ellipsis;background:0 0;border-bottom:none;border-radius:0 50px 50px 0;align-items:center;gap:.8rem;padding:.75rem 1.25rem .75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.navbar .nav-link:hover{color:silver;background:linear-gradient(90deg,#1e1e1e 0%,#191919 100%)}.navbar .nav-link.active{color:#fff;background:linear-gradient(90deg,#232323 0%,#1d1d1d 100%);box-shadow:inset 0 1px #ffffff0d,0 4px 16px #00000073}.navbar .nav-link.active:before{content:"";background:linear-gradient(#d4a520 0%,#b8860b 100%);border-radius:0 2px 2px 0;width:3px;height:64%;position:absolute;top:18%;left:0;box-shadow:0 0 8px #b8860b80}.navbar .nav-link.active:after{content:"";background:linear-gradient(90deg,#ffffff12 0%,#0000 65%);height:1px;position:absolute;top:0;left:0;right:0}.nav-icon{text-align:center;opacity:.9;flex-shrink:0;width:20px;font-size:1.05rem;line-height:1.2}.navbar .nav-link.active .nav-icon{opacity:1}.nav-sub-link{color:#4a4a4a;letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;border-radius:0 50px 50px 0;align-items:center;gap:.5rem;margin-top:.1rem;padding:.3rem 1.25rem .3rem 3.1rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex;overflow:hidden}.nav-sub-link:hover{color:#d4a520;background:linear-gradient(90deg,#181818 0%,#141414 100%)}.nav-sub-icon{text-align:center;color:#b8860b;flex-shrink:0;width:14px;font-size:.85rem;line-height:1}.navbar-footer{border-top:1px solid #1c1c1c;flex-direction:column;flex-shrink:0;gap:.15rem;margin-top:auto;padding:.75rem .5rem 1.5rem 0;display:flex}.navbar-footer .nav-link,.navbar-footer .status-indicator{color:#484848;white-space:nowrap;text-overflow:ellipsis;border-radius:0 50px 50px 0;align-items:center;gap:.75rem;padding:.6rem 1.25rem .6rem 1.5rem;font-size:.82rem;text-decoration:none;transition:color .2s,background .2s;display:flex;overflow:hidden}.navbar-footer .nav-link:hover{color:#888;background:linear-gradient(90deg,#181818 0%,#141414 100%)}.navbar-footer #user-info{color:#fff;cursor:default;white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:0;padding:.4rem 1.5rem;font-size:.85rem;font-weight:500;transition:none;display:block;overflow:hidden}.navbar-footer #user-info:hover{color:#fff;background:0 0}.card-header{background:linear-gradient(135deg,#181818 0%,#242424 45%,#1e1e1e 100%);border-bottom:1px solid #2e2e2e}.card-header h2{color:#efefef;margin:0;font-size:1rem;font-weight:600}.card-header h3{color:#efefef}.card-header .link-more{color:#b8860b;font-weight:500;text-decoration:none;transition:color .2s}.card-header .link-more:hover{color:#d4a520}.card-header [id$=-count],.card-header>span{color:#666!important}.card .card-body .form-control{background:#fff}@media (width<=1024px){.navbar{width:230px;min-width:230px}}@media (width<=768px){.container-fluid{flex-direction:column}.navbar{z-index:100;flex-flow:wrap;align-items:center;width:100%;min-width:0;height:auto;padding:.75rem 1rem;position:sticky;top:0;overflow:auto hidden;box-shadow:0 3px 14px #0000008c}.navbar-brand{border-bottom:none;flex-shrink:0;padding:0}.navbar .nav-links{flex-flow:row;flex:none;gap:.15rem;padding:0;overflow-x:auto}.navbar .nav-links>li{flex-shrink:0}.navbar .nav-link{white-space:nowrap;border-radius:50px;padding:.45rem .9rem;font-size:.8rem}.navbar .nav-link.active:before,.navbar .nav-link.active:after{display:none}.navbar-footer{border-top:none;flex-direction:row;flex-shrink:0;gap:.15rem;margin-top:0;margin-left:auto;padding:0}.navbar-footer #user-info,.nav-sub-link{display:none}.card-header{background:linear-gradient(135deg,#181818 0%,#242424 45%,#1e1e1e 100%)}}[data-theme=dark] body{color:#efefef;background-color:#0f0f0f}[data-theme=dark] .main-content{background-color:#0f0f0f}[data-theme=dark] .dashboard-header{border-bottom-color:#1e1e1e}[data-theme=dark] .dashboard-header h1{color:#f0f0f0}[data-theme=dark] .dashboard-header .subtitle{color:#666}[data-theme=dark] .card{background:#fff;border-color:#ffffff12;box-shadow:0 8px 32px #0000008c,0 2px 8px #00000059}[data-theme=dark] .stat-card{background:#fff;border-color:#ffffff12;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000008c,0 2px 8px #00000059}[data-theme=dark] .stat-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#0d0d0de0 0%,#1919198c 35%,#0000 65%);height:70px;position:absolute;top:0;left:0;right:0}[data-theme=dark] .stat-card>*{z-index:1;position:relative}[data-theme=dark] .stat-icon{background-color:#ffffff14!important}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#1d4a80 0%,#0d3060 100%);border:1px solid #1e64c859;box-shadow:inset 0 1px #ffffff1a,0 3px 12px #0050c859}[data-theme=dark] .btn-primary:hover{background:linear-gradient(135deg,#235a95 0%,#10386e 100%);box-shadow:inset 0 1px #ffffff1f,0 5px 16px #0050c873}[data-theme=dark] .btn-success{background:linear-gradient(135deg,#1a5c30 0%,#0d3e20 100%);border:1px solid #1e783c59;box-shadow:inset 0 1px #ffffff14,0 3px 12px #0064324d}[data-theme=dark] .btn-success:hover{background:linear-gradient(135deg,#206c38 0%,#104b28 100%)}[data-theme=dark] .btn-secondary{color:#ccc;box-shadow:none;background:#2a2a2a;border:1px solid #3a3a3a}[data-theme=dark] .btn-secondary:hover{background:#333}[data-theme=dark] .btn-danger{background:linear-gradient(135deg,#7a1d1d 0%,#5a0d0d 100%);border:1px solid #c81e1e59}[data-theme=dark] .btn-outline{color:#bbb;background:0 0;border-color:#3a3a3a}[data-theme=dark] .btn-outline:hover{background:#ffffff0d;border-color:#555}[data-theme=dark] .btn-sm{font-size:.875rem}[data-theme=dark] .modal-content{background-color:#1c1c1c;border:1px solid #2c2c2c}[data-theme=dark] .modal-header{border-bottom-color:#2a2a2a}[data-theme=dark] .modal-header h2{color:#f0f0f0}[data-theme=dark] .modal-footer{border-top-color:#2a2a2a}[data-theme=dark] .modal-close{color:#777}[data-theme=dark] .modal-close:hover{color:#ccc}[data-theme=dark] .modal-content .form-control{color:#e0e0e0;background-color:#252525;border-color:#353535}[data-theme=dark] .modal-content .form-control:focus{color:#fff;border-color:var(--primary);background-color:#2c2c2c}[data-theme=dark] .modal-content .form-control::placeholder{color:#555}[data-theme=dark] .modal-content select.form-control option{color:#e0e0e0;background:#252525}[data-theme=dark] .modal-content .form-group label{color:#bbb}[data-theme=dark] .modal-content h3{color:#999}[data-theme=dark] .kb-tabs{border-bottom-color:#2a2a2a}[data-theme=dark] .kb-tab{color:#555}[data-theme=dark] .kb-tab.active{color:var(--primary);border-bottom-color:var(--primary)}[data-theme=dark] .modal-content .kb-editor .ql-toolbar{background-color:#222;border-color:#333}[data-theme=dark] .modal-content .kb-editor .ql-container{color:#e0e0e0;background:#1e1e1e;border-color:#333}[data-theme=dark] .modal-content .kb-editor .ql-editor{color:#e0e0e0}[data-theme=dark] .approval-step,[data-theme=dark] .version-row{color:#ccc;border-color:#2a2a2a}[data-theme=dark] .status-draft{color:#ffc107;background-color:#ffc1071f}[data-theme=dark] .status-published{color:#28a745;background-color:#28a7451f}[data-theme=dark] .status-archived{color:#999;background-color:#6c757d2e}[data-theme=dark] .status-in_review{color:#5b9dff;background-color:#007bff1f}[data-theme=dark] .status-pending_approval{color:#ffa040;background-color:#ff8c001f}[data-theme=dark] .status-expired{color:#ff6b7a;background-color:#dc35451f}.setting-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.theme-pill{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:50px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .2s}.settings-info-card{background:var(--bg-secondary);border-radius:var(--border-radius);border-left:3px solid var(--primary);color:var(--text-secondary);margin-top:1rem;padding:1rem 1.25rem;font-size:.85rem}[data-theme=dark] .settings-info-card{color:#777;background:#1a1a1a;border-left-color:#b8860b}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;gap:1.5rem;padding:1.5rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--border-radius);background-color:var(--bg-secondary);justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.stat-icon.knowledge{background-color:#e7f0ff}.stat-icon.flows{background-color:#e8f5e9}.stat-icon.published{background-color:#f1f8e9}.stat-icon.draft{background-color:#fff3e0}.stat-content{flex-direction:column;flex:1;justify-content:center;display:flex}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.9rem}.stats-mini-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.stats-mini-item{flex-direction:column;align-items:center;min-width:56px;display:flex}.stats-mini-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.stats-mini-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.stats-mini-divider{background:var(--border-color);width:1px;height:28px}.content-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.items-list{flex-direction:column;gap:1rem;display:flex}.item-row{border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);justify-content:space-between;align-items:start;padding:1rem;display:flex}.item-row:hover{background-color:var(--bg-secondary);border-color:var(--primary)}.item-info{flex:1}.item-title{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:1.05rem;font-weight:600;display:flex}.item-description{color:var(--text-secondary);margin-bottom:.6rem;font-size:.9rem}.item-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.item-actions{gap:.5rem;display:flex}.item-action{color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.5rem;font-size:1rem}.item-action:hover{color:var(--primary-dark);transform:scale(1.1)}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.category-card{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);padding:1.5rem}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-icon{margin-bottom:.5rem;font-size:2rem}.category-name{margin-bottom:.5rem;font-weight:600}.category-count{opacity:.9;font-size:.85rem}.info-box{background-color:#f8f9fa;border-color:#dee2e6}.approval-steps{flex-direction:column;gap:.75rem;display:flex}.approval-step{border:1px solid var(--border-color);border-radius:var(--border-radius);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.approval-step-info{flex-direction:column;gap:.25rem;display:flex}.version-list{flex-direction:column;gap:.5rem;display:flex}.version-row{border:1px solid var(--border-color);border-radius:var(--border-radius);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;display:flex}.kb-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1rem;display:flex}.kb-tab{cursor:pointer;color:var(--text-secondary);border-bottom:2px solid #0000;padding:.5rem 1rem;font-weight:500}.kb-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.kb-tab-content{display:none}.kb-tab-content.active{display:block}.item-details .form-group{margin-bottom:1rem}.item-details label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.85rem}.item-details p{margin:0}.modal{z-index:1000;background-color:#00000080;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.modal.active{justify-content:center;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header h2{margin:0}@media (width<=768px){.stats-grid,.content-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.info-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}.item-row{flex-direction:column}.item-actions{justify-content:flex-start;width:100%}.modal-content{width:95%;max-height:95vh}}.flow-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:1.5rem;overflow:hidden}.flow-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.flow-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:start;padding:1.5rem;display:flex}.flow-info{flex:1}.flow-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.flow-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.flow-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1.5rem;font-size:.9rem;display:flex}.flow-actions{gap:.5rem;display:flex}.flow-action-btn{color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.5rem;font-size:1rem}.flow-action-btn:hover{color:var(--primary-dark);transform:scale(1.1)}.flow-body{padding:1.5rem}.steps-container{flex-direction:column;gap:1rem;display:flex}.step-item{background-color:var(--bg-secondary);border-radius:var(--border-radius);border-left:4px solid var(--primary);align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-number{background-color:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.step-type-action{border-left-color:#06c}.step-type-decision{border-left-color:#f60}.step-type-wait{border-left-color:#6c757d}.step-type-notification{border-left-color:#28a745}.step-info{flex:1}.step-title{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.step-description{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.step-type-badge{border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.flow-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.flow-stats{color:var(--text-secondary);gap:1.5rem;font-size:.9rem;display:flex}.flow-buttons{gap:.5rem;display:flex}.flow-grid{gap:1.5rem;display:grid}.flow-diagram{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.diagram-step{align-items:center;gap:1rem;display:flex}.diagram-step:not(:last-child):after{content:"↓";color:var(--primary);margin-top:.5rem;font-size:1.5rem;position:absolute;left:50%;transform:translate(-50%)}.diagram-box{border-radius:var(--border-radius);border:2px solid var(--border-color);background-color:var(--bg-secondary);text-align:center;min-width:200px;padding:1rem;font-weight:500}.diagram-box.action{background-color:#e7f0ff;border-color:#06c}.diagram-box.decision{background-color:#fff3e0;border-color:#f60;border-radius:50%}.diagram-box.wait{background-color:#f8f9fa;border-color:#6c757d}.diagram-box.notification{background-color:#f1f8e9;border-color:#28a745}.flow-status-draft{color:#856404;background-color:#fff3cd}.flow-status-published{color:#155724;background-color:#d4edda}.flow-status-archived{color:#383d41;background-color:#e2e3e5}.empty-flows{text-align:center;padding:3rem 2rem}.empty-flows-icon{margin-bottom:1rem;font-size:3rem}.empty-flows-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-flows-text{color:var(--text-secondary);margin-bottom:1.5rem}@media (width<=768px){.flow-header{flex-direction:column}.flow-actions{width:100%;margin-top:1rem}.flow-meta{gap:1rem}.flow-footer{flex-direction:column;align-items:flex-start;gap:1rem}.flow-buttons{width:100%}.flow-buttons .btn{flex:1}}.container-fluid{flex-direction:row}.navbar{border-bottom:none;border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;width:240px;height:100vh;padding:1.5rem 1rem;overflow-y:auto}.navbar-brand{margin-bottom:2rem}.navbar .logo{flex-wrap:wrap;font-size:1.1rem}.navbar .nav-links{flex-direction:column;align-items:stretch;gap:.25rem}.navbar .nav-link{border-radius:var(--border-radius);padding:.6rem .75rem}.navbar .nav-link:hover{background-color:var(--bg-secondary)}.navbar .nav-link.active{background-color:var(--bg-secondary);border-bottom:none;border-left:3px solid var(--primary);padding-left:calc(.75rem - 3px)}.navbar .nav-sublinks{flex-direction:column;gap:.15rem;margin:.15rem 0 .4rem;padding-left:1.25rem;list-style:none;display:none}.navbar .nav-link.active+.nav-sublinks{display:flex}.navbar .nav-sublink{color:var(--text-secondary);border-radius:var(--border-radius);transition:var(--transition);padding:.4rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;display:block}.navbar .nav-sublink:hover{background-color:var(--bg-secondary);color:var(--primary)}.navbar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.25rem;margin-top:auto;padding-top:1rem;display:flex}@media (width<=768px){.container-fluid{flex-direction:column}.navbar{border-right:none;border-bottom:1px solid var(--border-color);flex-flow:wrap;width:100%;height:auto}.navbar .nav-links{flex-direction:row}.navbar-footer{border-top:none;flex-direction:row;margin-top:0;padding-top:0}}.spinner-wrapper{justify-content:center;align-items:center;padding:2rem;display:flex}.spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 2rem}.empty-state-icon{margin-bottom:1rem;font-size:3rem}.empty-state-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state-text{color:var(--text-secondary);margin-bottom:1.5rem}.error-message{color:#721c24;border-radius:var(--border-radius);background:#f8d7da;border:1px solid #f5c6cb;margin-bottom:1rem;padding:1rem}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.modal-content.modal-lg{max-width:900px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.tiptap-wrapper{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary)}.tiptap-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--border-radius) var(--border-radius) 0 0;flex-wrap:wrap;gap:.25rem;padding:.5rem;display:flex}.tiptap-toolbar button{cursor:pointer;color:var(--text-primary);transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.tiptap-toolbar button:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.tiptap-toolbar button.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.tiptap-editor{outline:none;min-height:200px;padding:1rem}.tiptap-editor:focus{border-color:var(--primary)}.ProseMirror{outline:none;min-height:180px}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.ProseMirror h2{margin:1rem 0 .5rem;font-size:1.4rem}.ProseMirror h3{margin:.75rem 0 .4rem;font-size:1.2rem}.ProseMirror ul,.ProseMirror ol{padding-left:1.5rem}.ProseMirror a{color:var(--primary)}.ProseMirror blockquote{border-left:3px solid var(--border-color);color:var(--text-secondary);padding-left:1rem}.status-badge{border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.status-draft{color:#856404;background-color:#fff3cd}.status-published{color:#155724;background-color:#d4edda}.status-archived{color:#383d41;background-color:#e2e3e5}.status-in_review{color:#004085;background-color:#cce5ff}.status-pending_approval{color:#803300;background-color:#ffe5d0}.status-expired{color:#721c24;background-color:#f8d7da}.dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}.dot.online{background-color:var(--success)}.dot.offline{background-color:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-section{flex-direction:column;gap:.5rem;max-width:600px;display:flex}.setting-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-info{flex-direction:column;gap:.25rem;display:flex}.setting-label{font-size:.95rem;font-weight:600}.setting-desc{color:var(--text-secondary);font-size:.83rem}.theme-toggle-pills{background:var(--bg-tertiary);border-radius:50px;gap:2px;padding:4px;display:flex}.theme-pill{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .2s}.theme-pill.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 8px #0000001f}.login-page{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:2.5rem}.login-logo{text-align:center;color:var(--primary);margin-bottom:2rem;font-size:1.5rem;font-weight:800}.login-title{text-align:center;margin-bottom:1.5rem}.login-error{margin-bottom:1rem}.login-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem}.login-footer a{color:var(--primary);text-decoration:none}.dashboard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.dashboard-header h1{margin:0}.header-actions{gap:1rem;display:flex}.tabs{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:1rem;font-weight:500}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab:hover{color:var(--primary)}.filters-bar{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.filters-bar .form-control{max-width:240px}.filters-bar .form-control.search-input{flex:1;max-width:320px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.info-item{background-color:var(--bg-secondary);border-radius:var(--border-radius);justify-content:space-between;align-items:center;padding:1rem;display:flex}.info-label{color:var(--text-secondary);font-weight:600}.info-value{color:var(--primary);font-weight:600}[data-theme=dark] .tiptap-wrapper{background:#1e1e1e;border-color:#353535}[data-theme=dark] .tiptap-toolbar{background:#222;border-bottom-color:#333}[data-theme=dark] .tiptap-toolbar button,[data-theme=dark] .tiptap-editor{color:#e0e0e0}[data-theme=dark] .theme-toggle-pills{background:#1a1a1a}[data-theme=dark] .theme-pill{color:#555}[data-theme=dark] .theme-pill.active{color:#f0f0f0;background:#2a2a2a;box-shadow:0 2px 8px #0006}[data-theme=dark] .login-page{background:#0f0f0f}[data-theme=dark] .login-card{background:#1c1c1c;border:1px solid #2c2c2c}[data-theme=dark] .login-logo{color:#b8860b}[data-theme=dark] .table th{color:#ccc;background-color:#1c1c1c;border-bottom-color:#2a2a2a}[data-theme=dark] .table td{color:#ccc;border-bottom-color:#2a2a2a}[data-theme=dark] .table tbody tr:hover{background-color:#1a1a1a}[data-theme=dark] .tabs{border-bottom-color:#2a2a2a}[data-theme=dark] .tab{color:#555}[data-theme=dark] .tab.active{color:var(--primary);border-bottom-color:var(--primary)}[data-theme=dark] .info-item{background-color:#1a1a1a}[data-theme=dark] .setting-row{border-bottom-color:#2a2a2a}