*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f6f7;--color-surface: #ffffff;--color-text: #1f2937;--color-muted: #6b7280;--color-border: #e5e7eb;--color-hover: #f3f4f6;--color-accent: #2563eb;--radius-sm: 4px;--radius-md: 6px;--font-size-sm: 13px;--font-size-base: 14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text)}button{font-family:inherit;font-size:inherit;padding:6px 12px;border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer}button:hover{background-color:var(--color-hover)}button:active{transform:translateY(1px)}select{font-family:inherit;font-size:inherit;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.table thead{background-color:#fafafa}.table th{text-align:left;padding:12px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-muted);border-bottom:1px solid var(--color-border)}.table td{padding:12px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);vertical-align:middle}.table tbody tr:hover{background-color:var(--color-hover)}.table__name{display:flex;align-items:center;gap:6px}.table__toggle{border:none;background:none;cursor:pointer;font-size:12px;padding:0;color:var(--color-muted)}.table__toggle:hover{color:var(--color-text)}.table__copy{cursor:pointer}.table__copy:hover{text-decoration:underline;color:var(--color-accent)}.table__email{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:bottom}.table__tree{font-family:monospace;color:#9ca3af;margin-right:4px;white-space:pre}.copy-tooltip{position:fixed;transform:translate(-50%,-120%);background:#fff;color:#000;border:1px solid var(--color-border);padding:4px 8px;font-size:12px;border-radius:6px;pointer-events:none;animation:fadeInOut 1s ease forwards}@media(max-width:700px){.table__email{max-width:80px}}.filters{display:flex;align-items:center;gap:16px}.filters__label{font-size:var(--font-size-sm);color:var(--color-muted)}.sort{position:relative;display:flex;align-items:center}.sort__popup{position:absolute;top:100%;left:0;margin-top:8px;padding:12px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 6px 20px #00000014;min-width:220px;z-index:10}.sort__option{display:flex;align-items:center;margin-bottom:10px;font-size:var(--font-size-sm)}.sort__option label{display:flex;align-items:center;gap:8px;line-height:1.4;cursor:pointer}.sort__actions{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border);display:flex;gap:8px}.app{max-width:1200px;margin:0 auto;padding:24px}.app__title{font-size:20px;font-weight:600;margin-bottom:24px}.controls{display:flex;align-items:center;gap:16px;margin-bottom:24px}