@charset "UTF-8";:root{--brand-deep: #052e22;--brand-forest: #06412f;--brand-emerald: #068e52;--brand-primary: #0ba35d;--brand-mint: #a7e9c6;--brand-lime: #c6de2b;--accent-teal: #0e9aa0;--accent-cyan: #22b8c4;--state-warning: #f2a93b;--state-error: #e8544a;--state-info: #3b7be0;--chart-violet: #8b7fe8;--bg: #f4f7f4;--surface: #ffffff;--surface-tinted: #edf4ef;--surface-hover: #f6fbf7;--surface-selected: #f1f8f3;--border: #dce7df;--border-subtle: #edf4ef;--text: #0b1f17;--text-body: #42574c;--text-muted: #5c7268;--text-disabled: #8ca096;--state-success-bg: #dcf0e4;--state-success-text: #046b3f;--state-success-dot: #0ba35d;--state-warning-bg: #fdefdb;--state-warning-text: #9a6512;--state-warning-dot: #f2a93b;--state-error-bg: #fbe3e1;--state-error-text: #b4302a;--state-error-dot: #e8544a;--state-info-bg: #e4edfb;--state-info-text: #2a5aa8;--state-info-dot: #3b7be0;--state-lime-bg: #f0f5d6;--state-lime-text: #5a6b08;--state-lime-dot: #c6de2b;--state-teal-bg: #e0f2f3;--state-teal-text: #0a7a80;--state-teal-dot: #0e9aa0;--state-neutral-bg: #edf4ef;--state-neutral-text: #5c7268;--state-neutral-dot: #8ca096;--grad-brand: linear-gradient(135deg, #052e22 0%, #068e52 100%);--grad-primary: linear-gradient(135deg, #068e52 0%, #0ba35d 100%);--grad-dron: linear-gradient(120deg, #0ba35d 0%, #c6de2b 100%);--grad-data: linear-gradient(135deg, #0e9aa0 0%, #068e52 100%);--chart-series-1: #068e52;--chart-series-2: #0ba35d;--chart-series-3: #0e9aa0;--chart-series-4: #22b8c4;--chart-series-5: #c6de2b;--chart-series-6: #8b7fe8;--chart-series-7: #f2a93b;--chart-series-8: #e8544a;--chart-grid: #edf4ef;--chart-axis: #dce7df;--chart-label: #5c7268}:root{--font-family-ui: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--type-display-family: var(--font-family-ui);--type-display-weight-min: 600;--type-display-weight-max: 700;--type-display-size-min: 40px;--type-display-size-max: 52px;--type-display-line: 1.05;--type-display-tracking: -.025em;--type-page-title-family: var(--font-family-ui);--type-page-title-weight: 600;--type-page-title-size: 26px;--type-page-title-line: 1.1;--type-page-title-tracking: -.02em;--type-page-subtitle-family: var(--font-family-ui);--type-page-subtitle-weight: 400;--type-page-subtitle-size: 13.5px;--type-page-subtitle-line: 1.5;--type-page-subtitle-tracking: 0em;--type-page-subtitle-color: var(--text-muted);--type-section-family: var(--font-family-mono);--type-section-weight: 600;--type-section-size: 10.5px;--type-section-line: 1;--type-section-tracking: .16em;--type-section-transform: uppercase;--type-card-heading-family: var(--font-family-ui);--type-card-heading-weight: 600;--type-card-heading-size: 15px;--type-card-heading-line: 1.2;--type-card-heading-tracking: -.01em;--type-kpi-family: var(--font-family-ui);--type-kpi-weight: 600;--type-kpi-size-min: 30px;--type-kpi-size-max: 44px;--type-kpi-line: 1;--type-kpi-tracking: -.03em;--type-kpi-numeric: tabular-nums;--type-body-family: var(--font-family-ui);--type-body-weight: 400;--type-body-size: 13px;--type-body-line: 1.55;--type-body-tracking: 0em;--type-table-cell-family: var(--font-family-ui);--type-table-cell-weight-emphasis: 500;--type-table-cell-weight-regular: 400;--type-table-cell-size: 13px;--type-table-cell-line: 1.2;--type-table-cell-tracking: 0em;--type-label-family: var(--font-family-mono);--type-label-weight: 600;--type-label-size: 10px;--type-label-line: 1;--type-label-tracking: .12em;--type-label-transform: uppercase;--type-badge-family: var(--font-family-mono);--type-badge-weight: 600;--type-badge-size: 10.5px;--type-badge-line: 1;--type-badge-tracking: .06em;--type-badge-transform: uppercase;--type-meta-family: var(--font-family-mono);--type-meta-weight: 500;--type-meta-size: 11.5px;--type-meta-line: 9.5px;--type-meta-tracking: 0em;--type-meta-color: var(--text-muted)}:root{--space-px-4: 4px;--space-px-8: 8px;--space-px-12: 12px;--space-px-14: 14px;--space-px-16: 16px;--space-px-20: 20px;--space-px-22: 22px;--space-px-24: 24px;--space-px-32: 32px;--space-px-40: 40px;--space-px-56: 56px;--layout-page-padding-y: var(--space-px-20);--layout-page-padding-x: var(--space-px-22);--layout-card-gap-min: var(--space-px-14);--layout-card-gap-max: var(--space-px-20);--layout-card-padding-min: var(--space-px-16);--layout-card-padding-max: var(--space-px-20);--layout-inner-gap-min: var(--space-px-8);--layout-inner-gap-max: var(--space-px-14);--radius-chip: 4px;--radius-badge: 5px;--radius-button: 6px;--radius-input-min: 7px;--radius-input-max: 8px;--radius-card-inner-min: 9px;--radius-card-inner-max: 10px;--radius-card-min: 10px;--radius-card-max: 12px;--radius-dialog: 14px;--radius-pill: 999px;--radius-max: 16px;--shadow-v1-sm: 0 1px 2px rgba(6, 65, 47, .06);--shadow-v1-md: 0 6px 18px -6px rgba(5, 46, 34, .16);--shadow-v1-lg: 0 20px 44px -12px rgba(5, 46, 34, .28);--shadow-brand: 0 8px 20px -8px rgba(11, 163, 93, .45);--focus-ring-v1: 0 0 0 3px rgba(11, 163, 93, .28);--focus-ring-border: #068e52;--overlay-dialog: rgba(5, 46, 34, .42);--overlay-dialog-blur: 2px;--overlay-drawer: rgba(5, 46, 34, .34);--motion-duration-hover: .12s;--motion-duration-selection: .18s;--motion-duration-dropdown: .24s;--motion-duration-dialog: .32s;--motion-duration-chart: .6s;--motion-duration-pulse: 1.8s;--motion-duration-shimmer: 1.3s;--motion-duration-dron-dash: 1.6s;--motion-ease-enter: cubic-bezier(.22, .75, .28, 1);--motion-ease-exit: cubic-bezier(.6, 0, .9, .4);--motion-ease-progress: cubic-bezier(.65, 0, .35, 1);--icon-stroke-min: 1.75;--icon-stroke-max: 1.9;--icon-size-ui: 20px;--icon-size-toolbar: 18px;--icon-size-table: 15px;--icon-size-meta: 14px;--icon-container-lg: 40px;--icon-container-lg-radius: 9px;--icon-container-md: 32px;--icon-container-md-radius: 8px}:root{--dron-primary: #008c50;--dron-primary-hover: #0a6a36;--dron-primary-active: #085a2e;--dron-primary-deep: #06522d;--dron-primary-soft: #e6f4ec;--dron-emerald: #10a36a;--dron-mint: #7fd6ac;--dron-lime: #b1d349;--dron-lime-strong: #93b52c;--dron-teal: #0d9488;--dron-accent: var(--dron-lime);--dron-accent-soft: #f3f8e3;--dron-lime-soft: var(--dron-accent-soft);--dron-gradient-primary: linear-gradient(135deg, var(--dron-primary) 0%, var(--dron-emerald) 100%);--dron-gradient-deep: linear-gradient(135deg, var(--dron-primary-deep) 0%, var(--dron-primary) 100%);--dron-gradient-success: linear-gradient(135deg, var(--dron-emerald) 0%, var(--dron-lime) 100%);--dron-gradient-soft: linear-gradient(160deg, #f0f9f4 0%, #e6f4ec 55%, #eef7e2 100%);--dron-realtime: #10a36a;--dron-bg: #ebf1ec;--dron-surface: #ffffff;--dron-surface-raised: #ffffff;--dron-surface-tinted: #f4faf6;--dron-surface-muted: #f2f5f3;--dron-surface-hover: #f6f9f7;--dron-border: #e3e9e5;--dron-border-strong: #c9d3cd;--dron-text: #1c2b24;--dron-text-muted: #5d6b64;--dron-text-faint: #8a968f;--dron-disabled: #aab5af;--dron-success: #0c7e48;--dron-success-soft: #e3f5e8;--dron-warning: #b36a0a;--dron-warning-soft: #fdf1de;--dron-danger: #cf3535;--dron-danger-hover: #b02c2c;--dron-danger-soft: #fbe9e9;--dron-info: #0779ab;--dron-info-soft: #e5f3f9;--dron-chat-bg: #e9efe9;--dron-bubble-sent: #d8f0e2;--dron-bubble-sent-border: #c0e4d1;--dron-bubble-received: #ffffff;--dron-status-read: #0779ab;--font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .72rem;--font-size-sm: .82rem;--font-size-base: .9rem;--font-size-lg: 1.05rem;--font-size-xl: 1.35rem;--font-size-2xl: 1.7rem;--font-size-3xl: 2.1rem;--dv-green: #008c50;--dv-lime: #8dc63f;--dv-teal: #0d9488;--dv-blue: #0779ab;--dv-amber: #d97b06;--dv-red: #cf3535;--dv-neutral: #aab5af;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(28, 43, 36, .05);--shadow-sm: 0 1px 2px rgba(28, 43, 36, .05), 0 2px 8px rgba(28, 43, 36, .04);--shadow-md: 0 2px 6px rgba(28, 43, 36, .06), 0 10px 32px rgba(28, 43, 36, .09);--shadow-lg: 0 16px 44px rgba(28, 43, 36, .17);--glow-primary: 0 0 0 1px rgba(0, 140, 80, .14), 0 4px 20px rgba(0, 140, 80, .13);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 50;--z-modal: 100;--z-toast: 200;--focus-ring: 0 0 0 3px rgba(0, 140, 80, .25);--table-offset: 13rem}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--dron-bg);color:var(--dron-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600;line-height:1.25}h1{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.015em}h2{font-size:var(--font-size-lg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}button{font-family:inherit;cursor:pointer}a{color:var(--dron-primary)}a:hover{color:var(--dron-primary-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}*{scrollbar-width:thin;scrollbar-color:var(--dron-border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--dron-border-strong);border-radius:var(--radius-full)}*::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:var(--font-size-base);font-weight:500;background:var(--dron-primary);color:#fff;text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.985)}.btn:hover{background:var(--dron-primary-hover);color:#fff}.btn:active{background:var(--dron-primary-active)}.btn:disabled{background:var(--dron-disabled);cursor:not-allowed}.btn-secondary{background:var(--dron-surface);color:var(--dron-text);border-color:var(--dron-border-strong)}.btn-secondary:hover{background:var(--dron-surface-muted);color:var(--dron-text)}.btn-secondary:active{background:var(--dron-border)}.btn-secondary:disabled{background:var(--dron-surface);color:var(--dron-disabled)}.btn-danger{background:var(--dron-danger)}.btn-danger:hover{background:var(--dron-danger-hover)}.btn-link{background:none;color:var(--dron-primary);border:none;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:var(--dron-primary-hover)}.btn-link:disabled{color:var(--dron-disabled);cursor:not-allowed}.btn-sm{padding:.3rem .7rem;font-size:var(--font-size-sm)}.btn--gradient{position:relative;background:var(--dron-gradient-primary);overflow:hidden}.btn--gradient:after{content:"";position:absolute;inset:0;background:#06522d00;transition:background var(--transition-fast)}.btn--gradient:hover{background:var(--dron-gradient-primary)}.btn--gradient:hover:after{background:#06522d2e}.btn--gradient:disabled{background:var(--dron-disabled)}.btn-ghost{background:transparent;color:var(--dron-text-muted);border-color:transparent}.btn-ghost:hover{background:var(--dron-surface-muted);color:var(--dron-text)}.btn-ghost:active{background:var(--dron-border)}.btn-ghost:disabled{background:transparent;color:var(--dron-disabled)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dron-text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.btn-icon:hover{background:var(--dron-surface-muted);color:var(--dron-text)}.btn-icon:disabled{color:var(--dron-disabled);cursor:not-allowed;background:transparent}.card{background:var(--dron-surface);border:1px solid var(--dron-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.table-wrap{overflow:auto;max-height:calc(100vh - var(--table-offset));border:1px solid var(--dron-border);border-radius:var(--radius-md);background:var(--dron-surface);box-shadow:var(--shadow-sm)}table.dron-table{width:100%;border-collapse:collapse;background:var(--dron-surface)}table.dron-table th,table.dron-table td{text-align:left;padding:.6rem .9rem;border-bottom:1px solid var(--dron-border);font-size:var(--font-size-base);white-space:nowrap}table.dron-table td:first-child,table.dron-table th:first-child{padding-left:var(--space-4)}table.dron-table th{color:var(--dron-text-muted);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--dron-surface-tinted);border-bottom:1px solid var(--dron-border-strong)}table.dron-table thead th{position:sticky;top:0;z-index:2}table.dron-table tbody tr{transition:background var(--transition-fast),box-shadow var(--transition-fast)}table.dron-table tbody tr:hover{background:var(--dron-surface-hover);box-shadow:inset 2px 0 0 var(--dron-primary)}table.dron-table tbody tr:last-child td{border-bottom:none}.table-wrap table.dron-table{border:none}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .6rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.badge-active{background:var(--dron-success-soft);color:var(--dron-success)}.badge-inactive{background:var(--dron-danger-soft);color:var(--dron-danger)}.badge-warning{background:var(--dron-warning-soft);color:var(--dron-warning)}.badge-info{background:var(--dron-info-soft);color:var(--dron-info)}.badge-neutral{background:var(--dron-surface-muted);color:var(--dron-text-muted)}.ticket-chip{font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);font-weight:600;color:var(--dron-primary)}.routing-badge{display:inline-block;padding:.1rem .45rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:var(--dron-info-soft);color:var(--dron-info)}.form-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:var(--space-4)}.form-field label{font-size:var(--font-size-sm);font-weight:600;color:var(--dron-text-muted)}.form-field input,.form-field select,.form-field textarea{padding:.5rem .65rem;border:1px solid var(--dron-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;background:var(--dron-surface);color:var(--dron-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{border-color:var(--dron-primary);box-shadow:var(--focus-ring)}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:var(--dron-surface-muted);color:var(--dron-disabled)}.form-error{color:var(--dron-danger);font-size:var(--font-size-sm);margin:.25rem 0 var(--space-4)}.modal-backdrop{position:fixed;inset:0;background:#14201a73;display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem;z-index:var(--z-modal);animation:dron-fade-in var(--transition-fast)}.modal-panel{background:var(--dron-surface);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:480px;max-height:calc(100vh - 8rem);overflow-y:auto;box-shadow:var(--shadow-lg);animation:dron-slide-up var(--transition-base)}.modal-panel h2{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-4)}.back-link{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:var(--space-4);text-decoration:none;font-size:var(--font-size-sm);color:var(--dron-text-muted)}.back-link:hover{color:var(--dron-primary)}.filter-bar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-bar label{font-size:var(--font-size-sm);font-weight:600;color:var(--dron-text-muted)}.filter-bar select,.filter-bar input{padding:.4rem .6rem;border:1px solid var(--dron-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;background:var(--dron-surface);color:var(--dron-text)}.filter-bar select:focus-visible,.filter-bar input:focus-visible{border-color:var(--dron-primary);box-shadow:var(--focus-ring)}.row-actions{display:flex;gap:var(--space-1);align-items:center;justify-content:flex-end}.row-actions .btn-link,.row-actions a{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--dron-text-muted);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.row-actions .btn-link:hover,.row-actions a:hover{background:var(--dron-primary-soft);color:var(--dron-primary)}.actions-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0 var(--space-5)}.muted{color:var(--dron-text-muted);font-size:var(--font-size-sm)}.page-with-rail{display:grid;grid-template-columns:1fr 324px;gap:var(--space-px-20);min-height:0}@media(max-width:1366px){.page-with-rail{grid-template-columns:1fr 288px}}@media(max-width:1280px){.page-with-rail{grid-template-columns:1fr}}.page-with-rail__main,.page-with-rail__rail{min-width:0;display:flex;flex-direction:column;gap:var(--space-px-14)}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;gap:var(--space-4);padding:.55rem 0;border-bottom:1px solid var(--dron-border)}.timeline li:last-child{border-bottom:none}.timeline__time{color:var(--dron-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;min-width:9.5rem;flex-shrink:0}.timeline__label{font-size:var(--font-size-base)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-4);margin:var(--space-4) 0 var(--space-5)}.stat-card{background:var(--dron-surface);border:1px solid var(--dron-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--dron-primary);font-variant-numeric:tabular-nums;line-height:1.2}.stat-card__label{margin-top:.3rem;font-size:var(--font-size-sm);color:var(--dron-text-muted)}.stat-card--tinted{background:var(--dron-surface-tinted);border-color:transparent}.stat-card--gradient{background:var(--dron-gradient-soft);border-color:transparent}.stat-card--accent-line{position:relative;overflow:hidden}.stat-card--accent-line:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stat-accent, var(--dron-primary))}.stat-card--hoverable{transition:box-shadow var(--transition-base),transform var(--transition-base)}.stat-card--hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.progress-ring{width:3rem;height:3rem;flex-shrink:0}.progress-ring circle,.progress-ring path{fill:none;stroke-width:3.4;stroke-linecap:round}.progress-ring .progress-ring__track{stroke:var(--dron-border)}.progress-ring .progress-ring__fill{stroke:var(--ring-color, var(--dron-primary));transition:stroke-dasharray .6s ease}.stat-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:var(--radius-full);border:1px solid var(--dron-border);background:var(--dron-surface);font-size:var(--font-size-sm);color:var(--dron-text-muted);white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.stat-chip.stat-chip--clickable{cursor:pointer}.stat-chip.stat-chip--clickable:hover{background:var(--dron-surface-tinted);border-color:var(--dron-primary)}.stat-chip.stat-chip--active{background:var(--dron-primary-soft);border-color:var(--dron-primary);color:var(--dron-primary)}.stat-chip__value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--dron-text);font-size:var(--font-size-base)}.stat-chip--warn{border-color:transparent;background:var(--dron-warning-soft);color:var(--dron-warning)}.stat-chip--warn .stat-chip__value{color:var(--dron-warning)}.stat-chip--active .stat-chip__value{color:var(--dron-primary)}.panel{background:var(--dron-surface);border:1px solid var(--dron-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0}.panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.panel__header h2,.panel__header h3{margin:0;font-size:var(--font-size-lg)}.panel__meta{font-size:var(--font-size-xs);color:var(--dron-text-faint);white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:var(--radius-full);border:1px solid var(--dron-border-strong);background:var(--dron-surface);color:var(--dron-text-muted);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.chip:hover{background:var(--dron-surface-muted)}.chip--active{background:var(--dron-primary-soft);border-color:transparent;color:var(--dron-primary)}.realtime-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--dron-realtime);animation:dron-pulse 2.4s ease infinite}.skeleton{position:relative;overflow:hidden;background:var(--dron-surface-muted);border-radius:var(--radius-sm);min-height:1rem}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:dron-shimmer 1.4s infinite}.skeleton-row{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.skeleton-row .skeleton{height:1rem;flex:1}.alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.alert-error{background:var(--dron-danger-soft);color:var(--dron-danger)}.alert-warning{background:var(--dron-warning-soft);color:var(--dron-warning)}.alert-info{background:var(--dron-info-soft);color:var(--dron-info)}@keyframes dron-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dron-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dron-shimmer{to{transform:translate(100%)}}@keyframes dron-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dron-pulse{0%{box-shadow:0 0 #10a36a73}70%{box-shadow:0 0 0 7px #10a36a00}to{box-shadow:0 0 #10a36a00}}