:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: rgba(37, 99, 235, .1);--success: #16a34a;--success-light: rgba(22, 163, 74, .1);--warning: #ea580c;--warning-light: rgba(234, 88, 12, .1);--danger: #dc2626;--danger-light: rgba(220, 38, 38, .1);--info: #0891b2;--info-light: rgba(8, 145, 178, .1);--bg-body: #ffffff;--bg-card: #ffffff;--bg-sidebar: #f8f8f8;--border: #e5e5e5;--text: #1a1a1a;--text-muted: #666666;--text-light: #999999;--text-sidebar: #666666;--accent: #000000;--sidebar-width: 280px;--header-height: 64px;--border-radius: 8px;--border-radius-sm: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-body);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:80px 30px 30px}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:1000;border-right:1px solid var(--border)}.sidebar-header{padding:25px 20px;border-bottom:1px solid var(--border)}.sidebar-logo{color:var(--accent);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.sidebar-logo span{font-size:1.8rem}.sidebar-subtitle{color:var(--text-muted);font-size:.75rem;margin-top:5px}.client-selector{padding:15px 20px;border-bottom:1px solid var(--border)}.client-selector label{display:block;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px;font-weight:600}.client-selector select{width:100%;padding:10px 12px;background:var(--bg-body);border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s}.client-selector select:hover{border-color:var(--text-light)}.client-selector select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.client-selector select option{background:var(--bg-body);color:var(--text)}.nav-section{padding:15px 0}.nav-section.collapsed .nav-items{display:none}.nav-section.collapsed .nav-toggle:after{content:"+"}.nav-title{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding:0 20px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.nav-title:hover{color:var(--accent)}.nav-toggle{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--text-muted);transition:transform .2s}.nav-toggle:after{content:"-"}.nav-items{transition:all .2s ease}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:var(--bg-body);color:var(--accent)}.nav-item.active{background:var(--bg-body);color:var(--accent);border-left-color:var(--primary);font-weight:500}.nav-item .icon{width:20px;text-align:center;font-size:1.1rem}.nav-item .badge{margin-left:auto;background:var(--primary);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px}.nav-divider{height:1px;background:var(--border);margin:10px 20px}.page-header{margin-bottom:30px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:10px}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.page-title{font-size:1.8rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:15px}.page-title .icon{font-size:2rem}.page-description{color:var(--text-muted);margin-top:5px}.card{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;padding:25px;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.card-title{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:10px}.card-title .icon{color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-card);border-radius:var(--border-radius);padding:25px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:flex-start;gap:15px}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.blue{background:var(--primary-light);color:var(--primary)}.stat-icon.green{background:var(--success-light);color:var(--success)}.stat-icon.orange{background:var(--warning-light);color:var(--warning)}.stat-icon.red{background:var(--danger-light);color:var(--danger)}.stat-icon.cyan{background:var(--info-light);color:var(--info)}.stat-info{flex:1}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text);line-height:1}.stat-label{color:var(--text-muted);font-size:.85rem;margin-top:5px}.stat-change{font-size:.75rem;margin-top:8px;display:flex;align-items:center;gap:4px}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-sidebar);font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}td{font-size:.9rem;color:var(--text-muted)}tr:hover{background:var(--bg-sidebar)}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:#f1f5f9;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.active{background:var(--success)}.status-dot.pending{background:var(--warning)}.status-dot.inactive{background:var(--text-light)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-body);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px;font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:.9rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-textarea{min-height:100px;resize:vertical}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.main-content{margin-left:0;padding:15px}.sidebar{transform:translate(-100%)}}.chart-placeholder{background:linear-gradient(135deg,var(--bg-body) 0%,#e2e8f0 100%);border-radius:var(--border-radius-sm);height:250px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill.blue{background:var(--primary)}.progress-fill.green{background:var(--success)}.progress-fill.orange{background:var(--warning)}.progress-fill.red{background:var(--danger)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:1.2rem;margin-bottom:10px;color:var(--text)}.alert{padding:15px 20px;border-radius:var(--border-radius-sm);margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.alert-info{background:var(--info-light);color:#0e7490}.alert-success{background:var(--success-light);color:#166534}.alert-warning{background:var(--warning-light);color:#92400e}.alert-danger{background:var(--danger-light);color:#991b1b}.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:25px}.tab{padding:12px 20px;color:var(--text-muted);text-decoration:none;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tree-item{border:1px solid var(--border);border-radius:var(--border-radius-sm);margin-bottom:10px;overflow:hidden}.tree-header{display:flex;align-items:center;gap:12px;padding:15px;background:var(--bg-sidebar);cursor:pointer;transition:background .2s}.tree-header:hover{background:var(--border)}.tree-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.tree-content{padding:15px;display:none}.tree-item.open .tree-content{display:block}.tree-subitem{padding:10px 15px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.tree-subitem:last-child{border-bottom:none}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:25px}.timeline-item:before{content:"";position:absolute;left:-24px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid white}.timeline-date{font-size:.8rem;color:var(--text-muted);margin-bottom:5px}.timeline-content{background:var(--bg-sidebar);padding:15px;border-radius:var(--border-radius-sm)}.filters-bar{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:25px;padding:20px;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:.85rem;min-width:150px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.avatar.sm{width:32px;height:32px;font-size:.75rem}.avatar.lg{width:56px;height:56px;font-size:1.2rem}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-primary{color:var(--primary)}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:10px}.gap-2{gap:20px}.global-filters{display:flex;align-items:center;gap:20px;padding:12px 30px;background:var(--bg-body);border-bottom:1px solid var(--border);position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:500;flex-wrap:wrap}.global-filters .filter-item{display:flex;align-items:center;gap:8px}.global-filters .filter-item label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.global-filters .filter-item select,.global-filters .filter-item input[type=text]{padding:8px 12px;border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:.85rem;background:var(--bg-body);color:var(--text);min-width:180px;transition:all .2s}.global-filters .filter-item select{padding-right:32px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.global-filters .filter-item select option{background:var(--bg-body);color:var(--text)}.global-filters .filter-item input[type=text]{min-width:220px}.global-filters .filter-item input[type=text]::placeholder{color:var(--text-light);font-style:italic}.global-filters .filter-item select:focus,.global-filters .filter-item input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.global-filters .filter-item select:hover,.global-filters .filter-item input[type=text]:hover{border-color:var(--text-light)}.global-filters .filter-separator{width:1px;height:30px;background:var(--border)}.global-filters .filter-actions{margin-left:auto;display:flex;gap:10px}.global-filters .btn-apply{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s}.global-filters .btn-apply:hover{background:var(--primary-dark)}.global-filters .btn-clear{padding:8px 16px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.global-filters .btn-clear:hover{background:var(--bg-sidebar);color:var(--accent)}@media (max-width: 1200px){.global-filters{gap:15px}.global-filters .filter-item select{min-width:150px}.global-filters .filter-separator{display:none}}@media (max-width: 768px){.global-filters,.global-filters .filter-item{flex-direction:column;align-items:stretch}.global-filters .filter-item select{width:100%}.global-filters .filter-actions{margin-left:0;margin-top:10px}}