.compare-drop-zone{background:#0f172a66;border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.compare-drop-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(236,72,153,.1) 0%,transparent 60%);opacity:0;transition:opacity .3s}.compare-drop-zone:hover{border-color:#ec489966;background:#1e293b99}.compare-drop-zone:hover:before{opacity:1}.compare-drop-zone.dragover{border-color:var(--accent-primary);background:#ec48991a;transform:scale(1.02)}.compare-drop-zone.ready{border-color:var(--accent-success);border-style:solid;background:#10b9810d}.compare-drop-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));position:relative;z-index:1}.dz-title{color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:.5rem;position:relative;z-index:1}.dz-subtitle{color:var(--text-muted);font-size:.85rem;position:relative;z-index:1}.dz-filename{color:var(--accent-success);font-weight:600;font-size:1.1rem;word-break:break-all;position:relative;z-index:1;padding:.5rem;background:#0003;border-radius:var(--radius-sm);border:1px solid rgba(16,185,129,.2);display:inline-block;max-width:90%}.diff-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);background:#0003;margin-top:1rem}.diff-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}html[dir=rtl] .diff-table{text-align:right}.diff-table th,.diff-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.diff-table th{background:#0f172acc;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.diff-row-added{background:#10b9810d}.diff-row-added:hover{background:#10b9811a}.diff-row-removed{background:#ef44440d}.diff-row-removed:hover{background:#ef44441a}.diff-row-changed{background:#f59e0b0d}.diff-row-changed:hover{background:#f59e0b1a}.diff-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.diff-badge-added{background:#10b98126;color:#34d399}.diff-badge-removed{background:#ef444426;color:#f87171}.diff-badge-changed{background:#f59e0b26;color:#fbbf24}.diff-val-old{color:#f87171;text-decoration:line-through;background:#ef44441a;padding:.15rem .35rem;border-radius:4px;display:inline-block}.diff-val-new{color:#34d399;background:#10b9811a;padding:.15rem .35rem;border-radius:4px;display:inline-block}.sheet-tabs-container{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-top:1rem}.sheet-tabs-container::-webkit-scrollbar{height:4px}.sheet-tab-btn{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.sheet-tab-btn:hover{background:#1e293bcc;color:#fff}.sheet-tab-btn.active{background:#ec489926;border-color:var(--accent-primary);color:var(--accent-primary);font-weight:700}