*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh}.sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1{font-size:20px;font-weight:600}.sidebar-nav{flex:1;padding:16px 0}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#ffffffb3;text-decoration:none;transition:all .2s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#4a90d94d;color:#fff;border-left:3px solid #4a90d9}.nav-icon{font-size:16px}.sidebar-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;flex-direction:column;margin-bottom:12px}.user-name{font-weight:600;font-size:14px}.user-role{font-size:12px;color:#fff9;text-transform:capitalize}.logout-btn{width:100%;padding:10px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#fff3}.main-content{flex:1;margin-left:250px;min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.login-container{background:#fff;padding:40px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:24px;color:#1a1a2e;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;font-size:14px}.login-btn{padding:14px;background:#4a90d9;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.login-btn:hover{background:#3a7bc8}.login-btn:disabled{background:#ccc;cursor:not-allowed}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4a90d9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.forbidden-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.forbidden-screen h1{font-size:48px;color:#c62828;margin-bottom:16px}.forbidden-screen p{color:#666;font-size:18px}.dashboard{max-width:1600px;margin:0 auto;padding:24px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:28px;font-weight:600;color:#1a1a2e}.filters-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.filter-group select:hover,.filter-group input:hover{border-color:#aaa}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d926}.apply-btn{padding:10px 24px;background:#4a90d9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.apply-btn:hover{background:#3a7bc8}.apply-btn:disabled{background:#ccc;cursor:not-allowed}.reset-btn{padding:10px 24px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#e8e8e8;border-color:#ccc}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input,.form-group select{padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d926}.summary-section{margin-bottom:24px}.summary-section h2{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.summary-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .2s}.summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.summary-card-hidden{opacity:.5;background:#f5f5f5}.summary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.summary-card-title{font-size:14px;font-weight:600;color:#666;max-width:200px;word-break:break-word}.summary-card-badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:600}.summary-card-badge.positive{background:#e8f5e9;color:#2e7d32}.summary-card-badge.negative{background:#ffebee;color:#c62828}.summary-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{text-align:center}.metric-value{font-size:20px;font-weight:700;color:#1a1a2e}.metric-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.charts-section{display:grid;grid-template-columns:1fr;gap:24px}.chart-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.chart-container h3{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:20px}.custom-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 0}.legend-item{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.legend-item:hover{background:#f0f0f0}.legend-item-hidden{opacity:.5}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-text{font-size:12px;color:#333}.legend-text-hidden{text-decoration:line-through;color:#999}.loading{display:flex;justify-content:center;align-items:center;padding:60px;color:#666;font-size:16px}.error{background:#ffebee;color:#c62828;padding:16px;border-radius:8px;margin-bottom:24px}.no-data{text-align:center;padding:40px;color:#888}.user-management{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:600;color:#1a1a2e}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:16px;text-align:left;border-bottom:1px solid #eee}.users-table th{background:#f8f9fa;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#666}.users-table tr:hover{background:#f8f9fa}.inactive-row{opacity:.6}.you-badge{font-size:11px;color:#4a90d9;margin-left:8px}.role-badge{font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600;text-transform:uppercase}.role-admin{background:#e3f2fd;color:#1565c0}.role-editor{background:#e8f5e9;color:#2e7d32}.role-viewer{background:#f5f5f5;color:#616161}.status-badge{font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#ffebee;color:#c62828}.btn-primary{padding:10px 20px;background:#4a90d9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#3a7bc8}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e8e8e8}.btn-small{padding:6px 12px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.btn-edit{background:#e3f2fd;color:#1565c0}.btn-edit:hover{background:#bbdefb}.btn-toggle{background:#fff3e0;color:#ef6c00}.btn-toggle:hover{background:#ffe0b2}.btn-delete{background:#ffebee;color:#c62828}.btn-delete:hover{background:#ffcdd2}.btn-small:disabled{opacity:.5;cursor:not-allowed}.actions-cell{display:flex;gap:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:32px;border-radius:12px;width:100%;max-width:480px;box-shadow:0 10px 40px #0003}.modal h2{font-size:20px;color:#1a1a2e;margin-bottom:24px}.modal form{display:flex;flex-direction:column;gap:16px}.form-error{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}@media(max-width:768px){.sidebar{width:60px}.sidebar-header h1,.nav-link span:not(.nav-icon),.user-info,.logout-btn{display:none}.nav-link{justify-content:center;padding:16px}.main-content{margin-left:60px}.dashboard{padding:16px}.filters-row{flex-direction:column}.filter-group{width:100%}.page-header{flex-direction:column;gap:16px;align-items:stretch}.users-table-container{overflow-x:auto}.actions-cell{flex-direction:column}}