:root{--bg: #f5f5f5;--card: #ffffff;--text: #1a1a1a;--muted: #6b7280;--border: #e5e7eb;--shadow: 0 6px 18px rgba(0,0,0,.08);--primary: #ef6c00;--primary-contrast: #ffffff;--green: #10b981;--blue: #3b82f6;--yellow: #f59e0b;--red: #ef4444}.app-shell{display:grid;grid-template-columns:260px 1fr;height:100vh;background:var(--bg);color:var(--text)}.app-shell.sidebar-closed{grid-template-columns:72px 1fr}.sidebar-wrapper{background:#fff;border-right:1px solid var(--border)}.main-content{display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);padding:10px 16px}.brand{display:flex;align-items:center;gap:10px}.brand-accent{width:20px;height:20px;background:var(--primary);border-radius:4px}.topbar-actions{display:flex;gap:10px;align-items:center}.searchbar{display:flex;align-items:center;gap:8px;background:#f3f4f6;border:1px solid var(--border);padding:6px 8px;border-radius:8px}.searchbar.small{padding:4px 6px}.searchbar input{outline:none;border:none;background:transparent}.icon-button{border:1px solid var(--border);background:#fff;padding:6px;border-radius:8px;cursor:pointer}.icon-button:hover{box-shadow:var(--shadow)}.icon-button.danger{color:var(--red);border-color:#fecaca;background:#fff7f7}.button{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--primary-contrast);border:1px solid var(--primary);border-radius:8px;padding:8px 12px;cursor:pointer}.button:hover{opacity:.95}.button.ghost{background:#fff;color:var(--text);border:1px solid var(--border)}.content-area{padding:16px;overflow:auto;background:var(--bg)}.footer{display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid var(--border);padding:10px 16px}.badge{border:1px solid var(--border);padding:2px 6px;border-radius:6px;color:var(--muted)}.sidebar{height:100%;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;gap:8px;padding:14px;border-bottom:1px solid var(--border)}.logo-mark{width:28px;height:28px;background:var(--primary);color:#fff;font-weight:700;display:grid;place-items:center;border-radius:6px}.logo-text{font-weight:600}.sidebar .toggle{margin-left:auto;border:1px solid var(--border);background:#fff;padding:4px;border-radius:8px;cursor:pointer}.nav{display:flex;flex-direction:column;padding:8px;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer}.nav-item:hover{background:#f3f4f6}.nav-item.active{background:#fff7ed;border-color:#fed7aa;color:#b45309}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--border)}.settings-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.period-selector{display:flex;align-items:center;gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:12px}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.kpi-title{font-weight:600}.kpi-value{font-size:22px;margin-top:4px}.kpi-change{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px}.kpi-change.up{color:var(--green)}.kpi-change.down{color:var(--red)}.charts-grid,.tables-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;margin-top:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.list{display:flex;flex-direction:column;gap:10px}.list-item{display:flex;gap:10px;align-items:center}.pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px}.pill.info{background:#eff6ff;color:#1d4ed8}.pill.warning{background:#fffbeb;color:#b45309}.pill.critical{background:#fef2f2;color:#b91c1c}.pill.succeeded{background:#ecfdf5;color:#047857}.pill.sent{background:#eef2ff;color:#3730a3}.pill.queued{background:#f1f5f9;color:#334155}.pill.failed{background:#fef2f2;color:#991b1b}.status.online{color:#059669}.status.offline{color:#991b1b}.status.maintenance{color:#b45309}.table-responsive{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left}.table.small th,.table.small td{padding:6px 8px}.row-actions{display:flex;gap:6px}.loading-inline{margin-top:10px;color:var(--muted)}.muted{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:40}.modal{width:min(720px,92vw);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border)}.modal-body{padding:12px}.entity-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field input[type=text],.form-field input[type=number],.form-field input[type=date],.form-field input[type=datetime-local],.form-field select,.form-field textarea{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.form-actions{margin-top:10px}.error-inline{margin-top:8px;padding:8px 10px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px}@media(max-width:1100px){.charts-grid,.tables-grid,.kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.charts-grid,.tables-grid,.kpi-grid,.entity-form .form-grid{grid-template-columns:1fr}}.chatbot-toggle{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ef6c00,#10b981);border:none;color:#fff;cursor:pointer;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.chatbot-window{position:fixed;bottom:90px;right:20px;width:400px;max-width:calc(100vw - 40px);height:500px;max-height:calc(100vh - 120px);background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;z-index:999}.chatbot-header{padding:15px 20px;background:linear-gradient(135deg,#ef6c00,#10b981);color:#fff;display:flex;justify-content:space-between;align-items:center}.chatbot-header h3{margin:0;font-size:16px;font-weight:600}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-btn:hover{background:#fff3}.chatbot-messages{flex:1;padding:15px;overflow-y:auto;background:#f8f9fa}.message{margin-bottom:12px;display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:80%;padding:10px 14px;border-radius:12px;word-wrap:break-word}.message.user .message-content{background:linear-gradient(135deg,#ef6c00,#10b981);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:#fff;border:1px solid #e9ecef;border-bottom-left-radius:4px;color:#333}.typing-indicator{display:flex;gap:4px;padding:12px 16px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#ef6c00;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chatbot-input{padding:15px;display:flex;gap:10px;border-top:1px solid #e9ecef;background:#fff}.chatbot-input input{flex:1;padding:10px 14px;border:1px solid #e9ecef;border-radius:20px;outline:none;font-size:14px;transition:border-color .2s}.chatbot-input input:focus{border-color:#ef6c00}.chatbot-input input:disabled{background:#f8f9fa;cursor:not-allowed}.chatbot-input button{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#ef6c00,#10b981);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chatbot-input button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0003}.chatbot-input button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chatbot-window{width:calc(100vw - 40px);height:calc(100vh - 120px);bottom:90px}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#f5f5f5;color:#1a1a1a}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4,h5,h6{margin:0}.error-container{height:100vh;display:grid;place-items:center;background:#f5f5f5}